@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-wght-normal-Czsa-EzN.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-wght-normal-C-3rgBeH.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-wght-normal-CCVVNp6i.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--on-accent:#fff;--success:#286044;--success-bg:#edf6ef;--warning:#79500d;--warning-bg:#fff4dc;--error:#a13645;--error-bg:#fceef0;--focus:var(--accent);--canvas-muted:color-mix(in srgb, var(--muted) 70%, var(--text));--surface-glass:color-mix(in srgb, var(--surface) 72%, transparent);--surface-glass-light:color-mix(in srgb, var(--surface) 45%, transparent);--surface-glass-dense:color-mix(in srgb, var(--surface) 90%, transparent);--surface-glass-header-start:color-mix(in srgb, var(--surface) 66%, transparent);--surface-glass-header-end:color-mix(in srgb, var(--surface) 62%, transparent);--surface-glass-input:color-mix(in srgb, var(--surface) 75%, transparent);--shadow:color-mix(in srgb, var(--text) 10%, transparent);--shadow-soft:color-mix(in srgb, var(--text) 4%, transparent);--backdrop:color-mix(in srgb, var(--text) 50%, transparent);color:var(--text);background-color:var(--background-start);background-image:url(/assets/pinboard-pattern-5qimH7d_.svg), radial-gradient(ellipse at 12% 10%, var(--background-light), transparent 68%), radial-gradient(ellipse at 90% 92%, var(--background-wash), transparent 66%), linear-gradient(145deg, var(--background-start), var(--background-end));font-synthesis:none;background-size:480px 960px,100% 100%,100% 100%,100% 100%;background-attachment:fixed;font-family:Instrument Sans Variable,sans-serif;line-height:1.6}:root,:root[data-background=mist],.background-swatch[data-background=mist]{--background-start:#e6edf3;--background-end:#e8e3ef;--background-light:#f0f4f8;--background-wash:#dcd9eb;--surface:#fafbfe;--subtle:#eef0f7;--hover:#e3e7f2;--selected:#d9e0f0;--border:#cbd0df;--control:#7a829c;--text:#283044;--muted:#515971;--accent:#505c86;--accent-hover:#414d75;--accent-pressed:#354163}:root[data-background=sand],.background-swatch[data-background=sand]{--background-start:#f0e9e1;--background-end:#eddfdf;--background-light:#f7f1e9;--background-wash:#e9d7d9;--surface:#fdfafb;--subtle:#f5edef;--hover:#eee1e6;--selected:#e8d5df;--border:#dfccd5;--control:#9b778a;--text:#3d3038;--muted:#69555f;--accent:#794c62;--accent-hover:#70435a;--accent-pressed:#60364c}:root[data-background=ice],.background-swatch[data-background=ice]{--background-start:#e9eef8;--background-end:#dce5f7;--background-light:#f4f7fc;--background-wash:#d0ddf3;--surface:#f8faff;--subtle:#edf1fa;--hover:#e1e9f8;--selected:#d2def5;--border:#c7d4e8;--control:#7385a8;--text:#29344a;--muted:#4e5e7d;--accent:#425e96;--accent-hover:#3c5588;--accent-pressed:#314773}*{box-sizing:border-box}html{height:100%;overflow:hidden}body{scrollbar-gutter:stable;height:100dvh;margin:0;overflow-y:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a{color:inherit;text-underline-offset:4px}svg{vertical-align:middle}button,input,textarea,select{font:inherit;accent-color:var(--accent)}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;text-align:left;background:0 0;border:0;border-radius:4px;padding:6px 0}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.shell{max-width:1040px;margin:auto;padding:0 40px}.masthead{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:30px 0;font-size:13px;display:flex}.brand{letter-spacing:-.8px;align-items:center;gap:12px;font-size:22px;font-weight:650;text-decoration:none;display:flex}.brand-mark{width:24px;height:24px;color:var(--accent)}.intro{padding:70px 0 44px}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;color:var(--canvas-muted);font-size:11px}h1{letter-spacing:-2.5px;margin:24px 0;font-family:Newsreader Variable,Georgia,serif;font-size:clamp(48px,8vw,82px);font-weight:450;line-height:1.05}h1 em{color:var(--accent);font-weight:400}.intro>p:last-child{color:var(--canvas-muted);font-size:16px}h2{letter-spacing:-.5px;margin:0;font-size:21px;font-weight:550}h3{font-weight:550}.panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin:20px 0;padding:30px}.signin{padding:34px}.signin p{color:var(--muted);margin-bottom:25px}.shell.oauth-shell{width:min(100% - 40px,680px);max-width:680px;padding:32px 0}.oauth-shell>.brand{width:fit-content;margin:0 0 20px 2px}.oauth-panel{margin:0;padding:32px 36px;line-height:1.55}.oauth-panel h1{letter-spacing:-1px;margin:0 0 13px;font-size:clamp(30px,5vw,38px);line-height:1.15}.oauth-panel p{margin:0}.oauth-request{overflow-wrap:anywhere;font-size:15px}.oauth-warning{border:1px solid var(--warning);background:var(--warning-bg);color:var(--warning);border-radius:5px;align-items:flex-start;gap:10px;margin-top:18px;padding:12px 14px;font-size:13px;display:flex}.oauth-warning svg{flex:none;margin-top:2px}.oauth-connection{border-bottom:1px solid var(--border);margin:24px 0;padding-bottom:24px}.oauth-connection h2,.oauth-permissions legend,.oauth-lifetime label{letter-spacing:-.15px;font-size:15px;font-weight:650}.oauth-connection h2{margin-bottom:13px}.oauth-connection dl{grid-template-columns:114px minmax(0,1fr);gap:10px 16px;margin:0;font-size:13px;display:grid}.oauth-connection dt{color:var(--muted)}.oauth-connection dd{overflow-wrap:anywhere;min-width:0;margin:0}.oauth-permissions{min-width:0;display:block}.oauth-permissions legend{margin-bottom:10px}.oauth-permissions>div{gap:2px;display:grid}.oauth-permission{cursor:pointer;border-radius:4px;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:12px;min-height:44px;margin:0 -10px;padding:11px 10px;font-size:14px}.oauth-permission:hover{background:var(--hover)}.oauth-permission input{width:17px;height:17px;accent-color:var(--accent);cursor:pointer;margin:2px 0 0}.oauth-permission span{overflow-wrap:anywhere}.oauth-permission strong{font-weight:650}.oauth-lifetime{border-top:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:8px 16px;margin-top:20px;padding-top:20px;display:grid}.oauth-lifetime select{border-color:var(--control);width:156px;max-width:100%;min-height:44px;font-size:14px}.oauth-lifetime p{color:var(--muted);grid-column:1/-1;font-size:13px}.oauth-panel .oauth-terms{color:var(--muted);margin-top:16px;font-size:13px}.oauth-panel .actions{gap:12px;margin-top:22px}.oauth-panel .actions>*{text-align:center;justify-content:center;min-height:44px;font-weight:600}.oauth-panel .oauth-selection-note{color:var(--muted);margin-top:10px;font-size:13px}.primary,.secondary{background:var(--accent);color:var(--on-accent);border-radius:5px;align-items:center;gap:30px;padding:11px 20px;font-size:14px;text-decoration:none;display:inline-flex}.secondary{background:var(--subtle);color:var(--accent)}.primary:hover:not(:disabled){background:var(--accent-hover)}.primary:active:not(:disabled){background:var(--accent-pressed)}.secondary:hover:not(:disabled){background:var(--hover)}.secondary:active:not(:disabled){background:var(--selected)}.section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.section-title>span{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}form{gap:20px;display:grid}label{gap:7px;font-size:13px;display:grid}input:not([type=checkbox]):not([type=radio]),textarea,select{background:var(--surface);width:100%;color:inherit;border:1px solid var(--control);border-radius:4px;padding:10px 12px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input::file-selector-button{color:var(--accent);background:var(--subtle);border-color:var(--control)}select{max-width:300px}.dropzone{border:1px dashed var(--control);background:var(--subtle);border-radius:5px;padding:25px;font-size:16px}.dropzone.drag-active{border-color:var(--focus);background:var(--selected)}.dropzone strong{overflow-wrap:anywhere;display:block}.dropzone span{color:var(--muted);font-size:12px}.dropzone input{background:0 0;border:0;padding:12px 0 0;font-size:13px}.check{color:var(--muted);align-items:flex-start;gap:9px;display:flex}.check input{accent-color:var(--accent);margin-top:5px}form>button{justify-self:start}.muted{color:var(--muted);font-size:13px}.pin-list,.token-list{margin:0;padding:0;list-style:none}.pin-list>li{border-top:1px solid var(--border);gap:6px;padding:20px 0;display:grid}.pin-name{overflow-wrap:anywhere;padding:0;font-size:17px;font-weight:550}code,pre{font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.pin-list code,.cid{overflow-wrap:anywhere;word-break:break-all;color:var(--muted);display:block}.actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:12px;font-size:12px;display:flex}.actions button:not(.primary):not(.secondary){text-underline-offset:4px;text-decoration:underline}.danger{color:var(--error);margin-left:auto}.detail{background:var(--subtle);border-radius:5px;margin-top:20px;padding:22px;font-size:13px}.detail .section-title{margin-bottom:10px}.detail h3{margin:0}.form-row{grid-template-columns:2fr 1fr;gap:18px;display:grid}fieldset{border:0;flex-wrap:wrap;gap:20px;margin:0;padding:0;display:flex}legend{margin-bottom:8px;font-size:12px}.token-list li{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding-top:22px;display:flex}.token-list p{overflow-wrap:anywhere;margin:6px 0 0;font-size:11px}.token-secret{background:var(--subtle);border-radius:5px;margin-top:20px;padding:20px}.notice{color:var(--error);background:var(--error-bg);border-radius:5px;margin:14px 0;padding:14px 18px;font-size:13px}.notice button{margin-left:12px;text-decoration:underline}.snackbar{border:1px solid var(--border);width:max-content;max-width:min(560px,100vw - 32px);max-height:calc(100dvh - 92px);color:var(--text);background:var(--surface-glass-dense);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 24px var(--shadow);overflow-wrap:anywhere;border-radius:12px;margin:0;padding:12px 16px;font-size:13px;position:fixed;inset:76px auto auto 50%;overflow-y:auto;transform:translate(-50%)}.snackbar-error{color:var(--error);background:var(--error-bg);border-color:var(--error)}.snackbar button{margin-left:12px;text-decoration:underline}.success{color:var(--success);background:var(--success-bg)}.policy{max-width:700px;margin:28px 0}pre{background:var(--subtle);padding:18px;overflow-x:auto}footer{border-top:1px solid var(--border);color:var(--canvas-muted);flex-wrap:wrap;justify-content:space-between;gap:15px;margin-top:60px;padding:25px 0;font-size:11px;display:flex}.canvas-shell{max-width:none;padding:0 40px}.home-shell{padding-top:64px}.home-header{z-index:20;background:linear-gradient(135deg, var(--surface-glass-header-start), var(--surface-glass-header-end));-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);border-bottom:1px solid var(--border);height:64px;box-shadow:inset 0 1px 0 var(--surface), 0 1px 0 var(--shadow), 0 6px 20px var(--shadow-soft);justify-content:space-between;align-items:center;gap:12px;padding:10px 40px;display:flex;position:fixed;inset:0 0 auto}.home-header :focus-visible{outline-color:var(--focus)}.item-filter{width:min(320px,100vw - 600px);transition:width .18s;position:absolute;left:50%;transform:translate(-50%)}.item-filter:focus-within{width:min(420px,100vw - 600px)}.item-filter input[type=search]{border:1px solid var(--control);background:var(--surface-glass-input);width:100%;height:44px;color:var(--text);font:inherit;text-align:left;border-radius:999px;padding:8px 44px 8px 14px}.item-filter input::-webkit-search-cancel-button{display:none}.item-filter button{outline-offset:-4px;width:44px;height:44px;color:var(--accent);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:0;right:0}.item-filter button svg{display:block}.item-filter button:hover:not(:disabled){background:radial-gradient(circle, var(--hover) 0%, transparent 70%)}.item-filter button:active:not(:disabled){background:radial-gradient(circle, var(--selected) 0%, transparent 70%)}@media (width<=959px){.home-header.has-filter{flex-wrap:wrap;align-content:space-between;height:120px;padding:8px 16px}.has-filter .item-filter{order:3;width:100%;position:relative;left:auto;transform:none}.home-shell:has(.has-filter){padding-top:120px}.home-shell:has(.has-filter) [id]{scroll-margin-top:136px}.has-filter .account-trigger{max-width:calc(100vw - 180px)}.has-filter .account-popover{top:128px}}.header-signin{font-size:13px}.home-shell .signin{scroll-margin-top:80px}.account-trigger{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 40%, transparent);border-radius:999px;align-items:center;gap:8px;max-width:min(240px,45vw);min-height:44px;padding:4px 8px;display:flex}.account-avatar{background:var(--subtle);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:grid}.account-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}.account-trigger svg,.account-popover svg{flex-shrink:0;width:18px;height:18px}.account-popover{overscroll-behavior:contain;border:1px solid var(--border);width:280px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 88px);color:var(--text);background:var(--surface-glass-dense);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 24px var(--shadow);border-radius:12px;margin:0;padding:8px;position:fixed;inset:72px 40px auto auto;overflow-y:auto}.account-popover:popover-open{display:grid}.account-identity{border-bottom:1px solid var(--border);overflow-wrap:anywhere;gap:2px;margin-bottom:4px;padding:10px 12px 14px;font-size:13px;display:grid}.account-identity span{color:var(--muted);font-size:12px}.account-popover>button{border-radius:6px;align-items:center;gap:10px;min-height:44px;padding:10px 12px;font-size:13px;display:flex}.account-popover>button:hover:not(:disabled){background:var(--hover)}.account-popover>button:active:not(:disabled){background:var(--selected)}.canvas{min-height:calc(100dvh - 64px);padding:16px 0 88px}.pin-wall .pin-list{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));align-items:start;gap:22px;display:grid}.pin-wall .pin-card{border:1px solid var(--border);background:var(--surface);aspect-ratio:4/3;border-radius:8px;min-width:0;padding:0;position:relative;overflow:hidden}.pin-open{border-radius:inherit;z-index:1;width:100%;height:100%;padding:0;position:absolute;inset:0}.pin-open:focus-visible{outline-offset:-4px;box-shadow:inset 0 0 0 6px var(--surface)}.pin-info{background:var(--surface-glass);-webkit-backdrop-filter:blur(16px)saturate(1.15);backdrop-filter:blur(16px)saturate(1.15);border-top:1px solid var(--border);pointer-events:auto;z-index:2;grid-template-rows:auto 0fr;padding:12px 16px;transition:grid-template-rows .18s;display:grid;position:absolute;inset:auto 0 0}.pin-info:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}.pin-card:has(.preview-text,.preview-code,.preview-directory) .pin-info{background:var(--surface-glass-light);-webkit-backdrop-filter:blur(4px)saturate(1.15);backdrop-filter:blur(4px)saturate(1.15)}.pin-info .pin-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;display:block;overflow:hidden}.pin-info-summary{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.pin-card:has(.publication-badge) .pin-info-summary{gap:1px;display:grid}.publication-badge{z-index:2;border:1px solid var(--border);background:var(--surface-glass-dense);max-width:calc(100% - 70px);color:var(--text);pointer-events:none;border-radius:5px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;display:inline-flex;position:absolute;top:12px;left:12px}.publication-history{padding:0;list-style:none}.publication-history li{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;padding:16px 0;display:flex}.publication-history li>div{flex:200px;min-width:0}.publication-history p{margin:3px 0}.publication-page{padding-bottom:60px}.publication-page>.muted,.canvas-empty .muted{color:var(--canvas-muted)}.publication-page h1{overflow-wrap:anywhere}.publication-page>.pin-preview{background:var(--surface);border:1px solid var(--border);border-radius:8px;height:320px;position:relative;overflow:hidden}.publication-page>.pin-preview img{object-fit:contain;width:100%;height:100%}.pin-info-cid{opacity:0;visibility:hidden;min-height:0;transition:opacity .14s,transform .18s,visibility 0s linear .18s;overflow:hidden;transform:translateY(4px)}.pin-info:focus-visible,.pin-card.copy-confirmed .pin-info{grid-template-rows:auto 1fr}.pin-info:has(:focus-visible){grid-template-rows:auto 1fr}.pin-info:focus-visible .pin-info-cid,.pin-card.copy-confirmed .pin-info-cid{opacity:1;visibility:visible;transition-delay:0s;transform:none}.pin-info:has(:focus-visible) .pin-info-cid{opacity:1;visibility:visible;transition-delay:0s;transform:none}@media (hover:hover) and (pointer:fine){.pin-info:hover{grid-template-rows:auto 1fr}.pin-info:hover .pin-info-cid{opacity:1;visibility:visible;transition-delay:0s;transform:none}}@media (hover:none),(pointer:coarse){.pin-info{grid-template-rows:auto 1fr}.pin-info-cid{opacity:1;visibility:visible;transition:none;transform:none}}@media (prefers-reduced-motion:reduce){.item-filter,.pin-info,.pin-info-cid{transition:none}.pin-info-cid{transform:none}}.pin-cid{pointer-events:auto;border:1px solid var(--accent);background:var(--subtle);border-radius:999px;align-items:center;gap:10px;width:100%;min-width:0;min-height:44px;margin-top:4px;padding:8px 14px;text-decoration:none;display:inline-flex}.pin-cid:hover{background:var(--hover)}.pin-cid:active{background:var(--selected)}.pin-cid:focus-visible{outline-offset:-3px}.pin-cid code{min-width:0;color:inherit;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;line-height:1.45;overflow:hidden}.pin-cid svg{flex-shrink:0;width:16px;height:16px}.pin-size{color:var(--muted);white-space:nowrap;font-size:12px}.pin-detail h3{overflow-wrap:anywhere}.pin-detail form{margin-top:24px}.detail-cid{text-align:left;text-underline-offset:3px;max-width:100%;text-decoration:underline}.pin-preview{background:var(--subtle);text-align:center;border-radius:4px;place-items:center;min-height:110px;padding:18px;display:grid}.pin-preview.has-image{padding:0;overflow:hidden}.pin-preview img{object-fit:contain;width:100%;max-height:320px;display:block}.pin-card .pin-preview{border-radius:0;grid-template-rows:minmax(0,1fr) auto;padding:24px 24px 0;position:absolute;inset:0;overflow:hidden}.pin-card .pin-preview.has-image{grid-template-rows:minmax(0,1fr);padding:0}.pin-card:has(.publication-badge) .pin-preview:not(.has-image){padding-top:48px}.pin-card:has(.publication-badge) .pin-size{text-overflow:ellipsis;max-width:100%;overflow:hidden}.pin-card .pin-preview img{object-fit:cover;object-position:center;height:100%;min-height:0;max-height:none}.pin-card .pin-preview:has([role=status]){align-content:center}.preview-text,.preview-code,.preview-directory{text-align:left;overflow-wrap:anywhere;width:100%;max-height:100%;overflow:hidden}.preview-text,.preview-code{white-space:pre-wrap;font-size:14px;line-height:1.5}.preview-code{margin:0}.pin-card .preview-text,.pin-card .preview-code,.pin-card .preview-directory{align-self:start}.preview-directory ul{border-left:1px solid var(--border);margin:0 0 0 8.5px;padding:0 0 0 14.5px;list-style:none}.preview-folder-heading{min-height:24px;color:var(--accent);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.preview-folder-count{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);margin-left:auto;font-size:11px;font-weight:400;overflow:hidden}.preview-directory li{align-items:center;gap:8px;min-width:0;height:28px;font-size:13px;line-height:28px;display:flex;position:relative}.preview-directory li:before{content:"";border-bottom:1px solid var(--border);width:10.5px;height:14px;position:absolute;top:0;left:-15.5px}.preview-directory li[data-depth="1"]{margin-left:24px}.preview-directory li[data-depth="1"]:before{border-left:1px solid var(--border);height:28px;top:-14px}.preview-directory li[data-depth="0"]+li[data-depth="1"]:before{height:17px;top:-3px}.preview-directory li[data-kind=directory] .preview-entry-name{font-weight:600}.preview-entry-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.preview-entry-icon{width:18px;height:18px;color:var(--muted);flex:none}.preview-entry-icon[data-kind=directory]{color:var(--accent)}.preview-folder-empty{color:var(--muted);margin:0;font-size:13px}.canvas-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50dvh;display:flex}.canvas-empty h3{margin:0;font-family:Newsreader Variable,Georgia,serif;font-size:38px}.floating-tools{bottom:max(24px, env(safe-area-inset-bottom));right:max(32px, env(safe-area-inset-right));z-index:5;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed}.floating-button{width:48px;height:48px;box-shadow:0 4px 18px var(--shadow);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.floating-button svg{width:22px;height:22px}.add-tool{flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.add-options{width:max-content;padding-bottom:12px;display:none;position:absolute;bottom:100%;right:0}.add-options button{border:1px solid var(--border);box-shadow:0 4px 18px var(--shadow)}.add-tool:hover .add-options,.add-tool:focus-within .add-options{display:block}.canvas-drop{z-index:30;pointer-events:none;border:2px dashed var(--focus);background:var(--surface-glass-dense);text-align:center;border-radius:12px;place-items:center;padding:24px;font-size:clamp(22px,4vw,40px);display:grid;position:fixed;inset:16px}.canvas-dialog{width:min(680px,100% - 32px);max-height:calc(100dvh - 48px);color:var(--text);background:var(--surface);border:1px solid var(--border);overscroll-behavior:contain;scrollbar-gutter:stable;border-radius:12px;padding:28px;overflow-y:auto}.canvas-dialog:not([open]){display:none}.canvas-dialog::backdrop{background:var(--backdrop)}body:has(.canvas-dialog[open]){overflow:hidden}.canvas-dialog>.section-title{background:var(--surface);z-index:1;padding:12px 0;position:sticky;top:-28px}.canvas-dialog .section-title button{font-size:13px}.canvas-dialog>section+section,.browser-settings{border-top:1px solid var(--border);margin-top:30px;padding-top:20px}.public-reminder{background:var(--subtle);border-radius:6px;padding:18px;font-size:13px}.background-options{border:0;min-width:0;margin:0 0 20px;padding:0}.background-options legend{margin-bottom:10px;font-size:13px}.background-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.background-choice{border:1px solid var(--control);cursor:pointer;border-radius:6px;grid-template-columns:16px 1fr;align-items:center;gap:8px;padding:10px}.background-choice:has(input:checked){background:var(--selected);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.background-choice:hover:not(:has(input:disabled,input:checked)){background:var(--hover)}.background-choice:has(input:disabled){cursor:wait;opacity:.5}.background-choice input{accent-color:var(--accent);margin:0}.background-swatch{background:radial-gradient(ellipse at 12% 10%, var(--background-light), transparent 68%), radial-gradient(ellipse at 90% 92%, var(--background-wash), transparent 66%), linear-gradient(145deg, var(--background-start), var(--background-end));border-radius:3px;grid-column:1/-1;height:48px}@media (width<=600px),(hover:none),(pointer:coarse){.add-options{padding-bottom:0;display:block;position:static}}@media (width<=600px){.shell.oauth-shell{width:min(100% - 28px,680px);padding:20px 0}.oauth-shell>.brand{margin-bottom:15px}.panel.oauth-panel{padding:25px 22px}.oauth-connection{margin:22px 0;padding-bottom:22px}.oauth-connection dl{grid-template-columns:minmax(0,1fr);gap:3px}.oauth-connection dd:not(:last-child){margin-bottom:10px}.oauth-lifetime{grid-template-columns:minmax(0,1fr)}.oauth-lifetime select{width:100%}.oauth-panel .actions{flex-direction:column;align-items:stretch;gap:9px}.background-choices{grid-template-columns:1fr}.shell{padding:0 22px}.home-shell{padding-top:64px}.home-header{padding:10px 16px}.account-popover{right:16px}.masthead{padding:22px 0}.intro{padding:45px 0 25px}.panel{padding:22px 18px}.section-title{gap:10px}.section-title>span{font-size:9px}.form-row{grid-template-columns:1fr}.token-list li{align-items:flex-start}.actions{gap:14px}.floating-tools{right:22px}.canvas-dialog{padding:20px}.canvas-dialog>.section-title{top:-20px}}.pin-card.drop-target{outline:3px solid var(--focus);outline-offset:3px}.node-user-description{white-space:pre-wrap;overflow-wrap:anywhere}.node-description-editor{min-width:0}.node-description-editor textarea{resize:vertical;max-width:100%;min-height:100px}