:root{--ground: #0f1012;--surface: #17181b;--raised: #1f2125;--sunken: #0a0b0c;--ink: #e8e6df;--ink-2: #b9b7b0;--muted: #7d7c77;--faint: #55544f;--rule: #26282c;--rule-strong: #35383d;--accent: #ff7a45;--accent-ink: #1a0d07;--accent-soft: #2b1b14;--danger: #e5604f;--ok: #6bbf8a;--checker-a: #2a2c30;--checker-b: #1c1e22;--paper: #f4f2ec;--font: "Inter", "Noto Sans TC", -apple-system, BlinkMacSystemFont, "PingFang TC", "Microsoft JhengHei", sans-serif;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--r-sm: 4px;--r-md: 8px;--r-lg: 14px;--dur: .12s;--ease: cubic-bezier(.4, 0, .2, 1);--bar-h: 48px;--sidebar-w: 56px}[data-theme=light]{--ground: #f4f2ec;--surface: #ffffff;--raised: #ffffff;--sunken: #ebe9e2;--ink: #1b1a17;--ink-2: #4b4a45;--muted: #7d7c77;--faint: #aaa9a3;--rule: #e2e0d8;--rule-strong: #cfcdc4;--accent-soft: #fde9df;--checker-a: #e6e4dc;--checker-b: #d6d4cc}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;overscroll-behavior:none;-webkit-touch-callout:none}h1,h2,h3,p,figure{margin:0}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;touch-action:manipulation}input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);font-size:var(--text-sm);font-weight:500;color:var(--ink-2);text-decoration:none;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.btn:hover{background:var(--raised);color:var(--ink)}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--primary:hover{background:var(--accent);color:var(--accent-ink);filter:brightness(1.08)}.btn--danger{color:var(--danger)}.btn[disabled]{opacity:.45;cursor:not-allowed}.field{display:block;width:100%;padding:var(--sp-2) var(--sp-3);background:var(--sunken);color:var(--ink);border:1px solid var(--rule-strong);border-radius:var(--r-md);transition:border-color var(--dur) var(--ease)}.field:focus{outline:none;border-color:var(--accent)}.label{display:block;font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--sp-1)}.label .field{margin-top:var(--sp-1)}.notice{padding:var(--sp-3) var(--sp-4);border-left:3px solid var(--danger);background:var(--surface);color:var(--ink-2);font-size:var(--text-sm)}.muted{color:var(--muted)}.app{display:flex;flex-direction:column;height:100%;min-height:0}.topbar{display:flex;align-items:center;gap:var(--sp-3);height:var(--bar-h);padding:0 var(--sp-4);border-bottom:1px solid var(--rule);background:var(--surface);padding-top:env(safe-area-inset-top);box-sizing:content-box}.topbar__title{font-size:var(--text-md);font-weight:600;letter-spacing:-.01em}.topbar__status{font-size:var(--text-xs);color:var(--muted);padding:2px var(--sp-2);border-radius:999px;background:var(--raised)}.topbar__status[data-status=offline]{color:var(--danger)}.topbar__spacer{flex:1}.topbar__who{font-size:var(--text-sm);color:var(--muted)}.notice--bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.gallery{flex:1;overflow:auto;padding:var(--sp-5) var(--sp-4) calc(var(--sp-6) + env(safe-area-inset-bottom))}.gallery__empty{display:grid;place-items:center;gap:var(--sp-4);height:60vh;color:var(--muted)}.gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-4)}.tile{display:flex;flex-direction:column;gap:var(--sp-2);text-align:left;border-radius:var(--r-md);padding:var(--sp-2);transition:background var(--dur) var(--ease)}.tile:hover{background:var(--surface)}.tile__thumb{display:grid;place-items:center;aspect-ratio:1;border-radius:var(--r-sm);background:var(--sunken)}.tile__paper{display:block;background:var(--paper);border-radius:2px;box-shadow:0 2px 10px #00000073}.tile__title{font-size:var(--text-sm);font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile__meta{font-size:var(--text-xs);color:var(--muted)}.sheet{position:fixed;inset:0;display:grid;place-items:center;background:#0000008c;padding:var(--sp-4);z-index:10}.sheet__card{width:min(560px,100%);max-height:calc(100vh - 2 * var(--sp-4));overflow:auto;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-lg);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.sheet__title{font-size:var(--text-lg);font-weight:600}.sheet__actions{display:flex;justify-content:flex-end;gap:var(--sp-2)}.presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--sp-2)}.preset{display:flex;flex-direction:column;gap:2px;text-align:left;padding:var(--sp-3);border:1px solid var(--rule);border-radius:var(--r-md);background:var(--sunken);transition:border-color var(--dur) var(--ease)}.preset:hover{border-color:var(--rule-strong)}.preset[data-active=true]{border-color:var(--accent);background:var(--accent-soft)}.preset__name{font-size:var(--text-sm);font-weight:500}.preset__size{font-size:var(--text-xs);color:var(--muted)}.fields{display:flex;flex-direction:column;gap:var(--sp-3)}.fields__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3)}.signin{min-height:100%;display:grid;place-items:center;padding:var(--sp-5)}.signin__card{width:min(420px,100%);display:flex;flex-direction:column;gap:var(--sp-4);align-items:flex-start}.signin__mark{width:48px;height:48px;border-radius:14px;background:var(--accent)}.signin__title{font-size:var(--text-xl);font-weight:600;letter-spacing:-.02em}.signin__sub{color:var(--ink-2);max-width:36ch}.gsi{min-height:44px}.canvas-shell{display:flex;flex-direction:column;height:100%;background:var(--sunken)}.canvas-shell__bar{display:flex;align-items:center;gap:var(--sp-3);height:var(--bar-h);padding:0 var(--sp-3);background:var(--surface);border-bottom:1px solid var(--rule)}.canvas-shell__title{font-size:var(--text-sm);font-weight:500}.canvas-shell__stage{flex:1;display:grid;place-items:center;min-height:0}.bench{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3)}.jc-stage{position:relative;overflow:hidden;background:var(--sunken);touch-action:none}.jc-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none}.jc-tools{position:absolute;top:var(--sp-4);right:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2);background:color-mix(in srgb,var(--raised) 88%,transparent);border:1px solid var(--rule);border-radius:var(--r-lg);backdrop-filter:blur(12px);width:148px}.jc-tool{font:inherit;font-size:var(--text-lg);height:40px;border-radius:var(--r-md);border:1px solid transparent;background:transparent;color:var(--ink-2);cursor:pointer}.jc-tool[data-active=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.jc-select,.jc-color{font:inherit;font-size:var(--text-sm);background:var(--surface);color:var(--ink);border:1px solid var(--rule);border-radius:var(--r-md);height:34px;padding:0 var(--sp-2)}.jc-color{padding:2px;width:100%}.jc-slider{display:flex;flex-direction:column;gap:2px;font-size:var(--text-xs);color:var(--muted)}.jc-slider input{width:100%;accent-color:var(--accent)}.jc-bar__group{display:flex;gap:var(--sp-2);margin-left:var(--sp-4)}.jc-status{margin-left:auto;font-size:var(--text-xs);color:var(--muted);font-variant-numeric:tabular-nums}.bench__bar{display:flex;align-items:center;gap:var(--sp-4);height:var(--bar-h);padding:0 var(--sp-4);border-bottom:1px solid var(--rule)}.bench__bar h1{font-size:var(--text-md);margin:0}.bench__stage{position:relative;height:calc(100vh - var(--bar-h));background:var(--sunken)}.bench__hud{position:absolute;left:var(--sp-4);bottom:var(--sp-4);padding:var(--sp-3);background:color-mix(in srgb,var(--raised) 90%,transparent);border:1px solid var(--rule);border-radius:var(--r-md);font-size:var(--text-sm);font-variant-numeric:tabular-nums;line-height:1.6}.bench__body{padding:var(--sp-5);max-width:720px}.bench__log{font-size:var(--text-xs);color:var(--ink-2);background:var(--sunken);padding:var(--sp-3);border-radius:var(--r-md);max-height:320px;overflow:auto}