.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:24px 32px 56px;max-width:1280px;margin:0 auto;width:100%}.workspace{display:flex;gap:22px;align-items:flex-start;position:relative}.workspace:before{content:"";position:absolute;inset:-10px -10px auto;height:160px;border-radius:12px;background:linear-gradient(180deg,#ffffff94,#fff0);pointer-events:none;z-index:-1}@media (max-width: 900px){.workspace{flex-direction:column-reverse}.main-content{padding:16px 16px 40px}}@media (max-width: 480px){.workspace{gap:16px}.main-content{padding:12px 10px 32px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f4f7fb;--surface: #ffffff;--surface-raised: #edf2f8;--surface-subtle: #f8fafd;--border: #d8e1ed;--border-strong: #c3d0df;--border-focus: #2563eb;--text: #111827;--text-secondary: #4b5563;--text-muted: #8a94a6;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-soft: #eaf1ff;--accent-ring: rgba(37,99,235,.18);--danger: #dc2626;--danger-hover: #b91c1c;--success: #0f766e;--warm: #475569;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-card: 0 1px 2px rgba(15,23,42,.05), 0 12px 30px rgba(70,86,112,.06);--shadow-hover: 0 16px 34px rgba(70,86,112,.12);--shadow-focus: 0 0 0 4px var(--accent-ring);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Fira Code", monospace;--ease-out: cubic-bezier(.16, 1, .3, 1)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background:linear-gradient(180deg,#ffffffc2,#fff0 260px),radial-gradient(circle at 18% 0%,rgba(37,99,235,.07),transparent 260px),var(--bg);color:var(--text);min-height:100vh;line-height:1.5;overflow-x:hidden}button{cursor:pointer;font-family:inherit;font-size:inherit;transition:transform .12s var(--ease-out);-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:not-allowed}input,select,textarea{font-family:inherit;font-size:inherit}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:linear-gradient(90deg,var(--border-strong),var(--border));border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);box-shadow:0 1px 5px #0f172a2e;cursor:pointer;transition:transform .1s var(--ease-out)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);box-shadow:0 1px 5px #0f172a2e;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:#2563eb29}input[type=number].badge-input::-webkit-outer-spin-button,input[type=number].badge-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number].badge-input{-moz-appearance:textfield}@media (max-width: 600px){input[type=range]{height:5px}input[type=range]::-webkit-slider-thumb{width:20px;height:20px}input[type=range]::-moz-range-thumb{width:20px;height:20px}}