@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--font-main:Inter, system-ui, sans-serif;--text-main:#1f2933;--text-light:#64748b;--accent-blue:#4299e1;--panel-border:#ffffffa8}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text-main);font-family:var(--font-main);background:linear-gradient(90deg,#1f293309 1px,#0000 1px) 0 0/32px 32px,linear-gradient(#1f293307 1px,#0000 1px) 0 0/32px 32px,linear-gradient(135deg,#f8f0e3 0%,#edf5f3 45%,#eef4fb 100%);margin:0;padding:0;font-size:14px}body{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}svg.frame *{touch-action:none}.btn{border:1px solid var(--panel-border);min-width:0;height:36px;color:var(--text-main);font-family:var(--font-main);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#ffffffc2,#ffffff57);border-radius:12px;justify-content:center;align-items:center;padding:0 16px;font-size:13px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex;box-shadow:0 4px 12px #48547114,inset 1px 1px 2px #ffffffc7,inset -1px -1px 2px #00000005}.btn:hover:not(:disabled){background:linear-gradient(135deg,#ffffffeb,#ffffff7a);transform:translateY(-1px);box-shadow:0 6px 16px #4854711a,inset 1px 1px 2px #ffffffe6}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 2px 2px 6px #0000000d,inset -2px -2px 6px #ffffff80}.btn:disabled{color:#1f29336b;cursor:not-allowed;opacity:.62}.btn.primary{color:#fff;text-shadow:0 1px 2px #0000001a;background:linear-gradient(135deg,#4299e1e6,#4299e194);border-color:#ffffff8c}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#4299e1fa,#4299e1b3)}input[type=range]{appearance:none;background:0 0;outline:none;width:100%;margin:12px 0}input[type=range]::-webkit-slider-runnable-track{background:#0f172a14;border:1px solid #ffffff94;border-radius:999px;width:100%;height:8px;box-shadow:inset 1px 1px 3px #00000014,0 1px #fffc}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:ew-resize;background:linear-gradient(135deg,#fff,#e8eef6);border:1px solid #0f172a1a;border-radius:50%;width:24px;height:24px;margin-top:-9px;transition:transform .12s;box-shadow:inset -1px -1px 2px #00000014,inset 1px 1px 4px #fff,0 4px 8px #48547124}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.08)}input[type=color]{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:12px;width:48px;height:48px;padding:0;box-shadow:0 4px 10px #48547114}input[type=color]::-webkit-color-swatch-wrapper{padding:4px}input[type=color]::-webkit-color-swatch{border:2px solid #ffffffd6;border-radius:8px;box-shadow:inset 0 2px 4px #0000001a}