:root{color:#14212b;background:#eef2f5;font-family:Inter,Segoe UI,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{border:1px solid #b9c5cf;border-radius:6px;background:#fff;color:#17232d;cursor:pointer}button:hover:not(:disabled){border-color:#0f766e;color:#0f766e}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{width:min(1480px,100%);margin:0 auto;padding:24px}.app-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:18px}.app-header h1{margin:0;color:#111827;font-size:32px;letter-spacing:0}.header-badge{flex:0 0 auto;border-radius:999px;background:#dbeafe;color:#1e3a8a;padding:8px 12px;font-weight:700}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.editor-stack{display:grid;gap:18px}.curve-panel,.control-panel,.preview-panel{border:1px solid #d4dde5;border-radius:8px;background:#fff;box-shadow:0 10px 22px #0f172a14}.curve-panel{padding:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-head h2,.settings-group h2{margin:0;color:#17232d;font-size:18px;letter-spacing:0}.panel-head span{color:#667585;font-weight:700}.curve-tools{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px}.handle-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mirror-mode{display:grid;grid-template-columns:repeat(3,minmax(0,auto));gap:4px}.handle-mode button,.mirror-mode button{min-width:48px;min-height:30px;padding:0 8px;font-size:13px}.mirror-mode button{min-width:78px}.handle-mode button.active,.mirror-mode button.active{border-color:#0f766e;background:#ccfbf1;color:#134e4a;font-weight:700}.point-actions button{width:34px;height:34px;font-size:20px;font-weight:700}.curve-canvas{display:block;width:100%;height:auto;aspect-ratio:520 / 210;border:1px solid #c7d1db;border-radius:6px;touch-action:none}.preset-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.preset-row button{min-height:34px;padding:0 12px}.preset-row button.active,.segmented button.active{border-color:#0f766e;background:#ccfbf1;color:#134e4a;font-weight:700}.control-panel{display:grid;gap:18px;padding:16px}.settings-group{display:grid;gap:12px}.settings-group label{display:grid;gap:6px;color:#354352;font-weight:700}.settings-group input[type=number]{width:100%;min-height:38px;border:1px solid #b9c5cf;border-radius:6px;padding:6px 10px}.settings-group input[type=range]{width:100%;accent-color:#0f766e}fieldset{min-width:0;margin:0;border:0;padding:0}legend{margin-bottom:8px;color:#354352;font-weight:700}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segmented button,.primary-action{min-height:38px;padding:0 10px}.primary-action{background:#17232d;color:#fff;font-weight:700}.primary-action:hover{border-color:#17232d;background:#0f766e;color:#fff}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.preview-panel{min-width:0;padding:16px}.preview-canvas{display:block;width:100%;height:auto;aspect-ratio:1;border:1px solid #c7d1db;border-radius:6px;background:#111827;image-rendering:pixelated}@media(max-width:980px){.workspace{grid-template-columns:1fr}.control-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.app-shell{padding:14px}.app-header{align-items:flex-start;flex-direction:column}.app-header h1{font-size:26px}.control-panel,.preview-grid{grid-template-columns:1fr}.preset-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.curve-tools{align-items:flex-end;flex-direction:column}}