:root{--bg:#f2f3f5;--panel:#fff;--line:#dfe1e5;--ink:#1c1e21;--muted:#4b5563;--accent:#394a94;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);background:var(--bg);font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;height:100%;display:flex}.toolbar{background:var(--panel);border-bottom:1px solid var(--line);z-index:10;flex-wrap:wrap;align-items:center;gap:18px;padding:8px 14px;display:flex;box-shadow:0 1px 3px #0000000f}.toolbar .group{align-items:center;gap:6px;display:flex}.toolbar .group.right{margin-left:auto}.toolbar button{font:inherit;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;padding:6px 10px}.toolbar button:disabled{opacity:.45;cursor:default}.toolbar button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.toolbar button.primary:hover:not(:disabled){background:#2e3b76}.tools{background:#f1f2f4;border-radius:9px;gap:2px;padding:3px}.tool{align-items:center;gap:6px;display:flex;background:0 0!important;border:1px solid #0000!important}.tool.active{box-shadow:0 1px 2px #00000014;border-color:var(--line)!important;background:#fff!important}.tool .icon{text-align:center;width:16px;font-size:15px}.tool-label{font-size:13px}.swatch{width:22px;height:22px;border:1px solid #0003!important;border-radius:50%!important;padding:0!important}.swatch.active{outline:2px solid var(--accent);outline-offset:2px}.color-input{border:1px solid var(--line);background:#fff;border-radius:6px;width:26px;height:24px;padding:0}.filename{text-overflow:ellipsis;white-space:nowrap;max-width:220px;color:var(--muted);overflow:hidden}.filename .dot{background:#f59e0b;border-radius:50%;width:7px;height:7px;margin-left:6px;display:inline-block}.zoom{text-align:center;min-width:46px;color:var(--muted)}.check{color:var(--muted);cursor:pointer;align-items:center;gap:5px;display:flex}.banner{color:#7c2d12;background:#fff7ed;border-bottom:1px solid #fed7aa;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.banner button{align-self:flex-start;margin-top:4px}.canvas-area{flex-direction:column;flex:1;align-items:center;gap:24px;min-height:0;padding:24px 0 60px;display:flex;overflow:auto}.empty{text-align:center;color:var(--muted);margin:auto}.empty h1{color:var(--ink);margin-bottom:4px;font-size:28px}.empty .muted{font-size:13px}.page-host{position:relative}.page-number{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;position:absolute;top:0;left:-34px}.page{background:#fff;position:relative;box-shadow:0 2px 10px #00000024}.page-canvas{display:block}.page-overlay,.line-layer,.hit-layer{position:absolute;inset:0}.page-overlay,.line-layer{pointer-events:none}.line-hit{cursor:text;pointer-events:auto;background:0 0;border:1px dashed #0000;border-radius:2px;padding:0;position:absolute}.line-hit:hover{border-color:var(--accent);background:#2563eb14}.line-hit.edited{border-style:solid;border-color:#2563eb73}.line-editor{border:1px solid var(--accent);border-radius:2px;outline:none;margin:0;padding:0 1px;line-height:1;position:absolute;box-shadow:0 0 0 3px #2563eb2e}.note-editor{border:1px solid var(--accent);resize:both;background:#ffffffeb;border-radius:3px;outline:none;min-width:160px;min-height:2.4em;padding:2px 4px;font-family:Helvetica,Arial,sans-serif;line-height:1.2;position:absolute}.hit-layer{touch-action:none}.hit-layer.tool-highlight,.hit-layer.tool-rect,.hit-layer.tool-pen{cursor:crosshair}.hit-layer.tool-note{cursor:text}.hit-layer.tool-erase{cursor:not-allowed}.editor-hint{z-index:5;color:#e5e7eb;pointer-events:none;background:#111827;border-radius:6px;max-width:340px;padding:4px 8px;font-size:11.5px;line-height:1.35;position:absolute;box-shadow:0 4px 12px #00000038}.editor-hint strong{color:#fff;font-weight:600}.editor-hint.warn{color:#fed7aa;background:#7c2d12}.editor-hint.warn strong{color:#ffedd5}.guarantee{color:#15803d;white-space:nowrap;font-size:12.5px}.guarantee:before{content:"✓";margin-right:5px;font-weight:700}.empty.droppable{cursor:pointer;border:1.5px dashed #0000;border-radius:14px;transition:border-color .12s,background .12s}.empty.droppable:hover,.empty.droppable.over,.empty.droppable:focus-visible{border-color:var(--accent);background:#f5f8ff;outline:none}.empty .browse{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:7px;margin:4px 0 14px;padding:9px 18px;font-size:13.5px;font-weight:600;display:inline-flex}.empty .browse:hover{border-color:var(--accent);color:var(--accent)}.erase-bar{z-index:40;color:#7f1d1d;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:14px;max-width:calc(100vw - 40px);padding:11px 14px 11px 18px;font-size:13px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #7f1d1d38}.erase-bar>span{flex-direction:column;gap:2px;margin-right:auto;display:flex}.erase-bar em{color:#b45309;font-size:11.5px;font-style:normal}.erase-bar button{font:inherit;cursor:pointer;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600}.erase-bar .ghost{color:#7f1d1d;background:#fff;border:1px solid #fecaca}.erase-bar .ghost:hover:not(:disabled){border-color:#ef4444}.erase-bar .danger{color:#fff;background:#dc2626;border:0}.erase-bar .danger:hover:not(:disabled){background:#b91c1c}.erase-bar button:disabled{opacity:.5;cursor:default}:root{--side:#161d3b;--side-ink:#b2bcdd;--side-hot:#fff;--ok:#15803d;--warn-bg:#fff7ed;--warn-line:#fed7aa;--warn-ink:#7c2d12;--radius:10px}.suite{height:100%;display:flex;overflow:hidden}.side{background:var(--side);width:232px;color:var(--side-ink);flex-direction:column;flex:none;display:flex;overflow:hidden}.side .mark{color:var(--side-hot);letter-spacing:-.01em;cursor:pointer;align-items:center;gap:9px;padding:18px 18px 14px;font-size:15px;font-weight:650;display:flex}.side .mark .dot{background:var(--accent);color:#fff;border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.side nav{flex:1;min-height:0;padding:4px 10px 18px;overflow-y:auto}.side .head{letter-spacing:.09em;text-transform:uppercase;color:#64748b;padding:14px 8px 6px;font-size:10.5px;font-weight:700}.side a{color:inherit;border-radius:7px;align-items:center;gap:9px;padding:6px 8px;font-size:13px;line-height:1.3;text-decoration:none;display:flex}.side a:hover{color:var(--side-hot);background:#1c2536}.side a.on{background:var(--accent);color:#fff}.side a.soon{opacity:.45}.side a svg{flex:none}.side .foot{color:#64748b;border-top:1px solid #1f2937;flex:none;padding:14px 18px 18px;font-size:11.5px;line-height:1.5}.work{background:var(--bg);flex:1;overflow-y:auto}.work.flush{flex-direction:column;display:flex;overflow:hidden}.work.flush>.screen{flex-direction:column;flex:1;min-height:0;display:flex}.work.flush>.screen>*{flex:1;min-height:0}.wrap{max-width:940px;margin:0 auto;padding:34px 28px 72px}.hero{padding:10px 0 6px}.hero h1{letter-spacing:-.02em;margin:0 0 8px;font-size:27px}.hero p{color:var(--muted);max-width:60ch;margin:0;font-size:14.5px}.hero .tally{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:baseline;gap:6px;margin-top:14px;padding:5px 11px;font-size:12.5px;display:inline-flex}.hero .tally b{color:var(--ink)}.feature{text-align:left;width:100%;font:inherit;color:#e8edf7;cursor:pointer;background:linear-gradient(135deg,#161f33 0%,#111827 60%);border:1px solid #1f2937;border-radius:14px;align-items:flex-start;gap:18px;margin-top:26px;padding:22px 24px;transition:transform .12s,box-shadow .12s;display:flex}.feature:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0f172a38}.feature .tile{background:var(--accent);color:#fff;border-radius:13px;flex:none;place-items:center;width:54px;height:54px;display:grid}.feature .body{min-width:0}.feature .kicker{letter-spacing:.09em;text-transform:uppercase;color:#7f9cf5;margin-bottom:5px;font-size:10.5px;font-weight:700;display:block}.feature h2{letter-spacing:-.02em;color:#fff;margin:0 0 7px;font-size:21px}.feature p{color:#9aa5b8;max-width:66ch;margin:0;font-size:13.5px;line-height:1.55}.feature .cta{color:#93b4ff;align-items:center;gap:5px;margin-top:13px;font-size:13px;font-weight:620;display:inline-flex}.feature .cta svg{transform:rotate(180deg)}.section{margin-top:34px}.section>header{margin-bottom:12px}.section h2{letter-spacing:-.01em;margin:0;font-size:15px}.section header p{color:var(--muted);margin:2px 0 0;font-size:13px}.cards{grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:10px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:inherit;text-align:left;font:inherit;cursor:pointer;align-items:flex-start;gap:12px;padding:13px 14px;text-decoration:none;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex}.card:hover{border-color:#bfc7d4;transform:translateY(-1px);box-shadow:0 3px 10px #0f172a14}.card .tile{width:36px;height:36px;color:var(--accent);background:#eef2ff;border-radius:9px;flex:none;place-items:center;display:grid}.card h3{margin:1px 0 3px;font-size:13.5px;font-weight:620}.card p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.45}.card.soon{cursor:default;background:#fbfbfc}.card.soon:hover{box-shadow:none;border-color:var(--line);transform:none}.card.soon .tile{color:#9aa2af;background:#f1f2f4}.card.soon h3{color:var(--muted)}.pill{color:#6b7280;letter-spacing:.05em;text-transform:uppercase;vertical-align:1px;background:#f1f2f4;border-radius:5px;margin-left:7px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.tool-head{align-items:flex-start;gap:13px;margin-bottom:22px;display:flex}.tool-head .tile{width:42px;height:42px;color:var(--accent);background:#eef2ff;border-radius:11px;flex:none;place-items:center;display:grid}.tool-head h1{letter-spacing:-.02em;margin:0 0 3px;font-size:22px}.tool-head p{color:var(--muted);margin:0;font-size:13.5px}.back{cursor:pointer;color:var(--muted);font:inherit;background:0 0;border:0;align-items:center;gap:4px;margin-bottom:16px;padding:0;font-size:13px;display:inline-flex}.back:hover{color:var(--ink)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:14px;padding:18px}.panel>h2{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 13px;font-size:12px;font-weight:700}.drop{text-align:center;cursor:pointer;background:#fafbfc;border:1.5px dashed #c8cdd6;border-radius:11px;padding:30px 20px}.drop strong{margin-bottom:4px;font-size:14.5px;display:block}.drop span{color:var(--muted);font-size:12.5px;display:block}.drop:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.drop .browse{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:7px;margin-top:13px;padding:7px 15px;font-size:13px;font-weight:600;display:inline-flex}.drop .browse:hover{border-color:var(--accent);color:var(--accent)}.files{gap:7px;margin:0;padding:0;list-style:none;display:grid}.files li{border:1px solid var(--line);background:#fafbfc;border-radius:9px;align-items:center;gap:10px;padding:8px 11px;font-size:13px;display:flex}.files li .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.files li .size{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.files li button{border:1px solid var(--line);cursor:pointer;width:25px;height:25px;color:var(--muted);background:#fff;border-radius:6px;place-items:center;display:grid}.files li button:hover:not(:disabled){color:var(--ink);border-color:#bfc7d4}.files li button:disabled{opacity:.3;cursor:default}.fields{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.field{gap:5px;min-width:0;display:grid}.field>label{font-size:12.5px;font-weight:600}.field .hint{color:var(--muted);font-size:11.5px;line-height:1.4}.field.wide{grid-column:1/-1}.field input[type=text],.field input[type=number],.field select,.field textarea{border:1px solid var(--line);width:100%;font:inherit;color:inherit;background:#fff;border-radius:8px;padding:7px 9px;font-size:13px}.field textarea{resize:vertical;min-height:70px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}.field input[type=range]{width:100%;accent-color:var(--accent)}.field input[type=color]{border:1px solid var(--line);background:#fff;border-radius:7px;width:46px;height:30px;padding:2px}.choice{flex-wrap:wrap;gap:6px;display:flex}.choice button{border:1px solid var(--line);font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:6px 11px;font-size:12.5px}.choice button.on{background:var(--accent);border-color:var(--accent);color:#fff}.check{align-items:flex-start;gap:8px;font-size:13px;display:flex}.check input{accent-color:var(--accent);margin:2px 0 0}.anchor{grid-template-columns:repeat(3,30px);gap:5px;display:grid}.anchor button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;width:30px;height:26px;padding:0}.anchor button.on{background:var(--accent);border-color:var(--accent)}.run{background:linear-gradient(to top, var(--bg) 72%, transparent);align-items:center;gap:13px;padding:14px 0 4px;display:flex;position:sticky;bottom:0}.run button.go{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:9px;padding:10px 20px;font-size:14px;font-weight:620}.run button.go:hover:not(:disabled){background:#2e3b76}.run button.go:disabled{opacity:.45;cursor:default}.run .status{color:var(--muted);font-size:13px}.bar{background:#e5e7eb;border-radius:3px;flex:1;max-width:210px;height:4px;overflow:hidden}.bar i{background:var(--accent);height:100%;transition:width .15s;display:block}.result{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin-bottom:14px;padding:16px}.result h2{color:var(--ok);margin:0 0 4px;font-size:15px}.result p{color:#14532d;margin:0 0 12px;font-size:13px}.result .out{gap:7px;display:grid}.result .out a{color:var(--ink);background:#fff;border:1px solid #bbf7d0;border-radius:9px;align-items:center;gap:9px;padding:9px 12px;font-size:13px;text-decoration:none;display:flex}.result .out a:hover{border-color:var(--ok)}.result .out a .size{color:var(--muted);margin-left:auto;font-size:12px}.notice{border:1px solid var(--warn-line);background:var(--warn-bg);color:var(--warn-ink);border-radius:11px;margin-bottom:14px;padding:13px 15px;font-size:13px;line-height:1.5}.notice.bad{color:#991b1b;background:#fef2f2;border-color:#fecaca}.notice h3{margin:0 0 4px;font-size:13.5px}.board{grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:12px;display:grid}.thumb{border:1px solid var(--line);background:#fff;border-radius:9px;flex-direction:column;display:flex;overflow:hidden}.thumb.gone{opacity:.35}.thumb .shot{aspect-ratio:1/1.32;background:#f6f7f9;place-items:center;display:grid;overflow:hidden}.thumb .shot img{max-width:100%;max-height:100%;transition:transform .15s;display:block}.thumb .row{border-top:1px solid var(--line);align-items:center;gap:2px;padding:4px 5px;display:flex}.thumb .row .n{color:var(--muted);font-variant-numeric:tabular-nums;margin-right:auto;font-size:11px}.thumb .row button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:4px;padding:2px;line-height:0}.thumb .row button:hover:not(:disabled){color:var(--ink);background:#f1f2f4}.thumb .row button:disabled{opacity:.28;cursor:default}.pad{border:1px solid var(--line);touch-action:none;cursor:crosshair;background:#fff;border-radius:9px;width:100%;display:block}.marker{line-height:0;display:inline-block;position:relative}.marker canvas{border:1px solid var(--line);border-radius:8px;display:block}.marker .box{background:#111827c7;border:1px solid #111827;position:absolute}.marker .box button{border:1px solid var(--line);width:18px;height:18px;color:var(--ink);cursor:pointer;background:#fff;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-9px;right:-9px}.diff{border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;background:#fff;border-radius:10px;max-height:460px;padding:15px;font-size:13.5px;line-height:1.7;overflow-y:auto}.diff ins{color:#14532d;background:#dcfce7;border-radius:3px;padding:0 2px;text-decoration:none}.diff del{color:#991b1b;background:#fee2e2;border-radius:3px;padding:0 2px}.tally-row{gap:18px;margin-bottom:12px;font-size:13px;display:flex}.tally-row b{font-variant-numeric:tabular-nums}.preview{white-space:pre-wrap;border:1px solid var(--line);background:#fafbfc;border-radius:9px;max-height:320px;padding:13px;font:12.5px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-y:auto}.appbar,.tabbar{display:none}.guide-link{color:var(--muted);margin:26px 0 0;font-size:13.5px}.guide-link a,.help a{color:var(--accent)}.side .foot{gap:6px;display:grid}.side .foot a{color:var(--side-hot)}.side .mark{text-decoration:none}.loading{color:var(--muted);padding:24px}.searchbox{background:var(--panel);border:1px solid var(--line);min-height:48px;color:var(--muted);border-radius:14px;align-items:center;gap:10px;margin-top:20px;padding:0 14px;display:flex}.searchbox:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #394a9426}.searchbox input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:12px 0;font-size:16px}.quick{scrollbar-width:none;gap:8px;margin:14px 0 0;padding-bottom:2px;display:flex;overflow-x:auto}.quick::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:var(--panel);min-height:40px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 14px;font-size:13.5px;font-weight:600;transition:transform .1s,border-color .12s;display:inline-flex}.chip svg{color:var(--accent)}.chip:hover{border-color:var(--accent)}.next{flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;display:flex}.next>span{letter-spacing:.06em;text-transform:uppercase;width:100%;color:var(--muted);font-size:12px;font-weight:700}.screen{animation:.22s ease-out screen-in}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.result{animation:.28s ease-out pop-in;position:relative}.result-tick{background:var(--ok);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:8px;display:grid}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.sheet-scrim{z-index:80;background:#0f172a8c;justify-content:center;align-items:flex-end;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet{background:var(--panel);border-radius:20px 20px 0 0;flex-direction:column;width:min(560px,100%);max-height:88dvh;animation:.24s ease-out sheet-up;display:flex;box-shadow:0 -10px 40px #0f172a4d}@keyframes sheet-up{0%{opacity:.6;transform:translateY(40px)}to{opacity:1;transform:none}}@media (min-width:821px){.sheet-scrim{align-items:center}.sheet{border-radius:18px}}.sheet-grab{background:#d1d5db;border-radius:4px;width:40px;height:4px;margin:8px auto 0}.sheet-head{align-items:center;gap:8px;padding:6px 14px 10px;display:flex}.sheet-head .searchbox{flex:1;min-height:46px;margin-top:0}.sheet-close{width:46px;height:46px;color:var(--ink);cursor:pointer;background:#f1f2f4;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.sheet-body{padding:0 10px calc(18px + env(safe-area-inset-bottom));overflow-y:auto}.sheet-cat{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding:14px 8px 6px;font-size:11px;font-weight:700}.sheet-row{text-align:left;width:100%;min-height:56px;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;padding:8px;display:flex}.sheet-row:active,.sheet-row:hover{background:#f1f4fb}.sheet-row .tile{width:40px;height:40px;color:var(--accent);background:#eef2ff;border-radius:11px;flex:none;place-items:center;display:grid}.sheet-row b{font-size:15px;font-weight:620;display:block}.sheet-row em{color:var(--muted);font-size:12.5px;font-style:normal;line-height:1.35;display:block}.sheet-empty{color:var(--muted);padding:20px 10px}body.sheet-open{overflow:hidden}@media (max-width:820px){html,body,#root{height:100dvh}.suite{flex-direction:column;height:100dvh}.side{display:none}.appbar{min-height:56px;padding:env(safe-area-inset-top) 8px 0;background:var(--side);color:#fff;flex:none;align-items:center;gap:4px;display:flex}.appbar-back{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;text-decoration:none;display:grid}.appbar-back:active{background:#ffffff1f}.appbar-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:17px;font-weight:650;overflow:hidden}.appbar-site{color:#fff;background:#ffffff1f;border-radius:999px;flex:none;padding:8px 12px;font-size:13px;font-weight:650;text-decoration:none}.work{flex:1;min-height:0}.work:not(.flush){padding-bottom:150px}.wrap{padding:16px 16px 24px}.back{display:none}.tabbar{background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:40;flex:none;grid-template-columns:repeat(4,1fr);display:grid}.tabbar button,.tabbar a{min-height:58px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11.5px;font-weight:600;text-decoration:none;display:flex}.tabbar .on{color:var(--accent)}.tabbar button:active,.tabbar a:active{background:#f1f4fb}.hero h1{font-size:25px}.hero p{font-size:14px}.hero .tally{flex-wrap:wrap}.cards{grid-template-columns:1fr 1fr;gap:10px}.card{flex-direction:column;gap:10px;min-height:108px;padding:14px}.card .tile{border-radius:12px;width:42px;height:42px}.card h3{margin:0;font-size:14px}.card p{display:none}.card:active{transform:scale(.97)}.feature{gap:14px;padding:18px}.feature:active{transform:scale(.99)}.tool-head{margin-bottom:14px}.tool-head h1{font-size:20px}.tool-head .tile{width:44px;height:44px}.panel{border-radius:14px;padding:14px}.drop{background:#f5f8ff;border-color:#aab7e6;border-radius:16px;padding:34px 16px}.drop strong{font-size:16px}.drop .browse{background:var(--accent);border-color:var(--accent);color:#fff;border-radius:12px;min-height:48px;margin-top:16px;padding:0 22px;font-size:15px}.drop .browse:hover{color:#fff}.fields{grid-template-columns:1fr}.field input[type=text],.field input[type=number],.field select,.field textarea{border-radius:11px;min-height:46px;font-size:16px}.choice button{border-radius:11px;min-height:44px;padding:0 14px;font-size:14px}.files li{min-height:52px;padding:8px 12px}.files li button{border-radius:9px;width:38px;height:38px}.thumb .row button{padding:8px}.board{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.run{left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom));z-index:30;background:var(--panel);border-top:1px solid var(--line);flex-direction:column;align-items:stretch;gap:8px;padding:12px 16px;position:fixed;box-shadow:0 -6px 18px #0f172a14}.run button.go{border-radius:14px;width:100%;min-height:52px;font-size:16px}.run .status{text-align:center}.bar{max-width:none}.result .out a{min-height:52px;font-size:14px}.result{border-radius:16px}.result>p button.go{width:100%;min-height:50px;font-size:15px}.toolbar .group.right{justify-content:space-between;width:100%;margin-left:0}.toolbar{gap:8px;padding:6px 10px}.toolbar button{min-height:44px}.toolbar .swatch{width:32px;height:32px;min-height:0}.toolbar .color-input{width:36px;height:32px}.tools{flex-wrap:nowrap;max-width:100%;overflow-x:auto}.tool{flex:none;padding:6px 10px!important}.tool:not(.active) .tool-label{display:none}.filename{max-width:40vw}.page-number{display:none}.canvas-area{padding:12px 0 24px}.next{margin-top:18px}}@media (prefers-reduced-motion:reduce){.screen,.result,.sheet,.sheet-scrim{animation:none}.chip,.card,.feature{transition:none}}.skeleton{background:linear-gradient(100deg,#eceef2 30%,#f6f7f9 50%,#eceef2 70%) 0 0/200% 100%;border-radius:14px;min-height:330px;margin-bottom:14px;animation:1.2s linear infinite shimmer}.skeleton.editor{border-radius:0;min-height:70vh;margin:0}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}:root{--glass:#ffffff8f;--glass-strong:#ffffffbd;--glass-edge:#ffffffb8;--frost:blur(18px) saturate(180%);--glass-shadow:inset 0 1px 0 #ffffffe6, inset 0 -1px 0 #ffffff4d, 0 18px 40px -20px #1c265c57, 0 2px 6px -2px #1c265c1f;--brand-gel:linear-gradient(180deg, #5a6cc2 0%, #394a94 52%, #2c3a7a 100%);--ease-out:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--gem-lite:#8ea2f0;--gem-mid:#4d5fb8;--gem-deep:#24306a;--gem-glow:#394a948c}.cat-edit{--gem-lite:#b79cff;--gem-mid:#6d4bd8;--gem-deep:#3b2490;--gem-glow:#6d4bd880}.cat-organize{--gem-lite:#8fd3f4;--gem-mid:#2f86c8;--gem-deep:#164e86;--gem-glow:#2f86c880}.cat-secure{--gem-lite:#ffd978;--gem-mid:#e09a12;--gem-deep:#8a5a05;--gem-glow:#e09a1280}.cat-optimize{--gem-lite:#7ee2b8;--gem-mid:#13996a;--gem-deep:#0b5c40;--gem-glow:#13996a80}.cat-intelligence{--gem-lite:#f7a8c8;--gem-mid:#d04b8a;--gem-deep:#7a1d4e;--gem-glow:#d04b8a80}.scene{z-index:0;pointer-events:none;background:radial-gradient(55% 45% at 88% 6%,#b2cfefcc,#0000 70%),radial-gradient(40% 40% at 8% 96%,#f5b32e33,#0000 70%),radial-gradient(45% 40% at 34% 28%,#7c8ce633,#0000 70%),linear-gradient(160deg,#f4f6fd 0%,#eef1fb 48%,#f7f3ec 100%);transition:opacity .4s;position:fixed;inset:0;overflow:hidden}.side,.work,.appbar,.tabbar{z-index:1;position:relative}.work,.canvas-area{background:0 0}.suite.editing .scene{opacity:.55}.card,.panel,.searchbox,.chip,.hero .tally,.files li,.result .out a,.choice button,.back,.empty.droppable{background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost)}.panel{border-radius:22px;padding:20px}.panel>h2{color:#3d4677}.hero h1{letter-spacing:-.03em;color:#141a3a;font-size:34px}.hero .tally{padding:6px 13px}.searchbox{border-radius:18px;transition:box-shadow .25s,border-color .25s,background .25s}.searchbox svg{color:var(--accent)}.searchbox:focus-within{background:var(--glass-strong);box-shadow:var(--glass-shadow), 0 0 0 4px #394a9424, 0 10px 30px -10px #394a9473;border-color:#394a9473}.chip{transition:transform .35s var(--spring), border-color .2s, box-shadow .25s}.chip:hover{border-color:#394a9466;transform:translateY(-2px)}.chip:active{transform:scale(.94)}.section h2{align-items:center;gap:9px;font-size:16px;display:flex}.gem{background:radial-gradient(circle at 33% 28%, #fffffff2 0 10%, transparent 34%), radial-gradient(circle at 38% 34%, var(--gem-lite), var(--gem-mid) 55%, var(--gem-deep));width:13px;height:13px;box-shadow:0 3px 6px -1px var(--gem-glow);border-radius:50%;flex:none}.card .tile,.tool-head .tile,.sheet-row .tile,.side .mark .dot{color:#fff;background:linear-gradient(150deg, var(--gem-lite) 0%, var(--gem-mid) 48%, var(--gem-deep) 100%);box-shadow:inset 0 1px 1px #fff9, inset 0 -4px 8px #0003, 0 8px 16px -6px var(--gem-glow);position:relative}.card .tile:before,.tool-head .tile:before,.sheet-row .tile:before{content:"";pointer-events:none;background:linear-gradient(#ffffff80,#fff0);border-radius:9px 9px 50% 50%/9px 9px 30% 30%;position:absolute;inset:2px 3px 52%}.card .tile svg,.tool-head .tile svg,.sheet-row .tile svg{filter:drop-shadow(0 1px 1px #00000040);position:relative}.card .tile{transition:transform .45s var(--spring);border-radius:12px}.card:hover .tile{transform:translateZ(0)rotate(-6deg)scale(1.08)}.card{animation:rise .5s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 45ms + 60ms);border-radius:18px;position:relative;overflow:hidden}.card.lift{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0px)) scale(var(--press,1));transition:transform .4s var(--ease-out), box-shadow .3s, border-color .2s, background .3s}.card.lift:hover{--lift:-4px;background:var(--glass-strong);box-shadow:var(--glass-shadow), 0 24px 44px -20px var(--gem-glow);border-color:#fffffff2}.card.lift:active{--press:.97}.lift>*{z-index:1;position:relative}.lift:after{content:"";z-index:0;border-radius:inherit;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%), #fff9, transparent 62%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.lift:hover:after{opacity:1}@keyframes rise{0%{opacity:0;translate:0 16px;scale:.97}to{opacity:1;translate:0;scale:1}}.feature{background:radial-gradient(70% 120% at 100% 0,#7c8ce659,#0000 60%),radial-gradient(50% 90% at 0 100%,#f5b32e29,#0000 60%),linear-gradient(135deg,#1f2a66 0%,#161d3b 70%);border:1px solid #ffffff24;border-radius:24px;padding:26px 28px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff3,0 34px 60px -30px #161d3bbf}.feature.lift{transform:perspective(1400px) rotateX(calc(var(--rx,0deg) * .35)) rotateY(calc(var(--ry,0deg) * .35)) translateY(var(--lift,0px)) scale(var(--press,1));transition:transform .5s var(--ease-out), box-shadow .3s}.feature.lift:hover{--lift:-3px;box-shadow:inset 0 1px #ffffff3d,0 40px 70px -28px #161d3bd9}.feature.lift:active{--press:.99}.feature.lift:after{background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%), #ffffff1f, transparent 60%)}.feature .tile{background:linear-gradient(150deg,#9aaaf2,#4d5fb8 50%,#24306a);box-shadow:inset 0 1px 1px #fff9,inset 0 -5px 10px #00000040,0 12px 24px -8px #7c8ce699}.feature .body{z-index:1;max-width:calc(100% - 170px);position:relative}.feature>.docstack{margin-top:-68px;position:absolute;top:50%;right:46px}.feature .cta svg{transition:transform .35s var(--spring)}.feature:hover .cta svg{transform:rotate(180deg)translate(-4px)}.docstack{--w:72px;width:var(--w);height:calc(var(--w) * 1.24);flex:none;display:inline-block;position:relative}.docstack--sm{--w:46px}.docstack--lg{--w:108px}.sheet3d{border-radius:calc(var(--w) * .09);transform-origin:50% 100%;transition:transform .55s var(--spring);background:linear-gradient(160deg,#fff,#e8edfb);position:absolute;inset:0;box-shadow:inset 0 1px #fff,inset 0 0 0 1px #394a9414,0 12px 24px -12px #1c265c80}.sheet3d--back{background:linear-gradient(160deg,#dce5fa,#a9c4ec);transform:rotate(-13deg)translate(-9%,2%)}.sheet3d--mid{background:linear-gradient(160deg,#f2f5ff,#c9d5f4);transform:rotate(-5deg)translate(-3%,1%)}.sheet3d--front{padding-top:14%;transform:rotate(4deg)}.sheet3d--front b{height:calc(var(--w) * .055);margin:0 16% calc(var(--w) * .075);background:#cbd4ef;border-radius:99px;display:block}.sheet3d--front b:first-child{background:linear-gradient(90deg,#394a94,#5a6cc2);width:46%}.sheet3d--front b:last-child{width:38%}.pen3d{width:calc(var(--w) * .13);transform-origin:50% 100%;height:74%;transition:transform .6s var(--spring);background:linear-gradient(90deg,#c9860f,#ffd978 42%,#f5b32e 60%,#a96c06);border-radius:99px 99px 3px 3px;position:absolute;bottom:6%;right:-10%;transform:rotate(30deg);box-shadow:0 10px 14px -6px #784b0580}.pen3d:after{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(90deg,#1f2a66,#394a94);height:17%;position:absolute;bottom:-16%;left:0;right:0}.lift:hover .sheet3d--back,.drop:hover .sheet3d--back,.drop.over .sheet3d--back,.empty.droppable:hover .sheet3d--back,.empty.droppable.over .sheet3d--back{transform:rotate(-22deg)translate(-18%)}.lift:hover .sheet3d--mid,.drop:hover .sheet3d--mid,.drop.over .sheet3d--mid,.empty.droppable:hover .sheet3d--mid,.empty.droppable.over .sheet3d--mid{transform:rotate(-10deg)translate(-7%,-3%)}.lift:hover .sheet3d--front,.drop:hover .sheet3d--front,.drop.over .sheet3d--front,.empty.droppable:hover .sheet3d--front,.empty.droppable.over .sheet3d--front{transform:rotate(8deg)translate(5%,-6%)}.lift:hover .pen3d,.empty.droppable:hover .pen3d{transform:rotate(14deg)translate(-14%,-10%)}.tool-head .tile{border-radius:13px}.back{transition:transform .3s var(--spring), color .2s;border-radius:999px;padding:6px 12px 6px 8px}.back:hover{transform:translate(-2px)}.drop{transition:background .25s, border-color .25s, transform .35s var(--spring), box-shadow .25s;background:#ffffff6b;border:1.5px dashed #394a9452;border-radius:18px}.drop:hover,.drop.over{border-color:var(--accent);background:#eef2ffb8}.drop.over{transform:scale(1.012);box-shadow:0 0 0 6px #394a941a}.drop .docstack{margin:0 auto 14px;display:block}.files li{border-radius:13px}.field input[type=text],.field input[type=number],.field select,.field textarea{background:#ffffffb8;border-color:#394a942e;border-radius:11px;transition:box-shadow .2s,border-color .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#394a948c;outline:none;box-shadow:0 0 0 4px #394a9424}.choice button{transition:transform .3s var(--spring), background .2s;border-radius:11px}.choice button:active{transform:scale(.95)}.choice button.on,.anchor button.on{background:var(--brand-gel);color:#fff;border-color:#0000;box-shadow:inset 0 1px #ffffff4d,0 6px 14px -6px #394a9499}.run button.go,.result button.go,.toolbar button.primary,.empty .browse{color:#fff;background:var(--brand-gel);transition:transform .3s var(--spring), box-shadow .25s, filter .2s;border:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff59,inset 0 -2px #0000002e,0 12px 24px -12px #394a94bf}.run button.go:hover:not(:disabled),.result button.go:hover:not(:disabled),.toolbar button.primary:hover:not(:disabled),.empty .browse:hover{background:var(--brand-gel);color:#fff;filter:brightness(1.07);box-shadow:inset 0 1px #fff6,inset 0 -2px #0000002e,0 16px 30px -12px #394a94d9}.run button.go:active:not(:disabled),.toolbar button.primary:active:not(:disabled),.empty .browse:active{transform:translateY(1px)scale(.98)}.run button.go:after,.result button.go:after,.toolbar button.primary:after,.empty .browse:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff6b 50%,#0000 65%);position:absolute;inset:0;transform:translate(-130%)}.run button.go:hover:not(:disabled):after,.result button.go:hover:not(:disabled):after,.toolbar button.primary:hover:not(:disabled):after,.empty .browse:hover:after{transition:transform .75s var(--ease-out);transform:translate(130%)}.run button.go{border-radius:14px}.run{background:var(--glass-strong);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);border-radius:20px;margin-top:6px;padding:12px 14px;bottom:14px}.bar{background:#394a941f;height:6px}.bar i{background:linear-gradient(90deg,#394a94,#8ea2f0,#394a94) 0 0/200% 100%;animation:1.4s linear infinite flow}@keyframes flow{to{background-position:-200% 0}}.result{box-shadow:var(--glass-shadow), 0 24px 44px -24px #15803d73;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);background:linear-gradient(140deg,#f0fdf4e0,#dcfce7b8);border:1px solid #86efacbf;border-radius:22px}.result-tick{background:radial-gradient(circle at 34% 28%,#86efac 0%,#16a34a 52%,#0b5c2e 100%);position:relative;box-shadow:inset 0 2px 3px #ffffff8c,inset 0 -5px 9px #0003,0 10px 20px -8px #15803da6}.result-tick svg path{stroke-width:2.4px;stroke-dasharray:21;stroke-dashoffset:21px;animation:draw .45s .25s var(--ease-out) forwards}.result-tick:after{content:"";opacity:0;border:2px solid #22c55e8c;border-radius:50%;animation:.8s ease-out .15s burst;position:absolute;inset:-5px}@keyframes draw{to{stroke-dashoffset:0}}@keyframes burst{0%{opacity:1;scale:.7}to{opacity:0;scale:1.7}}.result .out a{transition:transform .3s var(--spring), border-color .2s;border-radius:13px}.result .out a:hover{border-color:#15803d80;transform:translate(3px)}.notice{-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);background:linear-gradient(140deg,#fff7ede6,#ffedd5bf);border-radius:16px}.notice.bad{background:linear-gradient(140deg,#fef2f2eb,#fee2e2c7)}.side{-webkit-backdrop-filter:blur(26px)saturate(160%);backdrop-filter:blur(26px)saturate(160%);background:linear-gradient(#1a224ad6,#111734e6);border-right:1px solid #ffffff17;box-shadow:12px 0 40px -24px #11173499}.side .mark .dot{border-radius:9px}.side .head,.side .foot{color:#9aa6cf}.side .foot{border-top-color:#ffffff17}.side a{transition:background .25s, color .2s, transform .3s var(--spring);border-radius:10px}.side a:hover{color:#fff;background:#ffffff14;transform:translate(2px)}.side a.on{background:var(--brand-gel);color:#fff;box-shadow:inset 0 1px #ffffff47,0 10px 20px -10px #000000b3}.side a.on:hover{transform:none}.sheet-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a52}.sheet{-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);animation:sheet-up .42s var(--spring);background:#ffffffe6;border:1px solid #ffffffbf}.sheet-row{transition:background .2s, transform .3s var(--spring)}.sheet-row:active{transform:scale(.98)}.sheet-row:hover{background:#394a9412}.sheet-row.on{background:#394a941c}.sheet-row .tile{border-radius:12px}.sheet-close{background:#394a9417}.toolbar{-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);background:#fff9;border-bottom:1px solid #ffffffb3;box-shadow:inset 0 -1px #394a9414,0 10px 30px -18px #1c265c66}.toolbar button{transition:transform .3s var(--spring), background .2s, box-shadow .2s;background:#ffffffb3;border-color:#394a9424;border-radius:10px}.toolbar button:hover:not(:disabled){background:#fff}.toolbar button:active:not(:disabled){transform:scale(.95)}.tools{background:#394a9414;border-radius:12px}.tool{border-radius:9px!important}.tool.active{box-shadow:inset 0 1px #fff,0 4px 12px -4px #394a9459;background:#fffffff2!important;border-color:#ffffffe6!important}.swatch{transition:transform .3s var(--spring)}.swatch:hover{transform:scale(1.15)}.page{border-radius:3px;box-shadow:0 1px 2px #00000014,0 18px 40px -14px #1c265c59}.empty.droppable{transition:transform .4s var(--spring), box-shadow .3s, border-color .2s, background .3s;border-style:solid;border-radius:26px;padding:34px 44px 26px}.empty.droppable:hover,.empty.droppable.over,.empty.droppable:focus-visible{background:var(--glass-strong);border-color:#394a9473;transform:translateY(-3px)}.empty .docstack{margin:0 auto 16px;display:block}.empty .browse{border-radius:12px;padding:11px 22px;font-size:14px}.banner{-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);background:linear-gradient(140deg,#fff7edeb,#ffedd5d1)}.erase-bar{-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);background:#fef2f2e0;border-radius:18px}.card:focus-visible,.feature:focus-visible,.chip:focus-visible,.sheet-row:focus-visible,.side a:focus-visible,.tabbar button:focus-visible,.tabbar a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.side a:focus-visible{outline-color:#b2cfef}@media (max-width:820px){.card,.panel,.searchbox,.chip,.hero .tally,.files li,.result .out a,.choice button,.result,.notice{-webkit-backdrop-filter:none;backdrop-filter:none}.card,.panel,.searchbox,.chip,.hero .tally,.files li,.result .out a,.choice button{background:#fffc}.hero h1{font-size:27px}.card{border-radius:20px}.card .tile{border-radius:13px}.panel{border-radius:22px;padding:16px}.feature{padding:20px}.feature .body{max-width:none}.feature .docstack{display:none}.drop{background:#f5f8ffd9;border-color:#394a9459}.drop .browse{background:var(--brand-gel);transition:transform .3s var(--spring);border:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff59,0 12px 24px -12px #394a94bf}.drop .browse:active{transform:scale(.97)}.appbar{-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);background:#161d3bcc;border-bottom:1px solid #ffffff17}.appbar-site{border:1px solid #ffffff29}.tabbar{margin:0 12px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(22px)saturate(180%);backdrop-filter:blur(22px)saturate(180%);box-shadow:var(--glass-shadow), 0 16px 36px -14px #1c265c66;background:#ffffffa3;border:1px solid #ffffffbf;border-radius:28px;padding:6px;position:relative}.tabbar button,.tabbar a{z-index:1;min-height:52px;transition:color .25s, transform .3s var(--spring);border-radius:22px;position:relative}.tabbar button:active,.tabbar a:active{background:0 0;transform:scale(.92)}.tab-blob{width:calc(25% - 3px);transform:translateX(calc(var(--tab,0) * 100%));transition:transform .55s var(--spring);background:linear-gradient(#fffffff5,#eaefffe0);border-radius:22px;position:absolute;top:6px;bottom:6px;left:6px;box-shadow:inset 0 1px #fff,inset 0 0 0 1px #394a941a,0 8px 18px -8px #394a9480}.run{left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom));border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow), 0 16px 36px -16px #1c265c59;background:#ffffffc7;border-radius:22px}.work:not(.flush){padding-bottom:210px}.toolbar{background:#ffffffb8}.toolbar button.primary{white-space:nowrap}.toolbar .guarantee{white-space:normal;flex:1;min-width:0;line-height:1.3}.empty.droppable{margin:auto 16px;padding:28px 22px 20px}}@media (prefers-reduced-motion:reduce){.card,.result-tick svg path,.result-tick:after,.bar i{animation:none}.result-tick svg path{stroke-dashoffset:0}.card.lift,.feature.lift,.tab-blob,.sheet3d,.pen3d,.chip,.card .tile,.side a,.drop,.empty.droppable{transition:none}.card.lift,.feature.lift{transform:none}.lift:after,.run button.go:after,.result button.go:after,.toolbar button.primary:after,.empty .browse:after{display:none}}@media (prefers-reduced-transparency:reduce){.card,.panel,.searchbox,.chip,.hero .tally,.files li,.result .out a,.choice button,.back,.empty.droppable,.run,.toolbar,.sheet,.tabbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.side,.appbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#161d3b}}#root :is(.run button.go,.result button.go,.toolbar button:not(.tool,.swatch),.empty .browse,.drop .browse,.chip,.choice button,.anchor button,.files li button,.banner button,.erase-bar button){--depth:4px;--travel:0px;--key-base:#394a9447;--key-glow:#1c265c29;transform:translateY(var(--travel));box-shadow:inset 0 1px 0 #fff9, inset 0 -2px 0 #00000014, inset 0 max(0px, calc(var(--travel) * .7)) max(0px, calc(var(--travel) * 1.6)) #00000038, 0 calc(var(--depth) - var(--travel)) 0 var(--key-base), 0 calc(var(--depth) - var(--travel) + 4px) max(2px, calc(12px - var(--travel) * 2.4)) -3px var(--key-glow);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform .5s cubic-bezier(.3,1.55,.55,1),box-shadow .5s cubic-bezier(.3,1.55,.55,1),filter .2s,background .2s,border-color .2s,color .2s}#root :is(.run button.go,.result button.go,.toolbar button.primary,.empty .browse){--depth:5px;--key-base:#232d5a;--key-glow:#394a9480}#root :is(.choice button.on,.anchor button.on){--travel:2px;--key-base:#232d5a;--key-glow:#394a9466}#root .erase-bar .danger{--key-base:#991b1b;--key-glow:#dc262666}#root .files li button{--depth:2px}@media (hover:hover){#root :is(.run button.go,.result button.go,.toolbar button:not(.tool,.swatch),.empty .browse,.drop .browse,.chip,.choice button:not(.on),.anchor button:not(.on),.files li button,.banner button,.erase-bar button):hover:not(:disabled){--travel:-1px}}#root :is(.run button.go,.result button.go,.toolbar button:not(.tool,.swatch),.empty .browse,.drop .browse,.chip,.choice button,.anchor button,.files li button,.banner button,.erase-bar button):is(:active,.is-pressed):not(:disabled){--travel:calc(var(--depth) - 1px);filter:brightness(.94);transition-duration:80ms;transition-timing-function:cubic-bezier(.3,0,.6,1)}#root .tool{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .45s cubic-bezier(.3,1.55,.55,1),box-shadow .3s}#root .tool.active{box-shadow:inset 0 1px #fff,0 3px #394a943d,0 6px 12px -4px #394a9459}#root .tool:is(:active,.is-pressed){transition-duration:80ms;transform:translateY(2px)scale(.97)}.quick{padding-bottom:8px}@media (prefers-reduced-motion:reduce){#root :is(.run button.go,.result button.go,.toolbar button,.empty .browse,.drop .browse,.chip,.choice button,.anchor button,.files li button,.banner button,.erase-bar button){transition:none}}