@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=JetBrains+Mono:ital,wght@0,400..700;1,400..700&display=swap";:root,.dark,[data-theme=dark]{color-scheme:dark;--background: oklch(.185 .004 286);--foreground: oklch(.93 .004 286);--card: oklch(.215 .005 286);--card-foreground: oklch(.93 .004 286);--popover: oklch(.235 .005 286);--popover-foreground: oklch(.93 .004 286);--muted: oklch(.26 .005 286);--muted-foreground: oklch(.69 .01 286);--secondary: oklch(.26 .005 286);--secondary-foreground: oklch(.93 .004 286);--accent: oklch(.285 .006 286);--accent-foreground: oklch(.96 .004 286);--border: oklch(.32 .006 286);--input: oklch(.32 .006 286);--primary: oklch(.68 .13 45);--primary-foreground: oklch(.18 .03 45);--ring: oklch(.68 .13 45);--destructive: oklch(.6 .15 25);--destructive-foreground: oklch(.97 .01 25);--success: oklch(.7 .1 150);--success-foreground: oklch(.18 .04 150);--warning: oklch(.78 .1 85);--warning-foreground: oklch(.22 .05 85);--accent-orange: oklch(.68 .13 45);--accent-lime: oklch(.76 .11 130);--accent-cyan: oklch(.74 .08 215);--accent-violet: oklch(.68 .1 300);--accent-pink: oklch(.7 .1 350);--accent-amber: oklch(.78 .1 85);--chart-1: var(--accent-orange);--chart-2: var(--accent-cyan);--chart-3: var(--accent-lime);--chart-4: var(--accent-violet);--chart-5: var(--accent-pink);--surface-page: var(--background);--surface-card: var(--card);--surface-raised: var(--popover);--text-body: var(--foreground);--text-muted: var(--muted-foreground);--text-link: var(--accent-cyan);--selection-bg: oklch(.68 .13 45 / .3)}.light,[data-theme=light]{color-scheme:light;--background: oklch(.985 .001 286);--foreground: oklch(.21 .006 286);--card: oklch(1 0 0);--card-foreground: oklch(.21 .006 286);--popover: oklch(1 0 0);--popover-foreground: oklch(.21 .006 286);--muted: oklch(.955 .002 286);--muted-foreground: oklch(.5 .01 286);--secondary: oklch(.955 .002 286);--secondary-foreground: oklch(.21 .006 286);--accent: oklch(.93 .003 286);--accent-foreground: oklch(.18 .006 286);--border: oklch(.89 .004 286);--input: oklch(.86 .004 286);--primary: oklch(.62 .14 45);--primary-foreground: oklch(.99 .005 45);--ring: oklch(.62 .14 45);--destructive: oklch(.55 .16 25);--destructive-foreground: oklch(.99 .005 25);--success: oklch(.56 .11 150);--success-foreground: oklch(.99 .005 150);--warning: oklch(.68 .11 75);--warning-foreground: oklch(.22 .05 85);--accent-orange: oklch(.62 .14 45);--accent-lime: oklch(.62 .12 130);--accent-cyan: oklch(.56 .09 215);--accent-violet: oklch(.54 .12 300);--accent-pink: oklch(.58 .13 350);--accent-amber: oklch(.68 .11 75);--text-link: oklch(.5 .1 215);--selection-bg: oklch(.62 .14 45 / .22)}.console,[data-theme=console]{color-scheme:dark;--background: oklch(.135 .008 260);--foreground: oklch(.87 .02 145);--card: oklch(.17 .01 260);--card-foreground: oklch(.87 .02 145);--popover: oklch(.19 .01 260);--popover-foreground: oklch(.87 .02 145);--muted: oklch(.21 .01 260);--muted-foreground: oklch(.62 .03 145);--secondary: oklch(.21 .01 260);--secondary-foreground: oklch(.87 .02 145);--accent: oklch(.24 .012 260);--accent-foreground: oklch(.92 .02 145);--border: oklch(.32 .02 145);--input: oklch(.32 .02 145);--primary: oklch(.72 .13 145);--primary-foreground: oklch(.16 .03 145);--ring: oklch(.72 .13 145);--destructive: oklch(.62 .14 25);--destructive-foreground: oklch(.97 .01 25);--success: oklch(.72 .13 145);--success-foreground: oklch(.16 .03 145);--warning: oklch(.78 .11 95);--warning-foreground: oklch(.2 .05 95);--accent-orange: oklch(.7 .12 45);--accent-lime: oklch(.72 .13 145);--accent-cyan: oklch(.75 .09 200);--accent-violet: oklch(.68 .1 305);--accent-pink: oklch(.7 .11 345);--accent-amber: oklch(.78 .11 95);--text-link: oklch(.75 .09 200);--selection-bg: oklch(.72 .13 145 / .3);--font-sans: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius: 0rem;--shadow-sm: none;--shadow-md: none;--shadow-lg: 0 0 0 1px var(--border);--shadow-overlay: 0 0 0 1px var(--border)}:root{--font-sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.375rem;--text-5xl: 3rem;--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .08em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--font-display: var(--weight-semibold) var(--text-4xl)/var(--leading-tight) var(--font-sans);--font-heading: var(--weight-semibold) var(--text-2xl)/var(--leading-snug) var(--font-sans);--font-subheading: var(--weight-semibold) var(--text-xl)/var(--leading-snug) var(--font-sans);--font-body-lg: var(--weight-regular) var(--text-lg)/var(--leading-relaxed) var(--font-sans);--font-body: var(--weight-regular) var(--text-base)/var(--leading-normal) var(--font-sans);--font-ui: var(--weight-medium) var(--text-sm)/var(--leading-normal) var(--font-sans);--font-code: var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-mono);--font-label: var(--weight-medium) var(--text-xs)/var(--leading-normal) var(--font-mono)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--measure: 68ch;--content-width: 720px;--page-width: 1120px;--gutter: var(--space-6)}:root,.dark,[data-theme=dark]{--radius: .5rem;--radius-sm: calc(var(--radius) - 2px);--radius-md: var(--radius);--radius-lg: calc(var(--radius) + 4px);--radius-xl: calc(var(--radius) + 8px);--radius-full: 9999px;--border-w: 1px;--shadow-sm: 0 1px 2px oklch(0 0 0 / .28);--shadow-md: 0 4px 12px oklch(0 0 0 / .32);--shadow-lg: 0 12px 32px oklch(0 0 0 / .42);--shadow-overlay: 0 16px 48px oklch(0 0 0 / .5);--backdrop: oklch(.1 .005 260 / .6);--blur-overlay: 8px}.light,[data-theme=light]{--shadow-sm: 0 1px 2px oklch(.2 .01 260 / .07);--shadow-md: 0 4px 12px oklch(.2 .01 260 / .09);--shadow-lg: 0 12px 32px oklch(.2 .01 260 / .13);--shadow-overlay: 0 16px 48px oklch(.2 .01 260 / .2);--backdrop: oklch(.25 .01 260 / .4)}:root{--duration-fast: .12s;--duration-base: .18s;--duration-slow: .28s;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-in-out: cubic-bezier(.45, 0, .15, 1)}@media(max-width:640px){:root{--gutter: var(--space-4)}}.ds-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(max-width:640px){.ds-grid-2{grid-template-columns:1fr}}.ds-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}@media(max-width:900px){.ds-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.ds-grid-4{grid-template-columns:1fr}}.ds-scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.ds-wrap{flex-wrap:wrap}@media(max-width:640px){.ds-hide-sm{display:none!important}}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font:var(--font-body);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--selection-bg)}a{color:var(--text-link);text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--text-link) 45%,transparent);text-underline-offset:3px;transition:text-decoration-color var(--duration-fast) var(--ease-out)}a:hover{text-decoration-color:var(--text-link)}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.9em}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media print{body{background:#fff;color:#000}a{color:#000}}body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-sans)}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}[hidden]{display:none!important}.shell{min-height:100vh;display:flex;flex-direction:column;background:var(--background)}.label{font:var(--font-label);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted)}.label-dim{font:var(--font-label);color:var(--text-muted)}.mono-muted{font:var(--font-code);color:var(--text-muted)}.mono{font:var(--font-code)}.ui{font:var(--font-ui)}.ui-reg{font:var(--font-ui);font-weight:400}.clip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dot{width:8px;height:8px;border-radius:50%;flex:none}.dot-muted{background:var(--muted-foreground)}.dot-success{background:var(--success)}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;font:var(--weight-medium) .875rem/1 var(--font-sans);box-sizing:border-box;transition:background var(--duration-fast) var(--ease-out),filter var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn-sm{height:32px;padding:0 12px;gap:6px}.btn-md{height:40px;padding:0 16px}.btn-lg{height:48px;padding:0 20px;font-size:1rem}.btn-primary{background:var(--primary);color:var(--primary-foreground);border:1px solid transparent}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{transform:scale(.98)}.btn-outline{background:transparent;color:var(--foreground);border:1px solid var(--input)}.btn-outline:hover{background:var(--accent)}.btn-ghost{background:transparent;color:var(--foreground);border:1px solid transparent}.btn-ghost:hover{background:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.grow{flex:1}.full{width:100%}.iconbtn{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:var(--radius-md);cursor:pointer;background:transparent;color:var(--muted-foreground);border:1px solid transparent;font:var(--font-ui);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.iconbtn:hover{background:var(--accent);color:var(--accent-foreground)}.iconbtn svg{display:block}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:14px 32px;background:var(--background);border-bottom:1px solid var(--border)}.brand{appearance:none;background:transparent;border:none;padding:0;cursor:pointer;color:var(--foreground);font:var(--weight-semibold) 1.125rem/1.2 var(--font-sans);letter-spacing:var(--tracking-tight)}.crumb{font:var(--font-label);color:var(--text-muted)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.status-pill{appearance:none;cursor:pointer;display:flex;align-items:center;gap:8px;height:32px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-full);background:transparent;color:var(--text-muted);font:var(--font-label)}.status-pill:hover{background:var(--accent)}.home{flex:1;padding:40px 32px 64px;display:flex;flex-direction:column;gap:40px;max-width:1120px;width:100%;box-sizing:border-box;margin:0 auto}.home-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.home-head-text{display:flex;flex-direction:column;gap:6px}.home-head-text h1{margin:0;font:var(--font-heading)}.home-head-text p{margin:0;font:var(--font-body);color:var(--text-muted)}.home-head-actions{display:flex;gap:8px}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,176px);gap:16px}.tpl-card{appearance:none;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);color:var(--foreground);transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.tpl-card:hover{border-color:var(--input);background:var(--accent)}.tpl-thumb{width:152px;max-height:200px;overflow:hidden;border-radius:4px;background:#faf9f6;flex:none}.tpl-thumb canvas{width:152px;display:block}.tpl-meta{margin-top:auto;display:flex;align-items:center;gap:8px}.tpl-name{flex:1;min-width:0;font:var(--font-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-mode{flex:none;white-space:nowrap;font:var(--font-label);color:var(--text-muted)}.roll{display:flex;flex-direction:column;gap:14px}.roll-head{display:flex;align-items:baseline;gap:10px}.roll-head h2{margin:0;font:var(--font-subheading)}.roll-meta{font:var(--font-label);color:var(--text-muted)}.roll-list{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--card)}.roll-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--border)}.roll-row:last-child{border-bottom:none}.roll-row-text{display:flex;flex-direction:column;gap:3px;min-width:0}.roll-row-name{font:var(--font-body);font-size:.9375rem}.roll-row-meta{font:var(--font-label);color:var(--text-muted)}.roll-row-actions{margin-left:auto;display:flex;gap:6px}.roll-empty{padding:18px;font:var(--font-ui);font-weight:400;color:var(--text-muted)}.editor{flex:1;display:flex;align-items:stretch;max-width:1120px;width:100%;box-sizing:border-box;margin:0 auto}.editor-left{flex:1;min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--border)}.editor-name{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.editor-name input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--foreground);font:var(--font-subheading);padding:2px 4px;border-radius:4px}.editor-name input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.editor-src{position:relative;flex:1;min-height:420px}.editor-src pre,.editor-src textarea{position:absolute;inset:0;margin:0;padding:20px 24px;box-sizing:border-box;font-family:var(--font-mono);font-size:15px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.editor-src pre{overflow:hidden;pointer-events:none;background:var(--background)}.editor-src textarea{width:100%;height:100%;background:transparent;color:transparent;caret-color:var(--primary);border:none;outline:none;resize:none;overflow:auto}.hl-cmd{color:var(--accent-cyan)}.hl-head{color:var(--accent-orange)}.hl-foot{color:var(--accent-pink)}.hl-mark{color:var(--accent-amber)}.editor-insert{padding:14px 24px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.insert-row{display:flex;gap:6px;flex-wrap:wrap}.insert-row button{appearance:none;cursor:pointer;font:var(--font-label);padding:6px 9px;border:1px solid var(--border);border-radius:5px;background:transparent;color:var(--text-muted)}.insert-row button:hover{background:var(--accent);color:var(--accent-foreground)}.editor-right{width:452px;flex:none;padding:24px;display:flex;flex-direction:column;gap:14px;align-items:center}.paper-head{align-self:stretch;display:flex;align-items:center;justify-content:space-between}.paper-wrap{width:384px}.paper-wrap canvas{display:block;width:384px;box-shadow:0 1px 2px #0000004d,0 20px 34px -20px #00000080}.paper-tear{height:8px;background:#faf9f6;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3E%3Cpath d='M0 0L7 8L14 0Z' fill='black'/%3E%3C/svg%3E") repeat-x;mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3E%3Cpath d='M0 0L7 8L14 0Z' fill='black'/%3E%3C/svg%3E") repeat-x;-webkit-mask-size:14px 8px;mask-size:14px 8px}.editor-controls{align-self:stretch;display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:18px}.adv-toggle{appearance:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--foreground)}.adv-toggle:hover{background:var(--accent)}.adv-title{font:var(--font-ui)}.adv-toggle .mono-muted{margin-left:auto}.adv-chevron{font:var(--font-body);color:var(--text-muted)}.adv-panel{display:flex;flex-direction:column;gap:18px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-md)}.adv-group{display:flex;flex-direction:column;gap:8px}.dither-row{display:flex;gap:8px;flex-wrap:wrap}.dither-row button{appearance:none;cursor:pointer;padding:6px;border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-muted);display:flex;flex-direction:column;gap:5px;align-items:center}.dither-row button span{font:var(--font-label)}.dither-row canvas{width:52px;height:52px;image-rendering:pixelated;display:block;border-radius:2px}[data-on=true]{border-color:var(--primary)!important;background:color-mix(in oklch,var(--primary) 15%,transparent)!important;color:var(--foreground)!important}.slider-head{display:flex;justify-content:space-between;align-items:baseline}.adv-panel input[type=range]{width:100%;accent-color:var(--primary)}.editor-cta{display:flex;gap:8px}.linkview{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 0 64px}.linkview-bar{align-self:stretch;padding:10px 32px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;background:var(--card)}.linkview-bar .label-dim{margin-left:auto;flex:none}.linkview-body{display:flex;gap:44px;align-items:flex-start;padding:40px 32px;max-width:1000px;width:100%;box-sizing:border-box}.linkview-paper{flex:none}.linkview-side{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px;animation:rise var(--duration-slow) var(--ease-out)}.linkview-intro{display:flex;flex-direction:column;gap:8px}.linkview-intro h1{margin:0;font:var(--font-heading)}.linkview-intro p{margin:0;font:var(--font-body);color:var(--text-muted)}.fill-fields{display:flex;flex-direction:column;gap:12px}.fill-field{display:flex;flex-direction:column;gap:6px}.fill-field>span{font:var(--font-ui)}.fill-field input{height:40px;padding:0 12px;width:100%;background:transparent;color:var(--foreground);border:1px solid var(--input);border-radius:var(--radius-sm);font:var(--font-body);font-size:.875rem;outline:none;box-sizing:border-box;transition:box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.fill-field input:focus{box-shadow:0 0 0 2px color-mix(in oklch,var(--ring) 40%,transparent)}.fill-none{padding:16px;border:1px dashed var(--border);border-radius:var(--radius-md);font:var(--font-ui);font-weight:400;color:var(--text-muted)}.linkview-actions{display:flex;flex-direction:column;gap:10px}.linkview-actions-row{display:flex;gap:8px}.dialog-backdrop{position:fixed;inset:0;z-index:100;background:var(--backdrop);backdrop-filter:blur(var(--blur-overlay));-webkit-backdrop-filter:blur(var(--blur-overlay));display:flex;align-items:center;justify-content:center;padding:24px;animation:fadein var(--duration-base) var(--ease-out)}.dialog-panel{width:100%;background:var(--popover);color:var(--popover-foreground);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);padding:24px;animation:pop var(--duration-slow) var(--ease-out)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dialog-title{font:var(--weight-semibold) 1.125rem/1.35 var(--font-sans)}.dialog-desc{font:var(--font-ui);font-weight:400;color:var(--text-muted);margin-top:6px}.dialog-body{display:flex;flex-direction:column;gap:18px;margin-top:18px}.dialog-actions,.share-modes{display:flex;gap:8px}.share-mode{flex:1;appearance:none;cursor:pointer;text-align:left;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-muted);display:flex;flex-direction:column;gap:5px}.share-mode .ui{color:var(--foreground)}.share-url{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--input);border-radius:var(--radius-sm);background:var(--background)}.share-url .mono{flex:1}.share-qr-row{display:flex;gap:16px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md)}.share-qr{padding:7px;background:#faf9f6;border-radius:4px;flex:none}.share-qr canvas{display:block;width:92px;height:92px;image-rendering:pixelated}.share-qr-text{display:flex;flex-direction:column;gap:6px;min-width:0}.switch-row{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.switch-row input{position:absolute;opacity:0;width:0;height:0}.switch{width:38px;height:22px;flex-shrink:0;border-radius:var(--radius-full);background:var(--muted);border:1px solid var(--input);position:relative;transition:background var(--duration-base) var(--ease-out);box-sizing:border-box}.switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--foreground);transition:transform var(--duration-base) var(--ease-out)}.switch-row input:checked+.switch{background:var(--primary);border-color:transparent}.switch-row input:checked+.switch .switch-thumb{transform:translate(16px);background:var(--primary-foreground)}.scan-row{display:flex;align-items:center;gap:10px}.ping{position:relative;width:8px;height:8px;flex:none}.ping span{position:absolute;inset:0;border-radius:50%;background:var(--primary)}.ping span:last-child{animation:ping 1.6s var(--ease-out) infinite}.device-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md)}.device-row-text{flex:1;display:flex;flex-direction:column;gap:3px}.device-name{font:var(--font-body);font-size:.9375rem}.batt-bar{height:6px;border-radius:3px;background:var(--muted);overflow:hidden}.batt-fill{height:100%;background:var(--success)}.status-row{display:flex;align-items:center;justify-content:space-between}.status-row-left{display:flex;align-items:center;gap:10px}.kv-row{display:flex;justify-content:space-between;font:var(--font-code);color:var(--text-muted)}.print-overlay{position:fixed;inset:0;z-index:120;background:var(--backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.print-paper-window{width:384px;height:220px;overflow:hidden;position:relative;border-radius:4px}.print-paper-feed{transform:translateY(190px);transition:transform .3s linear}.print-paper-feed canvas{display:block;width:384px}.print-progress{width:280px;display:flex;flex-direction:column;gap:10px}.print-bar{height:6px;border-radius:3px;background:var(--muted);overflow:hidden}.print-bar-fill{width:0%;height:100%;background:var(--primary);transition:width .2s linear}.print-progress-row{display:flex;justify-content:space-between;font:var(--font-label);color:var(--text-muted)}.cancel-pill{appearance:none;cursor:pointer;align-self:center;margin-top:4px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-full);background:transparent;color:var(--text-muted);font:var(--font-label)}.toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%);z-index:140;display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--popover);color:var(--popover-foreground);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-md);font:var(--font-ui);animation:rise var(--duration-base) var(--ease-out)}@keyframes ping{0%{opacity:1;transform:scale(1)}70%,to{opacity:0;transform:scale(2.6)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.toast{animation-name:rise}@keyframes riseCentered{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.toast{animation-name:riseCentered}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:900px){.editor{flex-direction:column}.editor-left{border-right:none;border-bottom:1px solid var(--border)}.editor-right{width:100%;box-sizing:border-box}.editor-src{min-height:260px}.linkview-body{flex-direction:column;align-items:center}.linkview-side{width:100%;max-width:384px}}@media(max-width:640px){.topbar{padding:14px 16px}.home{padding:24px 16px 48px}.tpl-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.linkview-bar{padding:10px 16px}.linkview-body{padding:24px 16px}.paper-wrap{max-width:100%}}