:root{--bg: #08080a;--surface: #121216;--surface-2: #1b1b21;--line: rgba(255, 255, 255, .09);--text: #f4f4f6;--muted: rgba(244, 244, 246, .58);--faint: rgba(244, 244, 246, .34);--accent: #ff3bff;--danger: #ff5c72;--radius: 14px;--dock-gap: 10px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}.shell{height:100%;display:flex;flex-direction:column;align-items:center;padding:20px 16px calc(20px + env(safe-area-inset-bottom));gap:16px}.shell.editing{padding:0 0 calc(8px + env(safe-area-inset-bottom));gap:0}.brand{display:flex;align-items:center;gap:10px;padding-top:8px}.brand-mark{width:12px;height:12px;border-radius:4px;background:var(--accent);box-shadow:0 0 18px #ff3bff8c}.brand-name{font-weight:600;letter-spacing:-.01em}.brand-name.small{font-size:14px;color:var(--muted);font-weight:500}.drop{flex:1;width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:32px 24px;border:1px dashed var(--line);border-radius:24px;background:var(--surface);transition:border-color .18s ease,background .18s ease}.drop:hover,.drop:focus-visible,.drop.is-dragging{border-color:var(--accent);background:var(--surface-2);outline:none}.headline{margin:0;font-size:clamp(30px,8vw,44px);line-height:1.08;letter-spacing:-.035em;font-weight:600}.sub{margin:0;max-width:34ch;color:var(--muted)}.cta{margin-top:10px;padding:15px 30px;border-radius:999px;background:var(--text);color:#0a0a0c;font-weight:600;min-height:48px;display:inline-flex;align-items:center}.fine{margin:0;font-size:13px;color:var(--faint)}.foot{font-size:13px;color:var(--faint);padding-bottom:4px}.topbar{width:100%;display:flex;align-items:center;justify-content:space-between;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;flex:0 0 auto}.ghost{background:none;border:1px solid var(--line);border-radius:999px;padding:9px 16px;min-height:44px;color:var(--muted);font-size:14px;touch-action:manipulation}.ghost:hover{color:var(--text);border-color:#ffffff38}.stage{position:relative;flex:1 1 auto;width:100%;min-height:0}.canvas-wrap{position:absolute;inset:0}.canvas-view{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.veil{position:absolute;inset:0;background:#08080adb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.spinner{width:34px;height:34px;border:2px solid rgba(255,255,255,.16);border-top-color:var(--accent);border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.veil-label{margin:0;font-weight:500}.veil-note{margin:0;font-size:13px;color:var(--muted);max-width:32ch}.bar{width:min(280px,78vw);height:5px;border-radius:999px;background:#ffffff1f;overflow:hidden}.bar-fill{height:100%;background:var(--accent);transition:width .2s ease}.alert,.notice{margin:8px 12px 0;padding:11px 14px;border-radius:var(--radius);font-size:14px;text-align:center}.alert{background:#ff5c721f;color:#ffb3bd}.notice{background:#ffffff0f;color:var(--muted)}.dock{flex:0 0 auto;width:100%;max-width:620px;margin:0 auto;padding:10px 12px 0;display:flex;flex-direction:column;gap:var(--dock-gap)}.brush-row{display:flex;align-items:center;gap:14px;padding:6px 16px;background:var(--surface);border:1px solid var(--line);border-radius:999px;min-height:48px}.dot{border-radius:50%;background:var(--faint);flex:0 0 auto}input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:44px;background:transparent;outline:none;margin:0}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:#ffffff29}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--text);border:none;cursor:pointer;margin-top:-10px}input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:#ffffff29}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--text);border:none}.tools{display:flex;gap:8px}.tool{flex:1;min-height:46px;padding:0 10px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:14px;touch-action:manipulation}.tool:hover:not(:disabled){color:var(--text);background:var(--surface-2)}.tool:disabled{opacity:.34;cursor:default}.actions{display:flex;gap:8px}.primary,.secondary{flex:1;min-height:54px;border-radius:var(--radius);border:none;font-weight:600;font-size:16px;touch-action:manipulation}.primary{background:var(--accent);color:#12000f}.primary:disabled{background:var(--surface-2);color:var(--faint);cursor:default}.secondary{background:var(--text);color:#0a0a0c}@media(min-width:780px){.dock{padding-bottom:10px}.tool{flex:0 0 auto;min-width:76px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}