.composer-shell{--ink-0:#0A0B0D;--ink-1:#14161A;--ink-2:#2A2D33;--ink-3:#4A4F58;--ink-4:#6B7280;--ink-5:#9AA0AB;--ink-6:#C4C8CF;--c-paper:#FFFFFF;--bg-app:#F4F5F4;--bg-panel:#FAFAF9;--bg-rail:#FFFFFF;--bg-sub:#F0F0EE;--bg-hover:#F4F4F2;--c-line:#E7E7E4;--line-strong:#D8D8D4;--line-faint:#EFEFEC;--accent:#0E7C73;--accent-deep:#0B5E58;--accent-tint:#DDF0ED;--accent-tint-2:#C9E6E1;--warn:#C6500A;--good:#1B7A4D;--ai:var(--accent);--ai-tint:var(--accent-tint);--select:var(--accent);--c-font-display:var(--font-geist-sans),"Söhne","Inter Tight",system-ui,sans-serif;--c-font-ui:var(--font-geist-sans),"Inter",system-ui,sans-serif;--c-font-mono:var(--font-geist-mono),"JetBrains Mono",ui-monospace,Menlo,monospace;--c-font-serif:"Source Serif 4","Source Serif Pro",Georgia,serif;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--shadow-pop:0 1px 2px rgba(10,11,13,.06),0 8px 24px rgba(10,11,13,.10),0 24px 64px rgba(10,11,13,.08);--shadow-card:0 1px 0 rgba(10,11,13,.04),0 8px 28px rgba(10,11,13,.06);--shadow-canvas:0 1px 0 rgba(10,11,13,.04),0 24px 48px rgba(10,11,13,.06),0 4px 12px rgba(10,11,13,.04);font-family:var(--c-font-ui);font-feature-settings:"ss01","cv11","cv02";color:var(--ink-1);background:var(--bg-app);font-size:13px;line-height:1.45;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}.composer-app{display:grid;grid-template-rows:44px 1fr 28px;grid-template-columns:56px 280px 1fr 340px;grid-template-areas:"top top top top" "dock left center right" "status status status status";height:100vh;width:100vw;background:var(--bg-app);overflow:hidden}.composer-app.no-inspector{grid-template-columns:56px 280px 1fr 0}.composer-app.no-inspector .composer-area-right{display:none}.composer-area-top{grid-area:top;min-width:0}.composer-area-dock{grid-area:dock}.composer-area-left{grid-area:left;min-width:0}.composer-area-center{grid-area:center;min-width:0}.composer-area-right{grid-area:right;min-width:0}.composer-area-status{grid-area:status;min-width:0}@media (max-width:1100px){.composer-app{grid-template-columns:56px 240px 1fr 300px}}@media (max-width:900px){.composer-app{display:flex;flex-direction:column;height:100vh}.composer-area-dock,.composer-area-left,.composer-area-right{display:none}}.composer-shell .topbar{display:flex;align-items:stretch;background:var(--c-paper);border-bottom:1px solid var(--c-line);padding-right:8px;z-index:30;height:44px}.topbar-brand{display:flex;align-items:center;gap:8px;width:56px;justify-content:center;border-right:1px solid var(--c-line)}.topbar-brand-mark{width:22px;height:22px;background:var(--ink-0);border-radius:5px;display:grid;place-items:center;color:white;font-family:var(--c-font-display);font-weight:700;font-size:12px;letter-spacing:-.04em}.topbar-doc{display:flex;align-items:center;gap:10px;padding:0 14px;border-right:1px solid var(--c-line);min-width:220px}.topbar-doc-title{display:flex;align-items:baseline;gap:8px;font-weight:500;font-size:13px}.topbar-doc-title .crumb{color:var(--ink-5);font-weight:400}.topbar-doc-title .sep{color:var(--ink-6)}.topbar-doc-status{font-size:11px;color:var(--ink-5);display:flex;align-items:center;gap:5px}.topbar-doc-status .dot{width:6px;height:6px;border-radius:50%;background:var(--good)}.composer-shell .topbar-tabs{display:flex;align-items:center;gap:2px;padding:0 12px;flex:1;justify-content:center;overflow-x:auto;scrollbar-width:none}.composer-shell .topbar-tabs::-webkit-scrollbar{display:none}.composer-shell .top-tab{height:28px;padding:0 12px;border-radius:6px;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--ink-3);letter-spacing:-.005em;white-space:nowrap;background:transparent;border:0;cursor:pointer}.composer-shell .top-tab:hover{background:var(--bg-hover);color:var(--ink-1)}.composer-shell .top-tab.active{background:var(--ink-0);color:white}.composer-shell .top-tab .kbd{opacity:.55;font-size:10px;font-family:var(--c-font-mono)}.topbar-right{display:flex;align-items:center;gap:6px;padding-left:12px}.composer-shell .iconbtn{height:28px;min-width:28px;padding:0 6px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--ink-3);font-size:12px;background:transparent;border:0;cursor:pointer;font-family:inherit}.composer-shell .iconbtn:hover{background:var(--bg-hover);color:var(--ink-1)}.composer-shell .iconbtn.primary{background:var(--ink-0);color:white;padding:0 12px;font-weight:500}.composer-shell .iconbtn.primary:hover{background:var(--ink-1)}.composer-shell .iconbtn.accent{background:var(--accent);color:white;padding:0 12px;font-weight:500}.composer-shell .iconbtn.accent:hover{background:var(--accent-deep)}.composer-shell .iconbtn.ghost-bordered{border:1px solid var(--line-strong);color:var(--ink-2);padding:0 10px}.composer-shell .iconbtn.ghost-bordered:hover{background:var(--bg-hover)}.composer-shell .avatars{display:flex;padding-right:4px}.composer-shell .avatar{width:22px;height:22px;border-radius:50%;border:1.5px solid white;margin-left:-6px;display:grid;place-items:center;color:white;font-size:9.5px;font-weight:600}.composer-shell .avatar:first-child{margin-left:0}.composer-shell .dock{background:var(--c-paper);border-right:1px solid var(--c-line);display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:2px}.composer-shell .dock-btn{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:var(--ink-4);position:relative;background:transparent;border:0;cursor:pointer}.composer-shell .dock-btn:hover{background:var(--bg-hover);color:var(--ink-1)}.composer-shell .dock-btn.active{background:var(--accent-tint);color:var(--accent)}.composer-shell .dock-btn.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--accent);border-radius:0 2px 2px 0}.composer-shell .dock-spacer{flex:1}.composer-shell .dock-divider{width:22px;height:1px;background:var(--c-line);margin:6px 0}.composer-shell .left-panel{background:var(--bg-panel);border-right:1px solid var(--c-line);display:flex;flex-direction:column;overflow:hidden;height:100%}.composer-shell .panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;border-bottom:1px solid var(--c-line)}.composer-shell .panel-title{font-size:12px;font-weight:600;letter-spacing:-.01em;color:var(--ink-1);display:flex;align-items:center;gap:6px}.composer-shell .panel-search{margin:10px 12px 8px;display:flex;align-items:center;gap:6px;height:28px;padding:0 8px;background:var(--c-paper);border:1px solid var(--c-line);border-radius:6px;color:var(--ink-5);font-size:12px}.composer-shell .panel-search input{flex:1;border:0;outline:0;background:transparent;color:var(--ink-1);font:inherit}.composer-shell .panel-search .kbd-hint{font-family:var(--c-font-mono);font-size:10px;color:var(--ink-5);background:var(--bg-sub);padding:1px 5px;border-radius:3px}.composer-shell .panel-section{padding:10px 12px 4px}.composer-shell .panel-section-label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-5);display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:0 2px}.composer-shell .panel-section-label .count{font-family:var(--c-font-mono);font-size:10px;background:var(--bg-sub);padding:1px 5px;border-radius:3px;color:var(--ink-4);letter-spacing:0;text-transform:none;font-weight:500}.composer-shell .block-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 12px 8px}.composer-shell .block-card{background:var(--c-paper);border:1px solid var(--c-line);border-radius:8px;padding:10px 9px 9px;cursor:grab;display:flex;flex-direction:column;gap:6px;transition:transform .12s ease,border-color .12s,box-shadow .12s;position:relative;text-align:left}.composer-shell .block-card:active{cursor:grabbing}.composer-shell .block-card:hover{border-color:var(--line-strong);box-shadow:0 1px 0 rgba(10,11,13,.04),0 6px 18px rgba(10,11,13,.06);transform:translateY(-1px)}.composer-shell .block-card .preview{height:38px;background:var(--bg-sub);border-radius:4px;display:grid;place-items:center;color:var(--ink-4);position:relative;overflow:hidden}.composer-shell .block-card .preview svg{display:block}.composer-shell .block-card .name{font-size:11.5px;font-weight:500;color:var(--ink-2);display:flex;align-items:center;justify-content:space-between}.composer-shell .block-card .name .badge{font-family:var(--c-font-mono);font-size:9px;color:var(--accent);background:var(--accent-tint);padding:1px 4px;border-radius:3px;letter-spacing:0}.composer-shell .layers{padding:0 8px 12px}.composer-shell .layer{display:flex;align-items:center;gap:2px;height:28px;padding:0 4px;border-radius:5px;color:var(--ink-3);font-size:12px;background:transparent}.composer-shell .layer:hover{background:var(--bg-hover);color:var(--ink-1)}.composer-shell .layer.selected{background:var(--accent-tint);color:var(--accent)}.composer-shell .layer .lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-shell .layer .lbl .mono{font-family:var(--c-font-mono);font-size:10.5px;color:var(--ink-5);margin-left:4px}.composer-shell .layer.selected .lbl .mono{color:var(--accent);opacity:.7}.composer-shell .layer-grip-btn{width:18px;height:22px;display:grid;place-items:center;background:transparent;border:0;color:var(--ink-5);cursor:grab;padding:0;font-size:11px;letter-spacing:-2px;touch-action:none;flex:0 0 18px}.composer-shell .layer-grip-btn:hover{color:var(--ink-1)}.composer-shell .layer-grip-btn:active{cursor:grabbing}.composer-shell .layer.selected .layer-grip-btn{color:var(--accent)}.composer-shell .layer-name{flex:1;min-width:0;display:flex;align-items:center;gap:6px;background:transparent;border:0;cursor:pointer;color:inherit;text-align:left;font:inherit;padding:0 4px;height:22px}.composer-shell .layer-action{height:22px;width:22px;padding:0;opacity:0;transition:opacity .12s}.composer-shell .layer.selected .layer-action,.composer-shell .layer:focus-within .layer-action,.composer-shell .layer:hover .layer-action{opacity:.6}.composer-shell .layer-action:hover:not(:disabled){opacity:1!important}.composer-shell .layer-action:disabled{opacity:.25!important;cursor:not-allowed}.composer-shell .layer-action-danger{color:var(--warn)}.composer-shell .layer-slot{height:2px;margin:0 2px;border-radius:2px;transition:height .12s,background .12s}.composer-shell .layer-slot.last{height:6px}.composer-shell .layer-slot.over{height:14px;margin:2px;background:var(--accent);box-shadow:0 0 0 2px var(--accent-tint)}.layer-ghost-pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:6px;font:500 12px/1 ui-monospace,Menlo,monospace;background:#0E7C73;color:#fff;box-shadow:0 6px 18px rgba(10,11,13,.22);white-space:nowrap;user-select:none;-webkit-user-select:none;cursor:grabbing}.composer-shell .left-scroll{flex:1;overflow-y:auto}.composer-shell .left-scroll::-webkit-scrollbar{width:8px}.composer-shell .left-scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}.composer-shell .left-scroll::-webkit-scrollbar-track{background:transparent}.composer-shell .left-tabs{display:flex;border-bottom:1px solid var(--c-line);padding:4px 6px 0;gap:0;background:var(--bg-panel)}.composer-shell .left-tab{height:32px;padding:0 10px;font-size:11.5px;color:var(--ink-4);font-weight:500;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:5px;background:transparent;cursor:pointer;font-family:inherit}.composer-shell .left-tab:hover{color:var(--ink-1)}.composer-shell .left-tab.active{color:var(--ink-0);border-bottom-color:var(--ink-0)}.composer-shell .center-stage{position:relative;overflow:hidden;background:radial-gradient(circle at 1px 1px,rgba(10,11,13,.06) 1px,transparent 0) 0 0 /16px 16px,var(--bg-app);height:100%}.composer-shell .canvas-toolbar{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;background:var(--c-paper);border:1px solid var(--c-line);border-radius:10px;padding:4px;box-shadow:var(--shadow-card);z-index:5;height:36px}.composer-shell .toolbar-btn{height:28px;padding:0 10px;border-radius:6px;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3);background:transparent;border:0;cursor:pointer;font-family:inherit;white-space:nowrap}.composer-shell .toolbar-btn:hover{background:var(--bg-hover);color:var(--ink-1)}.composer-shell .toolbar-btn.active{background:var(--ink-0);color:white}.composer-shell .toolbar-btn .label-mono{font-family:var(--c-font-mono);font-size:10.5px;color:var(--ink-5)}.composer-shell .toolbar-btn.active .label-mono{color:rgba(255,255,255,.6)}.composer-shell .toolbar-divider{width:1px;height:18px;background:var(--c-line);margin:0 2px}.composer-shell .canvas-zoom{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:0;background:var(--c-paper);border:1px solid var(--c-line);border-radius:10px;box-shadow:var(--shadow-card);padding:4px;z-index:5;height:36px}.composer-shell .canvas-zoom .zoom-val{padding:0 10px;font-family:var(--c-font-mono);font-size:11px;color:var(--ink-2);min-width:56px;text-align:center}.composer-shell .canvas-scroll{position:absolute;inset:0;overflow:auto;padding:72px 24px 120px;display:flex;justify-content:center}.composer-shell .canvas-scroll::-webkit-scrollbar{width:12px;height:12px}.composer-shell .canvas-scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:6px;border:3px solid var(--bg-app)}.composer-shell .canvas-scroll::-webkit-scrollbar-track{background:transparent}.composer-shell .email-frame{width:600px;max-width:100%;background:var(--c-paper);border-radius:10px;box-shadow:var(--shadow-canvas);position:relative;margin-bottom:40px;overflow:visible;align-self:flex-start}.composer-shell .frame-meta{position:absolute;top:-28px;left:0;display:flex;align-items:center;gap:10px;font-size:11px;color:var(--ink-4);font-family:var(--c-font-mono);letter-spacing:0}.composer-shell .frame-meta .dim{color:var(--ink-5)}.composer-shell .frame-meta .title-pill{color:var(--ink-1);font-weight:500;font-family:var(--c-font-ui);display:inline-flex;align-items:center;gap:6px}.composer-shell .frame-meta-r{position:absolute;top:-28px;right:0;display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ink-5);font-family:var(--c-font-mono)}.composer-shell .frame-status-good{color:var(--good);display:inline-flex;align-items:center;gap:4px}.composer-shell .frame-status-good:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--good);display:inline-block}.composer-shell .ai-bar{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:var(--c-paper);border:1px solid var(--c-line);border-radius:12px;padding:6px 6px 6px 14px;box-shadow:var(--shadow-pop);z-index:6;width:560px;max-width:calc(100% - 32px)}.composer-shell .ai-bar .ai-icon{width:22px;height:22px;background:var(--accent);border-radius:6px;display:grid;place-items:center;color:white;margin-right:10px;flex:none}.composer-shell .ai-bar input{flex:1;border:0;outline:0;background:transparent;font-size:13px;color:var(--ink-1);padding:6px 0;font:inherit}.composer-shell .ai-bar input::placeholder{color:var(--ink-5)}.composer-shell .ai-bar .chip-row{display:flex;gap:4px;margin-right:6px}.composer-shell .ai-chip{font-size:11px;height:22px;padding:0 8px;border-radius:5px;background:var(--bg-sub);color:var(--ink-3);display:inline-flex;align-items:center;gap:4px;border:0;cursor:pointer;font-family:inherit}.composer-shell .ai-chip:hover{background:var(--c-line);color:var(--ink-1)}.composer-shell .ai-chip.on{background:var(--ai-tint);color:var(--ai)}.composer-shell .ai-bar .send{width:28px;height:28px;border-radius:6px;background:var(--ink-0);color:white;display:grid;place-items:center;border:0;cursor:pointer}.composer-shell .ai-bar .send:hover{background:var(--ink-1)}.composer-shell .inspector-panel{background:var(--c-paper);border-left:1px solid var(--c-line);display:flex;flex-direction:column;overflow:hidden;height:100%}.composer-shell .insp-tabs{display:flex;border-bottom:1px solid var(--c-line);padding:0 6px;gap:0;flex-shrink:0}.composer-shell .insp-tab{height:38px;padding:0 12px;font-size:12px;color:var(--ink-4);border:0;border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:500;display:inline-flex;align-items:center;gap:6px;background:transparent;cursor:pointer;font-family:inherit}.composer-shell .insp-tab:hover{color:var(--ink-1)}.composer-shell .insp-tab.active{color:var(--ink-0);border-bottom-color:var(--ink-0)}.composer-shell .insp-scroll{flex:1;overflow-y:auto}.composer-shell .insp-scroll::-webkit-scrollbar{width:8px}.composer-shell .insp-scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}.composer-shell .insp-scroll::-webkit-scrollbar-track{background:transparent}.composer-shell .insp-section{padding:14px 16px 12px;border-bottom:1px solid var(--line-faint)}.composer-shell .insp-section h4{margin:0 0 10px;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-5);display:flex;align-items:center;justify-content:space-between}.composer-shell .insp-section h4 .h-action{text-transform:none;letter-spacing:0;font-weight:500;font-size:11px;color:var(--ink-4)}.composer-shell .insp-row{display:grid;grid-template-columns:84px 1fr;align-items:center;gap:8px;margin-bottom:8px}.composer-shell .insp-row.full{grid-template-columns:1fr}.composer-shell .insp-label{font-size:11.5px;color:var(--ink-4)}.composer-shell .insp-row .val{display:flex;align-items:center;gap:4px;min-width:0}.composer-shell .ctl{height:28px;background:var(--bg-sub);border:1px solid transparent;border-radius:5px;padding:0 8px;font-size:12px;color:var(--ink-1);outline:0;width:100%;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;font-family:inherit}.composer-shell .ctl:hover{background:var(--bg-hover)}.composer-shell .ctl.focused,.composer-shell .ctl:focus{background:white;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-tint)}.composer-shell .ctl-mono{font-family:var(--c-font-mono)}.composer-shell .ctl .unit{color:var(--ink-5);margin-left:auto;font-size:11px}.composer-shell .ctl .pre{color:var(--ink-5);margin-right:4px}.composer-shell .segmented{display:inline-flex;background:var(--bg-sub);border-radius:5px;padding:2px;width:100%}.composer-shell .segmented button{flex:1;height:24px;border-radius:3px;font-size:11.5px;color:var(--ink-3);display:inline-flex;align-items:center;justify-content:center;gap:4px;background:transparent;border:0;cursor:pointer;font-family:inherit}.composer-shell .segmented button.on{background:white;color:var(--ink-0);box-shadow:0 1px 0 rgba(10,11,13,.04),0 1px 3px rgba(10,11,13,.06)}.composer-shell .swatch{width:22px;height:22px;border-radius:4px;border:1px solid var(--c-line);flex:none}.composer-shell .statusbar{background:var(--c-paper);border-top:1px solid var(--c-line);display:flex;align-items:center;font-size:11px;color:var(--ink-4);padding:0 12px;gap:16px;font-family:var(--c-font-mono);letter-spacing:0;height:28px;overflow-x:auto;scrollbar-width:none}.composer-shell .statusbar::-webkit-scrollbar{display:none}.composer-shell .status-item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.composer-shell .status-item .label{color:var(--ink-5)}.composer-shell .status-spacer{flex:1}.composer-shell .status-good{color:var(--good)}.composer-shell .status-warn{color:var(--warn)}.composer-shell .block-outline-selected{box-shadow:0 0 0 1.5px var(--accent);border-radius:3px}.composer-shell .block-outline-hover{box-shadow:0 0 0 1px var(--accent-tint-2)}.composer-shell .ds-elem{position:relative}.composer-shell .ds-elem[data-selected=true]:after{content:"";position:absolute;inset:-3px;border:1.5px solid var(--accent);border-radius:3px;pointer-events:none;z-index:4}.composer-shell .ds-elem[data-selected=true] .ds-elem-handle{display:inline-flex}.composer-shell .ds-elem-handle{display:none;position:absolute;top:-28px;left:-3px;background:var(--accent);color:white;font-size:10.5px;font-family:var(--c-font-mono);height:22px;padding:0 8px;border-radius:4px 4px 0 0;align-items:center;gap:6px;z-index:5}@media (max-width:900px){.composer-shell .canvas-scroll{padding:60px 12px 40px}.composer-shell .ai-bar{width:calc(100% - 24px)}}@keyframes ds-auth-scrim{0%{opacity:0}to{opacity:1}}@keyframes ds-auth-rise{0%{opacity:0;transform:translateY(10px) scale(.992)}to{opacity:1;transform:none}}@keyframes ds-auth-stagger{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes ds-auth-rule{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.auth-scrim{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(10,10,10,.58);animation:ds-auth-scrim .18s ease-out}.auth-doc{position:relative;width:100%;max-width:452px;background:var(--color-paper,#fff);color:var(--color-ink,#0a0a0a);border:1px solid var(--color-line,#e7e7e4);border-radius:4px;padding:40px 40px 32px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 1px 0 rgba(0,0,0,.02),0 40px 90px -28px rgba(10,10,10,.42);animation:ds-auth-rise .28s cubic-bezier(.2,.7,.2,1)}.auth-doc .tick{position:absolute;width:13px;height:13px;color:var(--color-ink-muted,#8f8f8f);opacity:.5;pointer-events:none}.auth-doc .tick:after,.auth-doc .tick:before{content:"";position:absolute;background:currentColor}.auth-doc .tick:before{width:100%;height:1px}.auth-doc .tick:after{width:1px;height:100%}.auth-doc .tick.tl{top:11px;left:11px}.auth-doc .tick.tr{top:11px;right:11px}.auth-doc .tick.tr:after,.auth-doc .tick.tr:before{right:0}.auth-doc .tick.bl{bottom:11px;left:11px}.auth-doc .tick.bl:before{bottom:0}.auth-doc .tick.br{bottom:11px;right:11px}.auth-doc .tick.br:before{bottom:0;right:0}.auth-doc .tick.br:after{right:0}.auth-kicker{font-family:var(--font-mono,ui-monospace,monospace);font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--color-ink-muted,#8f8f8f);display:flex;align-items:center;gap:10px}.auth-kicker:after{content:"";flex:1;height:1px;background:var(--color-line,#e7e7e4)}.auth-title{font-family:var(--font-display);font-size:25px;font-weight:600;letter-spacing:-.018em;line-height:1.12;margin:18px 0 9px}.auth-sub{font-size:13.5px;line-height:1.6;color:var(--color-ink-3,#545454)}.auth-rule{height:1px;background:var(--color-ink,#0a0a0a);opacity:.85;transform-origin:left;animation:ds-auth-rule .52s cubic-bezier(.2,.7,.2,1) .12s both}.auth-rule.soft{background:var(--color-line,#e7e7e4);opacity:1;animation:none}.auth-manifest{margin:22px 0 26px}.auth-manifest .rec{display:grid;grid-template-columns:26px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid var(--color-line-3,#f5f4f1);animation:ds-auth-stagger .34s ease-out both}.auth-manifest .rec:last-child{border-bottom:0}.auth-manifest .rec .no{font-family:var(--font-mono,monospace);font-size:10.5px;letter-spacing:.08em;color:var(--color-accent,#0E7C73);padding-top:2px}.auth-manifest .rec .h{font-size:13.5px;font-weight:600;letter-spacing:-.006em}.auth-manifest .rec .b{font-size:12.5px;color:var(--color-ink-muted,#8f8f8f);margin-top:2px;line-height:1.5}.auth-cta{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:11px;background:var(--color-paper,#fff);color:var(--color-ink,#0a0a0a);border:1px solid var(--color-line,#e7e7e4);border-radius:3px;font-family:var(--font-sans);font-size:14.5px;font-weight:600;letter-spacing:-.006em;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.035);transition:border-color .14s ease,box-shadow .2s cubic-bezier(.2,.7,.2,1),transform .2s cubic-bezier(.2,.7,.2,1)}.auth-cta:hover:not(:disabled){border-color:var(--color-ink,#0a0a0a);transform:translateY(-1px);box-shadow:0 8px 24px -8px rgba(10,10,10,.28)}.auth-cta:active:not(:disabled){transform:translateY(0)}.auth-cta:disabled{cursor:default;background:var(--color-paper-2,#f7f7f5);box-shadow:none}.auth-cta:disabled,.auth-foot{color:var(--color-ink-muted,#8f8f8f)}.auth-foot{margin-top:16px;font-family:var(--font-mono,monospace);font-size:10.5px;line-height:1.7;letter-spacing:.01em;text-align:center}.auth-err{margin-top:12px;font-size:12.5px;color:#b3261e;text-align:center}.auth-quiet{display:block;width:100%;margin-top:18px;background:none;border:0;color:var(--color-ink-3,#545454);font-size:12px;letter-spacing:.01em;cursor:pointer;text-align:center;transition:color .12s ease}.auth-quiet:hover{color:var(--color-ink,#0a0a0a)}.manifest{min-height:100vh;background:radial-gradient(120% 80% at 50% 0,rgba(10,10,10,.018),transparent 60%),var(--color-paper,#fff)}.manifest-wrap{max-width:720px;margin:0 auto;padding:56px 24px 96px}.manifest-back{font-family:var(--font-mono,monospace);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-muted,#8f8f8f);transition:color .12s ease}.manifest-back:hover{color:var(--color-ink,#0a0a0a)}.manifest-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:26px 0 14px;flex-wrap:wrap}.manifest-title{font-family:var(--font-display);font-size:34px;font-weight:600;letter-spacing:-.022em;line-height:1}.manifest-idblock{text-align:right;font-family:var(--font-mono,monospace);font-size:10.5px;line-height:1.75;letter-spacing:.04em;color:var(--color-ink-muted,#8f8f8f)}.manifest-idblock b{color:var(--color-ink-2,#2a2a2a);font-weight:600}.manifest-hr{height:1px;background:var(--color-ink,#0a0a0a);opacity:.9;margin-bottom:44px}.record{margin-bottom:40px}.record-label{font-family:var(--font-mono,monospace);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-ink,#0a0a0a);display:flex;align-items:center;gap:12px;margin-bottom:5px}.record-hint,.record-label .ix{color:var(--color-ink-muted,#8f8f8f)}.record-hint{font-size:12.5px;margin-bottom:16px;max-width:520px;line-height:1.5}.record-body{border-top:1px solid var(--color-ink,#0a0a0a);border-bottom:1px solid var(--color-line,#e7e7e4)}.rrow{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 2px;border-bottom:1px solid var(--color-line-3,#f5f4f1)}.rrow:last-child{border-bottom:0}.rrow-k{font-size:13px;color:var(--color-ink-muted,#8f8f8f)}.rrow-k .sub{display:block;font-size:11.5px;margin-top:2px;max-width:360px}.rrow-v{font-size:13px;color:var(--color-ink,#0a0a0a);text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis}.rrow-v.mono,.tag{font-family:var(--font-mono,monospace)}.tag{font-size:11px;padding:4px 8px;border:1px solid var(--color-line,#e7e7e4);border-radius:3px;color:var(--color-ink-2,#2a2a2a);letter-spacing:.04em}.rrow-edit{font-size:13px;color:var(--color-ink,#0a0a0a);background:none;border:0;border-bottom:1px dashed transparent;cursor:pointer;text-align:right;transition:border-color .12s ease}.rrow-edit:hover{border-bottom-color:var(--color-ink-muted,#8f8f8f)}.rrow-edit .ph{color:var(--color-ink-muted,#8f8f8f)}.auth-input{height:34px;width:210px;padding:0 11px;font-size:13px;font-family:var(--font-sans);color:var(--color-ink,#0a0a0a);background:var(--color-paper,#fff);border:1px solid var(--color-line,#e7e7e4);border-radius:3px;outline:none;transition:border-color .12s ease}.auth-input:focus{border-color:var(--color-ink,#0a0a0a)}.abtn{height:36px;padding:0 16px;font-size:13px;font-weight:500;font-family:var(--font-sans);border-radius:3px;border:1px solid var(--color-line,#e7e7e4);background:var(--color-paper,#fff);color:var(--color-ink,#0a0a0a);cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.abtn:hover:not(:disabled){border-color:var(--color-ink,#0a0a0a)}.abtn:active:not(:disabled){transform:translateY(1px)}.abtn.solid{background:var(--color-ink,#0a0a0a);color:var(--color-paper,#fff);border-color:var(--color-ink,#0a0a0a)}.abtn.solid:hover:not(:disabled){background:var(--color-ink-2,#2a2a2a)}.abtn.danger{color:#b3261e;border-color:rgba(179,38,30,.4)}.abtn.danger:hover:not(:disabled){border-color:#b3261e}.abtn:disabled{opacity:.55;cursor:default}.sync-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--color-line,#e7e7e4);border-radius:4px;overflow:hidden;margin-bottom:18px}.sync-cell{padding:16px 14px;border-right:1px solid var(--color-line,#e7e7e4)}.sync-cell:last-child{border-right:0}.sync-n{font-size:24px;font-weight:600;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.sync-l{font-family:var(--font-mono,monospace);font-size:9.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--color-ink-muted,#8f8f8f);margin-top:8px}.conflict-box{margin-top:20px;border:1px solid rgba(179,38,30,.35);border-radius:4px;overflow:hidden}.conflict-hd{padding:10px 14px;background:rgba(179,38,30,.05);font-family:var(--font-mono,monospace);font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#b3261e}.conflict-hd,.conflict-row{border-bottom:1px solid var(--color-line,#e7e7e4)}.conflict-row{padding:14px}.conflict-row:last-child{border-bottom:0}@media (prefers-reduced-motion:reduce){.auth-doc,.auth-manifest .rec,.auth-rule,.auth-scrim{animation:none!important}}