:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#211c17;background:radial-gradient(circle at top,rgba(255,241,214,.85),transparent 35%),linear-gradient(180deg,#f7efe2,#efe4d0);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh}a,button,select{font:inherit}#curves-app{min-height:100vh;padding:24px}.editor-shell{width:min(1120px,100%);margin:0 auto;display:grid;gap:18px}.toolbar,.canvas-panel{background:#fffbf5d1;border:1px solid rgba(114,94,67,.16);border-radius:24px;box-shadow:0 18px 60px #4c381e1f;backdrop-filter:blur(12px)}.toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:20px 22px}.toolbar-copy{max-width:680px}.toolbar-copy h1{margin:0;font-size:clamp(2rem,4vw,3.8rem);line-height:.95;letter-spacing:-.06em}.toolbar-copy p,.status{margin:0;color:#5d5346}.toolbar-copy p{margin-top:10px;max-width:58ch;line-height:1.5}.toolbar-home{display:inline-block;margin-top:14px;color:#2f5843;font-weight:700;text-decoration-thickness:.08em;text-underline-offset:.18em}.toolbar-home:hover{color:#254835}.controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.field{display:grid;gap:6px;color:#4b4238;font-size:.95rem}.field span{font-weight:600}select,button{min-height:46px;border-radius:14px;border:1px solid rgba(93,71,45,.2);background:#fff8ef;color:#211c17;padding:0 14px}select{min-width:180px}button{background:linear-gradient(135deg,#2f5843,#4f7f61);color:#fdf7f0;border:none;font-weight:700;cursor:pointer;padding-inline:18px}button:hover{filter:brightness(1.04)}button:active{transform:translateY(1px)}button[aria-pressed=true]{background:#211c17}select:focus-visible,button:focus-visible,.toolbar-home:focus-visible{outline:2px solid #d95f02;outline-offset:2px}.canvas-panel{padding:20px;display:grid;gap:12px}.canvas-frame{padding:12px;border-radius:18px;background:linear-gradient(180deg,#ffffffad,#ebe0d1cc),#eadbc4;border:1px solid rgba(114,94,67,.12)}.curve-canvas{display:block;width:100%;height:auto;border-radius:12px;cursor:crosshair}.status{font-weight:700}.custom-power-field{position:fixed;right:24px;bottom:24px;z-index:10;width:min(280px,calc(100vw - 28px));padding:14px 16px 16px;border-radius:18px;border:1px solid rgba(114,94,67,.18);background:#fffbf5eb;box-shadow:0 18px 40px #4c381e2e;backdrop-filter:blur(12px);display:grid;grid-template-columns:1fr auto;gap:10px 12px}.custom-power-header,.custom-power-value{font-weight:700;color:#3d352c}.custom-power-value{justify-self:end}.custom-power-slider{grid-column:1 / -1;width:100%;margin:0;accent-color:#1b9e77}@media(max-width:720px){#curves-app{padding:14px}.toolbar,.canvas-panel{border-radius:18px}.toolbar{padding:18px;align-items:stretch}.controls,.field,select,button{width:100%}.custom-power-field{right:14px;bottom:14px;width:calc(100vw - 28px)}}#fluid-app{min-height:100vh;padding:24px}.fluid-render-frame{position:relative;min-height:320px;padding:0;overflow:hidden;background:linear-gradient(rgba(84,68,47,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(84,68,47,.035) 1px,transparent 1px),#fbf8f2;background-size:24px 24px}.fluid-fps{position:absolute;right:10px;bottom:10px;z-index:1;padding:5px 8px;border:1px solid rgba(255,255,255,.3);border-radius:7px;background:#181d1ab8;color:#fff;font:600 12px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-variant-numeric:tabular-nums;pointer-events:none;backdrop-filter:blur(4px)}.fluid-canvas{display:block;width:100%;height:auto;cursor:crosshair;touch-action:none}.fluid-actions{display:flex;align-items:end;gap:12px}.color-field,.fluid-mode-field{display:grid;gap:6px;color:#4b4238;font-size:.95rem;font-weight:600}.fluid-mode-field select{min-width:112px;height:46px;padding:0 12px;border:1px solid rgba(93,71,45,.2);border-radius:14px;background:#fff8ef;color:#4b4238;font:inherit;cursor:pointer}.color-field input{width:72px;height:46px;padding:4px;border:1px solid rgba(93,71,45,.2);border-radius:14px;background:#fff8ef;cursor:pointer}.fluid-controls{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px}.fluid-slider{display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding:12px;border:1px solid rgba(114,94,67,.14);border-radius:14px;background:#fff8efb8;color:#4b4238;font-size:.85rem;font-weight:700}.fluid-slider output{font-variant-numeric:tabular-nums;color:#2f5843}.fluid-slider input{grid-column:1 / -1;width:100%;margin:2px 0 0;accent-color:#2f5843}.fluid-slider input:focus-visible,.fluid-mode-field select:focus-visible,.color-field input:focus-visible{outline:2px solid #d95f02;outline-offset:2px}@media(max-width:980px){.fluid-controls{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media(max-width:720px){#fluid-app{padding:14px}.fluid-actions,.fluid-actions button{width:100%}.fluid-controls{grid-template-columns:1fr}}