@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&family=Hanken+Grotesk:wght@400;500;600;700&family=Spline+Sans+Mono:wght@400;500;600&display=swap";:root{--paper:#f6f1e9;--paper-sunk:#efe9dd;--surface:#fffdf8;--surface-2:#faf5ec;--ink:#2c2620;--ink-sub:#5f574c;--muted:#9b9080;--line:#e8dfcf;--line-strong:#dccfb9;--trail:#2f8a5a;--trail-press:#246e47;--trail-ink:#fdfdf8;--trail-soft:#d2e4cf;--trail-tint:#eef3e7;--trail-line:#d4e2ce;--trail-glow:#2f8a5a47;--ok:#4f7a52;--ok-tint:#e9f0e6;--warn:#b8862e;--danger:#c0492f;--danger-tint:#f7e4dd;--topo:#6a9f78;--r-xs:6px;--r-sm:8px;--r-md:11px;--r-lg:14px;--r-xl:18px;--r-pill:999px;--sh-1:0 1px 2px #2c26200d;--sh-2:0 1px 2px #2c26200a, 0 8px 20px #2c26200f;--sh-3:0 4px 10px #2c262012, 0 18px 40px #2c26201a;--sh-marker:0 3px 10px #2c262047;--font-display:"Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;--font-ui:"Hanken Grotesk", system-ui, sans-serif;--font-mono:"Spline Sans Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}h1,h2,h3,h4,p{margin-top:0}.forward-mark{flex:none;display:block}.forward-mark path{stroke:var(--trail);stroke-linecap:round;stroke-linejoin:round;stroke-width:3.6px}.topo-pattern{color:var(--topo);opacity:.7;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(100deg,#0000 12%,#000000e0 44%,#000 108%);mask-image:linear-gradient(100deg,#0000 12%,#000000e0 44%,#000 108%)}.topo-pattern svg{width:100%;height:100%;position:absolute;inset:0}.topo-pattern path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-opacity:.5;stroke-width:.72px}.topo-pattern path.index{stroke-opacity:.68;stroke-width:1.18px}.app{background:var(--paper);color:var(--ink);height:100%;display:flex;overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;flex:0 0 248px;width:248px;display:flex}.sb-brand{font-family:var(--font-display);letter-spacing:0;align-items:center;gap:9px;padding:18px 18px 14px;font-size:17px;font-weight:700;display:flex}.brand-inline,.brand{align-items:center;gap:9px;display:inline-flex}.sb-pad{padding:0 14px}.sb-new{justify-content:center;width:100%;margin-bottom:8px}.sb-srch{border-radius:var(--r-sm);color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;width:30px;height:30px;margin-left:auto;display:flex}.sb-srch:hover{background:var(--surface-2);color:var(--ink-sub)}.sb-nav{flex-direction:column;gap:1px;padding-top:8px;padding-bottom:8px;display:flex}.sb-item{border-radius:var(--r-sm);color:var(--ink-sub);text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;height:36px;padding:0 12px;font-size:14px;font-weight:500;display:flex}.sb-item:hover,.sb-fold:hover{background:var(--surface-2)}.sb-item.on,.sb-fold.on{background:var(--trail-tint);color:var(--trail-press);font-weight:600}.sb-item svg,.sb-fold svg{color:var(--muted);flex:none}.sb-item.on svg,.sb-fold.on svg{color:var(--trail)}.lbl{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ct{color:var(--muted);font-family:var(--font-mono);font-size:11px}.sb-sec{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:14px 14px 6px;font-size:10px;display:flex}.sb-sec button{color:var(--muted);background:0 0;border:0;border-radius:4px;align-items:center;padding:2px;display:flex}.sb-tree{overflow-y:auto}.sb-fold{border-radius:var(--r-sm);color:var(--ink-sub);align-items:center;gap:7px;height:34px;padding:0 6px 0 8px;font-size:13.5px;display:flex;position:relative}.twirl{color:var(--muted);border-radius:3px;flex:0 0 14px;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.sb-fold.open .twirl svg{transform:rotate(90deg)}.twirl.ph{visibility:hidden}.fmenu{color:var(--muted);background:0 0;border:0;border-radius:4px;align-items:center;padding:2px;display:none}.sb-fold:hover .ct{display:none}.sb-fold:hover .fmenu{display:flex}.sb-children{border-left:1px solid var(--line);margin-left:16px;padding-left:9px}.folder-empty{color:var(--muted);margin:4px 0 0;padding:0 8px;font-size:12px}.sb-spacer{flex:1}.sb-user{border-top:1px solid var(--line);align-items:center;gap:10px;padding:12px 14px;display:flex}.sb-user:hover{background:var(--surface-2)}.av-wrap{flex:0 0 30px}.av,.path-avatar,.member-avatar,.profile-avatar{background:var(--trail-soft);color:var(--trail-press);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.av{width:30px;height:30px;font-size:12px}.nm{flex-direction:column;min-width:0;font-size:14.5px;font-weight:600;display:flex}.sb-user .nm{font-size:13.5px;line-height:1.2}.ws,.s2{color:var(--muted);margin-top:2px;font-size:12.5px;font-weight:400}.cog{color:var(--muted);margin-left:auto;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--paper);border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;height:62px;padding:0 26px;display:flex}.crumb{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:flex}.crumb b{color:var(--ink);font-family:var(--font-display);letter-spacing:0;font-size:16px;font-weight:700}.sep{color:var(--line-strong)}.actions{align-items:center;gap:10px;display:flex}.content{flex:1;padding:28px 26px 40px;position:relative;overflow:hidden}.content.scroll{overflow-y:auto}.page-narrow{width:100%;max-width:none}.btn{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);color:var(--ink);font-family:var(--font-ui);white-space:nowrap;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 15px;font-size:14px;font-weight:600;display:inline-flex}.btn.primary{background:var(--trail);border-color:var(--trail);box-shadow:0 2px 8px var(--trail-glow);color:var(--trail-ink)}.btn.secondary{background:var(--surface)}.btn.ghost{color:var(--ink-sub);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-2)}.btn.danger,.danger-soft{border-color:var(--danger-tint);color:var(--danger)}.btn.sm{border-radius:var(--r-sm);height:32px;padding:0 12px;font-size:13px}.btn.icon{width:38px;padding:0}.btn.icon.sm{width:32px}.full{width:100%}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);align-items:center;gap:2px;height:38px;padding:3px;display:inline-flex}.seg [role=tablist]{display:contents}.seg button{border-radius:var(--r-sm);color:var(--ink-sub);background:0 0;border:0;align-items:center;gap:6px;height:30px;padding:0 13px;font-size:13px;font-weight:600;display:inline-flex}.seg button[data-state=active],.seg button.on{background:var(--surface);box-shadow:var(--sh-1);color:var(--ink)}.input{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);color:var(--ink);outline:none;width:100%;height:42px;padding:0 13px}.input:focus{border-color:var(--trail);box-shadow:0 0 0 3px var(--trail-tint)}.field{flex-direction:column;gap:7px;display:flex}.field-label{color:var(--ink-sub);font-size:13px;font-weight:600}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1)}.toast{border-radius:var(--r-md);box-shadow:var(--sh-2);margin-bottom:16px;padding:12px 14px;font-weight:600}.toast.ok,.notice-panel{background:var(--ok-tint);color:var(--ok)}.toast.error{background:var(--danger-tint);color:var(--danger)}.agentation-toolbar{z-index:120!important}.loading-page{flex-direction:column}.skeleton-app,.skeleton-page{pointer-events:none}.skel-line,.skel-button,.skel-nav,.skel-folder,.skel-avatar,.skel-icon,.skel-mark,.skel-pill,.skel-shot{background:linear-gradient(90deg, var(--surface-2), #f5eee2, var(--surface-2));background-size:220% 100%;border:1px solid #dccfb961;animation:1.45s ease-in-out infinite cp-shimmer;display:block;position:relative;overflow:hidden}@keyframes cp-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.skel-line{border-radius:999px;width:100px;height:12px}.skel-line.w64{width:64px}.skel-line.w90{width:90px}.skel-line.w120{width:120px}.skel-line.w160{width:160px}.skel-line.w180{width:180px}.skel-line.title{width:min(420px,70%);height:38px;margin-top:5px}.skel-line.desc-line{width:min(520px,78%);height:14px;margin-top:18px}.skel-line.desc-line.short{width:min(360px,58%);margin-top:8px}.skel-line.step-title{width:48%;height:16px;margin-top:6px}.skel-button{border-radius:var(--r-md);width:116px;height:38px}.skel-button.sm{width:92px;height:34px}.skel-button.field{width:100%;height:42px}.auth-skeleton-card{gap:16px}.auth-skeleton-card .auth-brand{margin-bottom:8px}.auth-skel-title{width:78%;height:32px}.auth-skel-copy{margin-top:0}.auth-skel-field{gap:8px;display:grid}.skel-nav,.skel-folder{border-radius:var(--r-sm);width:100%;height:34px;margin-bottom:4px}.skel-folder.short{width:72%}.skel-avatar,.skel-mark{border-radius:50%;flex:0 0 30px;width:30px;height:30px}.skel-mark{border-radius:var(--r-sm)}.skel-icon{border-radius:var(--r-md);flex:0 0 42px;width:42px;height:42px}.skel-icon.big{flex-basis:56px;width:56px;height:56px}.skel-icon.tiny{border-radius:var(--r-sm);flex-basis:30px;width:30px;height:30px}.skel-pill{border-radius:999px;width:78px;height:24px}.skel-pill.wide{width:136px}.skel-shot{border-radius:var(--r-sm);height:230px;margin:0 15px 15px}.skeleton-card .pt{gap:10px;padding-top:5px;display:grid}.skeleton-head .topo-pattern{opacity:.5}.muted-skel{background:var(--surface-2);box-shadow:none}.pgrid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:16px;width:100%;display:grid}.pcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);flex-direction:column;transition:box-shadow .15s,transform .12s,border-color .15s;display:flex;position:relative;overflow:hidden}.pcard:hover{border-color:var(--line-strong);box-shadow:var(--sh-2);transform:translateY(-1px)}.pcard-open{display:block}.ph{align-items:flex-start;gap:13px;padding:20px 20px 18px;display:flex}.picon{background:var(--trail-tint);border:1px solid var(--trail-line);border-radius:var(--r-md);color:var(--trail);flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.picon.muted{background:var(--surface-2);border-color:var(--line);color:var(--ink-sub)}.pt{flex:1;min-width:0}.pt h4{font-family:var(--font-display);letter-spacing:0;margin:3px 0 0;font-size:16.5px;font-weight:700;line-height:1.25}.psub{color:var(--muted);margin-top:8px;font-size:12.5px}.psub b{color:var(--ink-sub)}.more{color:var(--muted);background:0 0;border:0;border-radius:5px;padding:2px;display:flex;position:absolute;top:16px;right:16px}.more:hover{background:var(--surface-2)}.pfoot{background:var(--surface-2);border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:auto;padding:14px 20px;display:flex}.spc,.grow{flex:1}.vis,.visbadge{border-radius:var(--r-pill);border:1px solid;align-items:center;gap:6px;height:26px;padding:0 9px;font-size:11.5px;font-weight:600;display:inline-flex}.vis.private,.visbadge.private{background:var(--surface);border-color:var(--line-strong);color:var(--ink-sub)}.vis.public,.visbadge.public{background:var(--ok-tint);color:var(--ok);border-color:#cfe0c8}.visbadge{height:34px;padding:0 12px;font-size:13px}.srcchip{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink-sub);font-family:var(--font-mono);align-items:center;gap:5px;height:22px;padding:0 9px 0 6px;font-size:11px;display:inline-flex}.srcchip .favi{background:linear-gradient(135deg, var(--trail), var(--trail-soft));border-radius:3px;flex:0 0 11px;width:11px;height:11px}.srcchip .favi.b{background:linear-gradient(135deg,#6a86c9,#c2cee8)}.empty{background:var(--surface);border:1.5px dashed var(--line-strong);border-radius:var(--r-xl);text-align:center;flex-direction:column;align-items:center;padding:52px 40px;display:flex}.empty.state-large{max-width:640px;margin:40px auto 0;padding:70px 30px}.empty.compact-empty{margin-top:14px;padding:42px 30px}.empty .eic,.empty .ic{background:var(--trail-tint);border-radius:var(--r-lg);justify-content:center;align-items:center;width:66px;height:66px;margin-bottom:22px;display:flex}.empty h3{font-family:var(--font-display);margin:0 0 8px;font-size:23px;font-weight:700}.empty p{color:var(--ink-sub);max-width:44ch;margin:0 0 24px;font-size:15px;line-height:1.55}.empty.compact-empty p{margin-bottom:0}.acts,.empty .actions{justify-content:center;gap:12px;display:flex}.record-icon{color:currentColor;stroke:currentColor;stroke-width:1.7px;width:16px;height:16px}.list-page{width:100%;max-width:none}.lhead{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;padding:0 14px 9px;font-size:10px;display:flex}.lrow{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);color:inherit;align-items:center;gap:12px;margin-bottom:8px;padding:13px 14px;display:flex}.lrow:hover{border-color:var(--line-strong);box-shadow:var(--sh-1)}.lrow .picon,.device-row .picon{width:32px;height:32px}.col{color:var(--ink-sub);flex:0 0 120px;width:120px;font-size:13px}.col.sm{flex:0 0 90px;width:90px}.search-strip{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);align-items:center;gap:10px;max-width:520px;margin-bottom:20px;padding:8px 12px;display:flex}.search-strip .input{box-shadow:none;border:0;height:34px;padding:0}.list-footer{color:var(--muted);text-align:center;margin-top:14px;font-size:13px}.list-footer button{color:var(--trail-press);background:0 0;border:0;font-weight:600}.info-banner{background:var(--trail-tint);border:1px solid var(--trail-line);border-radius:var(--r-md);color:var(--trail-press);align-items:center;gap:9px;margin-bottom:16px;padding:12px 14px;font-size:13.5px;display:flex}.trash-page{max-width:none}.trash-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.trash-top h2{font-family:var(--font-display);margin:0 0 6px;font-size:28px;line-height:1}.trash-top p{color:var(--muted);margin:0;font-size:14px}.trash-head,.trash-row{max-width:100%}.trash-row .nm{flex-direction:column;flex:1;min-width:0;font-size:14.5px;font-weight:650;display:flex}.trash-row .s2{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:3px;font-size:12.5px;font-weight:400;display:flex}.trash-actions{flex-basis:210px;width:210px}.trash-loading .skel-icon,.trash-loading .skel-line,.trash-loading .skel-button{animation:1.45s ease-in-out infinite cp-shimmer}.member-avatar{flex:0 0 32px;width:32px;height:32px}.members-page{flex-direction:column;gap:10px;display:flex}.invite-panel{margin-bottom:18px}.panel-title-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.panel-title-row h2{margin-bottom:4px}.invite-form{grid-template-columns:minmax(220px,1fr) 150px auto;align-items:end;gap:12px;display:grid}.role-select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 16px) 18px,calc(100% - 11px) 18px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:34px}.role-select.compact{min-width:112px;height:32px}.member-row .nm{flex-direction:column;flex:1;min-width:0;font-size:14.5px;font-weight:650;display:flex}.member-row .s2{color:var(--muted);margin-top:2px;font-size:12.5px;font-weight:400}.member-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.member-actions.two{flex-basis:188px;width:188px}.section-spacer{height:10px}.plan-chip{background:var(--trail-tint);border:1px solid var(--trail-line);border-radius:var(--r-pill);color:var(--trail-press);font-family:var(--font-mono);text-transform:uppercase;align-items:center;height:26px;padding:0 10px;font-size:10px;font-weight:650;display:inline-flex}.role-pill{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--ink);align-items:center;gap:4px;height:32px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.role-pill.static{background:var(--trail-tint);border-color:var(--trail-line);color:var(--trail-press)}.muted-col{color:var(--muted);font-size:12.5px}.settings-layout{gap:28px;width:100%;max-width:none;display:flex}.settings-nav{flex-direction:column;flex:0 0 184px;gap:2px;display:flex}.settings-main{flex-direction:column;flex:1;gap:18px;min-width:0;display:flex}.settings-panel{padding:20px}.settings-skeleton-panel{gap:16px;display:grid}.settings-panel h2{font-family:var(--font-display);margin:0 0 16px;font-size:16px;font-weight:700}.settings-panel p{color:var(--muted);margin:3px 0 0;font-size:12.5px}.compact-footer{align-items:center;gap:10px;margin-top:16px;display:flex}.billing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.billing-hero{position:relative;overflow:hidden}.billing-hero>:not(.topo-pattern){position:relative}.billing-hero .topo-pattern{opacity:.18}.skeleton-stats{margin-top:0}.info-stat{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);gap:6px;padding:12px;display:grid}.info-stat span{color:var(--muted);font-size:11.5px}.info-stat b{font-size:13.5px}.usage-meter{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);height:12px;margin:16px 0 0;overflow:hidden}.usage-meter span{background:linear-gradient(90deg, var(--trail-soft), var(--trail));height:100%;display:block}.profile-row{align-items:center;gap:14px;margin-bottom:18px;display:flex}.profile-avatar{width:56px;height:56px;font-size:18px}.field-grid{gap:14px;display:grid}.toggle-row,.device-row{border-top:1px solid var(--line);align-items:center;gap:14px;padding:14px 0;display:flex}.toggle-row b,.device-main b{gap:8px;font-size:14px;font-weight:600;display:flex}.toggle-row small,.device-main small{color:var(--muted);margin-top:2px;font-size:12.5px;display:block}.toggle-row>span,.device-main{flex:1;min-width:0}.switch-root{background:var(--line-strong);border-radius:var(--r-pill);border:0;width:42px;height:25px;position:relative}.switch-root[data-state=checked]{background:var(--trail)}.switch-thumb{background:#fff;border-radius:50%;width:19px;height:19px;transition:transform .15s;display:block;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch-root[data-state=checked] .switch-thumb{transform:translate(17px)}.settings-actions{justify-content:flex-end;gap:10px;display:flex}.device-row{padding:14px 0}.device-current{background:var(--ok-tint);color:var(--ok);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid #cfe0c8;border-radius:999px;padding:1px 7px;font-size:9.5px}.panel-footer{border-top:1px solid var(--line);padding-top:14px}.empty-small{background:var(--surface-2);border-radius:var(--r-sm);color:var(--muted);margin:12px 0;padding:12px}.pe-app{color:var(--ink);font-family:var(--font-ui);background:#fcf9f3;flex-direction:column;height:100%;display:flex;overflow:hidden}.pe-top{background:var(--surface);border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.pe-top .left,.pe-top .right{align-items:center;gap:11px;display:flex}.brand{font-family:var(--font-display);letter-spacing:0;font-size:16.5px;font-weight:700}.vline{background:var(--line);width:1px;height:26px}.path-avatar{width:32px;height:32px;font-size:12.5px}.save{color:var(--muted);justify-content:flex-start;align-items:center;gap:7px;min-width:96px;font-size:13px;font-weight:500;display:inline-flex}.save.saved{color:var(--ok)}.save .check{background:var(--ok);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.save .ring{border:2px solid var(--line-strong);border-top-color:var(--trail);border-radius:50%;width:14px;height:14px}.body{flex:1;overflow:auto}.canvas{max-width:800px;margin:0 auto;padding:36px 28px 70px}.pathhead{border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-1);background:#fffefa;padding:26px 28px;position:relative;overflow:hidden}.pathhead .topo-pattern{opacity:.3}.pathhead .topo-pattern path{stroke-opacity:.42}.pathhead .topo-pattern path.index{stroke-opacity:.58}.headrow{align-items:flex-start;gap:16px;display:flex;position:relative}.pathicon{background:var(--trail-tint);border:1px solid var(--trail-line);border-radius:var(--r-lg);color:var(--trail);flex:0 0 56px;justify-content:center;align-items:center;width:56px;height:56px;padding:0;display:flex;position:relative}.pathicon.editable:hover{background:var(--trail-soft)}.shuffle{background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1);color:var(--muted);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;bottom:-7px;right:-7px}.headmain{flex:1;min-width:0}.pathhead h1,.titleinput{color:var(--ink);font-family:var(--font-display);letter-spacing:0;margin:4px 0 0;font-size:38px;font-weight:800;line-height:1.05}.titleinput.inline{background:0 0;border:0;border-radius:8px;outline:none;height:auto;margin:0 -10px;padding:4px 10px}.titleinput.inline:focus{background:var(--surface);box-shadow:0 0 0 3px var(--trail-tint), inset 0 0 0 1.5px var(--trail)}.slugrow{border:1px solid var(--line);border-radius:var(--r-sm);background:#fffdf8c2;align-items:center;gap:8px;max-width:min(100%,420px);margin-top:12px;padding:5px 7px 5px 10px;display:inline-flex;position:relative}.slugrow span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:10px}.slugrow input{color:var(--trail-press);font-family:var(--font-mono);background:0 0;border:0;outline:none;flex:1;min-width:150px;font-size:12.5px}.metarow{flex-wrap:wrap;align-items:center;gap:11px;margin-top:12px;display:flex}.metarow .m{color:var(--muted);font-size:13px}.metarow .dot{background:var(--line-strong);border-radius:50%;width:3px;height:3px}.sources{flex-wrap:wrap;gap:6px;display:inline-flex}.desc{color:var(--ink-sub);max-width:64ch;margin:16px 0 0;font-size:15px;line-height:1.55;position:relative}.desc-edit{font-family:var(--font-ui);resize:vertical;background:#fffdf8b8;border:1px solid #0000;border-radius:8px;outline:none;width:min(100%,64ch);min-height:58px;padding:5px 8px;display:block}.desc-edit:hover{background:var(--surface-2);border-color:var(--line)}.desc-edit:focus{background:var(--surface);border-color:var(--trail);box-shadow:0 0 0 3px var(--trail-tint)}.steps{flex-direction:column;gap:14px;margin-top:30px;display:flex}.step-dropzone{position:relative}.step-dropzone:before,.step-dropzone:after{background:var(--trail);border-radius:var(--r-pill);box-shadow:0 0 0 3px var(--trail-tint), 0 5px 14px var(--trail-glow);content:"";z-index:12;height:3px;display:none;position:absolute;left:16px;right:16px}.step-dropzone.drop-before:before{display:block;top:-8px}.step-dropzone.drop-after:after{display:block;bottom:-8px}.step-dropzone.dragging .scard{opacity:.58;transform:scale(.996)}.snum{background:var(--trail);border-radius:var(--r-pill);box-shadow:0 2px 6px var(--trail-glow);color:var(--trail-ink);flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;font-size:13px;font-weight:700;display:flex}.scard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-2);position:relative;overflow:hidden}.scard.editing{border-color:var(--trail);box-shadow:0 0 0 3px var(--trail-tint), var(--sh-2);overflow:visible}.scard.flat{box-shadow:var(--sh-1)}.scard .top{justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 15px;display:flex}.instr{color:var(--ink);font-family:var(--font-display);text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:4px 0 0;font-size:15.5px;font-weight:500}.instr:disabled{color:var(--ink);opacity:1}.scrollrow{color:var(--ink-sub);font-family:var(--font-display);text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding-top:2px;font-size:15px;font-weight:500;display:flex}button.scrollrow:not(:disabled){cursor:text}button.scrollrow:disabled{opacity:1}.scard .right{flex:0 0 32px;justify-content:flex-end;align-items:center;gap:7px;width:32px;min-width:32px;display:flex}.scard .right.with-actions{flex-basis:190px;width:190px;min-width:190px}.handle{color:var(--line-strong);background:0 0;border:0;padding-top:2px;display:flex}.step-actions{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);flex:none;align-items:center;gap:2px;height:30px;padding:2px;display:inline-flex}.step-actions button{color:var(--ink-sub);background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.step-actions .drag-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.step-actions .drag-handle:active{cursor:grabbing}.step-actions .drag-handle[aria-pressed=true]{background:var(--trail-tint);color:var(--trail-press)}.step-actions button:hover:not(:disabled){background:var(--surface);color:var(--trail-press)}.step-actions button.danger{color:var(--danger)}.step-actions button:disabled{color:var(--line-strong);cursor:default;opacity:.45}.shot{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);height:190px;margin:0 15px 15px;position:relative;overflow:hidden}.shot.real{height:auto;min-height:160px}.shot-inner{min-height:inherit;transform-origin:50%;transition:transform .18s;position:relative}.shot.real img{width:100%;height:auto;display:block}.protected-shot,.protected-shot img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.shot.editing{border-color:var(--trail-line);cursor:crosshair}.mk{z-index:4;position:absolute}.blur-region{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3;background:#f7f4ed5c;border:1px solid #214d3d47;border-radius:7px;position:absolute;box-shadow:inset 0 0 0 1px #ffffff38}.blur-region.draft{border:1.5px dashed var(--trail);background:#2f8a5a24}.clickring{border:2.5px dotted var(--trail);background:0 0;border-radius:50%;width:46px;height:46px;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 1px 5px #2c26201f}.mk-grab{background:var(--surface);border:1px solid var(--trail-line);color:var(--trail-press);cursor:grab;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:4px;padding:1px 5px;font-size:8.5px;position:absolute;top:0;left:0;transform:translate(-50%,22px)}.shot-tools{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--sh-2);align-items:center;gap:2px;padding:3px;display:flex;position:absolute;top:8px;right:8px}.shot-tools button{color:var(--ink-sub);background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.shot-tools button:hover{background:var(--trail-tint);color:var(--trail-press)}.shot-tools button.active{background:var(--trail);color:#fff}.shot-tools button:disabled,.addimg:disabled{cursor:default;opacity:.55}.shot-tools .sep,.rich-tools .sep{background:var(--line);width:1px;height:18px;margin:0 2px}.rich{flex:1;min-width:0;position:relative}.rich-tools{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);box-shadow:var(--sh-2);z-index:8;align-items:center;gap:2px;margin-bottom:0;padding:3px;display:flex;position:absolute;top:-39px;right:0}.rich-tools button{color:var(--ink-sub);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;min-width:27px;height:27px;padding:0 6px;display:inline-flex}.rich-tools button:hover{background:var(--surface-2)}.rich-tools button.on{background:var(--trail-tint);border-color:var(--trail-line);color:var(--trail-press)}.rich-tools button:disabled{cursor:default;opacity:.45}.done-tool{background:var(--trail)!important;color:var(--trail-ink)!important}.code-tool,.mono-small{font-family:var(--font-mono);font-size:12px}.rich-body,.rich-input{font-family:var(--font-display);font-size:15.5px;font-weight:500}.rich-body{box-shadow:none;color:var(--ink);background:0 0;border-radius:8px;outline:none;min-height:31px;padding:4px 0 2px;line-height:1.45}.rich-body:focus,.rich-body.ProseMirror-focused{box-shadow:inset 0 -2px 0 var(--trail-line)}.rich-body p{margin:0}.rich-body p+p{margin-top:6px}.formatted-instruction{display:inline}.formatted-instruction p{margin:0;display:inline}.formatted-instruction strong,.rich-body strong{font-weight:760}.formatted-instruction code,.rich-body code{background:var(--surface-2);border:1px solid var(--line);font-family:var(--font-mono);border-radius:4px;padding:1px 4px;font-size:.88em}.instruction-link,.formatted-instruction a,.rich-body a{color:var(--trail-press);text-underline-offset:3px;font-weight:700;text-decoration-line:underline;text-decoration-color:#2f8a5a6b;text-decoration-thickness:2px}.instruction-link:hover,.formatted-instruction a:hover,.rich-body a:hover{color:var(--trail);text-decoration-color:currentColor}.inserter{z-index:9;flex-direction:column;justify-content:center;align-items:center;height:32px;display:flex;position:relative}.ins-plus{background:var(--surface);border:1.5px dashed var(--line-strong);color:var(--muted);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.inserter:hover .ins-plus,.inserter.open .ins-plus{background:var(--trail-tint);border-color:var(--trail);color:var(--trail);border-style:solid}.ins-menu{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-3);z-index:20;width:min(360px,100vw - 40px);padding:8px;position:absolute;top:32px}.ins-menu-h{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding:6px 8px 8px;font-size:10px}.ins-opt{border-radius:var(--r-sm);text-align:left;background:0 0;border:0;align-items:center;gap:11px;width:100%;padding:8px;display:flex}.ins-opt:hover{background:var(--surface-2)}.ins-ic{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink-sub);flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ins-txt{flex-direction:column;gap:1px;display:flex}.ins-txt b{color:var(--ink);font-size:13.5px;font-weight:600}.ins-txt span{color:var(--muted);font-size:12px}.addstep,.addimg{border:1.5px dashed var(--line-strong);border-radius:var(--r-lg);color:var(--ink-sub);background:0 0;justify-content:center;align-items:center;gap:9px;height:52px;font-size:14px;font-weight:600;display:flex}.addimg{border-radius:var(--r-sm);width:calc(100% - 30px);height:40px;margin:0 15px 15px;font-size:13px}.addstep:hover,.addimg:hover{background:var(--trail-tint);border-color:var(--trail);color:var(--trail-press)}.upload-error{color:#9b312b;margin:-8px 15px 14px;font-size:12px}.steptype{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink-sub);align-items:center;gap:1px;height:30px;padding:0 5px 0 7px;display:inline-flex}.steptype.click{color:var(--trail-press)}.steptype.input{color:var(--warn)}.typemenu,.ctxmenu{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-3);z-index:50;min-width:152px;padding:6px}.ctxmenu{min-width:210px}.ctx-item,.typeopt{border-radius:var(--r-sm);color:var(--ink);background:0 0;border:0;align-items:center;gap:10px;min-height:34px;padding:0 9px;font-size:13.5px;font-weight:500;display:flex}.ctx-item:hover,.typeopt:hover{background:var(--surface-2)}.danger-item,.danger-text{color:var(--danger)}.ctx-sep{background:var(--line);height:1px;margin:6px 4px}.tm-ic{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.tm-chk{color:var(--trail);margin-left:auto}.path-empty{margin-top:28px}.dialog-overlay{z-index:90;background:#2c262052;position:fixed;inset:0}.dialog-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-3);z-index:100;width:min(460px,100vw - 32px);max-height:min(720px,100vh - 48px);position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.dialog-head{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:18px 20px;display:flex}.dialog-head>.btn:last-child{margin-left:auto}.dialog-head h2,.dialog-head [data-radix-dialog-title],.dialog-panel h2{font-family:var(--font-display);margin:0;font-size:16px;font-weight:700}.dialog-head p,.dialog-head [data-radix-dialog-description]{color:var(--muted);margin:3px 0 0;font-size:12.5px}.dialog-body{flex-direction:column;gap:16px;padding:20px;display:flex}.share-dialog{width:min(520px,100vw - 32px)}.share-dialog .dialog-head{align-items:flex-start;gap:13px;padding:22px 22px 20px}.share-dialog .dialog-body{background:color-mix(in srgb, var(--surface) 86%, var(--surface-2));gap:20px;padding:22px}.dialog-foot{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.dialog-foot.split{justify-content:space-between}.dialog-foot.split>span{gap:10px;display:flex}.mlabel{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:10px}.visibility-options{gap:8px;display:grid}.vopt{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);align-items:center;gap:12px;min-height:66px;padding:12px 14px;display:flex}.vopt:has([data-state=checked]){background:var(--trail-tint);border-color:var(--trail);box-shadow:0 0 0 3px var(--trail-tint)}.vic{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink-sub);flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.vtx{flex:1}.vtx b{font-size:14px;font-weight:600;display:block}.vtx span{color:var(--muted);font-size:12.5px}.vradio{border:2px solid var(--line-strong);border-radius:50%;flex:0 0 18px;width:18px;height:18px;position:relative}.vradio[data-state=checked]{border-color:var(--trail)}.vradio[data-state=checked]:after{background:var(--trail);content:"";border-radius:50%;position:absolute;inset:3px}.share-link-row{gap:8px;display:flex}.fake-input{color:var(--trail-press);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;min-width:0;font-size:12.5px;display:flex;overflow:hidden}.export-options{flex-direction:column;gap:8px;padding:14px;display:flex}.export-option{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);color:inherit;text-align:left;align-items:center;gap:12px;margin:0;padding:13px 14px;display:flex}.export-option.on{border-color:var(--trail);box-shadow:0 0 0 3px var(--trail-tint)}.move-dialog,.mini-dialog,.confirm-dialog{width:min(420px,100vw - 32px)}.confirm-dialog .btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.move-dialog>h2{border-bottom:1px solid var(--line);padding:18px 20px}.move-list{max-height:280px;padding:10px;overflow:auto}.mv-row{border-radius:var(--r-sm);color:var(--ink-sub);background:0 0;border:0;align-items:center;gap:9px;width:100%;height:38px;font-size:14px;display:flex}.mv-row span{text-align:left;flex:1}.mv-row.on{background:var(--trail-tint);color:var(--trail-press);font-weight:600}.move-new-folder{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:8px;padding:10px 4px 2px;display:flex}.move-new-folder .input{flex:1}.standalone-page{background:var(--paper);min-height:100%;position:relative;overflow:hidden}.standalone-page.centered,.error-page{justify-content:center;align-items:center;display:flex}.auth-page{background:var(--paper);min-height:100%;display:flex}.auth-form-side{flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.auth-card{gap:14px;width:340px;display:grid}.auth-brand{font-family:var(--font-display);align-items:center;gap:9px;margin-bottom:12px;font-size:19px;font-weight:700;display:inline-flex}.auth-brand.center{justify-content:center}.auth-card h1,.error-copy h1{font-family:var(--font-display);letter-spacing:0;margin:0 0 -4px;font-size:32px;font-weight:800}.auth-card p,.error-copy p{color:var(--ink-sub);font-size:15px;line-height:1.55}.auth-error{color:var(--danger);font-size:12.5px;font-weight:600}.text-button{color:var(--trail-press);background:0 0;border:0;font-weight:600}.auth-note{color:var(--muted);text-align:center}.auth-promo{background:var(--trail-tint);border-left:1px solid var(--trail-line);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.preview-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-3);width:320px;position:relative;overflow:hidden;transform:rotate(-2deg)}.preview-head{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:12px 14px;display:flex}.preview-head span:last-child{flex-direction:column;display:flex}.preview-head b{font-family:var(--font-display);font-size:14px}.preview-head small{color:var(--muted);font-size:11px}.preview-shot{background:var(--surface);height:132px;padding:40px 16px 14px;position:relative}.browser-dot{background:var(--line);border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:10px}.browser-dot+.browser-dot{left:20px}.preview-shot:before{background:var(--surface-2);border-bottom:1px solid var(--line);content:"";height:22px;position:absolute;inset:0 0 auto}.bar{background:var(--paper-sunk);border-radius:3px;height:8px;margin-bottom:9px;display:block}.bar.a{background:var(--trail-soft);width:40%}.bar.b{width:72%}.bar.c{width:54%}.preview-ring{border:2.5px dotted var(--trail);border-radius:50%;width:34px;height:34px;position:absolute;top:64%;left:70%;transform:translate(-50%,-50%)}.preview-foot{border-top:1px solid var(--line);font-family:var(--font-display);align-items:center;gap:9px;padding:11px 14px;font-size:13.5px;display:flex}.preview-foot>span{background:var(--trail);color:var(--trail-ink);font-family:var(--font-ui);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.promo-copy{text-align:center;max-width:320px;margin-top:30px;position:relative}.promo-copy h2{color:var(--trail-press);font-family:var(--font-display);letter-spacing:0;font-size:22px;font-weight:700}.promo-copy p{color:var(--ink-sub);font-size:14px;line-height:1.55}.continuation-card{gap:14px;width:420px;padding:28px;display:grid}.continuation-card h1{font-family:var(--font-display);margin:0;font-size:24px}.notice-panel{border-radius:var(--r-md);padding:12px}.invite-summary{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);align-items:center;gap:12px;padding:12px;display:flex}.invite-summary>span:last-child{flex-direction:column;min-width:0;display:flex}.invite-summary b{font-size:14px}.invite-summary small{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.35}.invite-actions{gap:10px;display:grid}.error-copy{text-align:center;max-width:420px;position:relative}.error-code{color:var(--trail);font-family:var(--font-display);letter-spacing:0;align-items:center;gap:10px;font-size:92px;font-weight:800;line-height:1;display:inline-flex}.error-code span{border:5px solid var(--trail);border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;display:inline-flex}.print-page{background:var(--paper-sunk);justify-content:center;min-height:100%;display:flex;overflow:auto}.print-doc{box-shadow:var(--sh-2);background:#fffdf8;width:740px;min-height:100%;padding:54px 60px}.print-brand,.print-doc footer{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.print-brand{color:var(--ink);font-family:var(--font-display);margin-bottom:22px;font-size:15px;font-weight:700}.print-doc h1{font-family:var(--font-display);letter-spacing:0;margin:0 0 12px;font-size:34px;font-weight:800;line-height:1.1}.print-meta{color:var(--muted);font-size:13px}.print-desc{color:var(--ink-sub);font-size:15px;line-height:1.6}.print-step{break-inside:avoid;border-top:1px solid #ece4d4;gap:18px;padding:22px 0;display:flex}.print-step>span{background:var(--trail);color:var(--trail-ink);border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.print-step h2{font-family:var(--font-display);font-size:18px;font-weight:500}.print-shot{border:1px solid #e4dccb;border-radius:8px;margin-top:12px;position:relative;overflow:hidden}.print-shot-inner{transform-origin:50%;position:relative}.print-shot img{width:100%;display:block}.print-shot i:not(.print-blur){border:2.5px dotted var(--trail);border-radius:50%;width:40px;height:40px;position:absolute;transform:translate(-50%,-50%)}.print-blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f4ed66;border:1px solid #214d3d42;border-radius:6px;position:absolute}.print-doc footer{border-top:1px solid #ece4d4;margin-top:8px;padding-top:18px}@media (width<=980px){.app{display:block;overflow:auto}.sidebar{border-bottom:1px solid var(--line);border-right:0;width:100%}.sb-tree,.sb-spacer{display:none}.topbar,.pe-top{flex-direction:column;align-items:flex-start;gap:12px;height:auto;padding:14px 16px}.actions,.pe-top .right{flex-wrap:wrap}.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-page{flex-direction:column}.auth-promo{min-height:520px}}@media (width<=680px){.pgrid{grid-template-columns:1fr}.content,.canvas{padding:18px 14px 32px}.settings-layout,.lrow,.trash-top,.invite-form,.billing-grid{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.settings-nav{flex:none}.col,.col.sm{flex:none;width:auto}.pathhead h1,.titleinput{font-size:30px}.share-link-row,.dialog-foot.split,.acts{flex-direction:column;align-items:stretch}}@media print{body{background:#fff}.pe-top,.sidebar,.topbar,.dialog-overlay,.dialog-panel,.shot-tools,.addstep,.addimg,.inserter{display:none!important}.print-page,.print-doc{box-shadow:none;width:auto;height:auto;min-height:0}}