:root{color-scheme:light;--paper: #f6f2ec;--paper-2: #fbf8f4;--paper-3: #ffffff;--ink: #16181c;--ink-2: #40454e;--ink-3: #6b717c;--ink-4: #9aa0aa;--hair: rgba(22, 24, 28, .1);--hair-soft: rgba(22, 24, 28, .065);--hair-strong: rgba(22, 24, 28, .18);--peach: #ffc9a6;--sky: #a8cdff;--mint: #a9e9ce;--lilac: #d3c6ff;--blush: #ffc2d1;--glass: rgba(255, 255, 255, .56);--glass-strong: rgba(255, 255, 255, .72);--glass-faint: rgba(255, 255, 255, .4);--glass-solid: rgba(255, 255, 255, .88);--blur: saturate(180%) blur(40px);--blur-lg: saturate(180%) blur(56px);--blur-sm: saturate(160%) blur(20px);--rim: inset 0 1px 0 rgba(255, 255, 255, .92), inset 0 -1px 0 rgba(255, 255, 255, .35);--edge: 1px solid rgba(255, 255, 255, .7);--lift-sm: 0 1px 1px rgba(22, 24, 28, .04), 0 2px 6px -2px rgba(22, 24, 28, .08);--lift: 0 1px 1px rgba(22, 24, 28, .04), 0 6px 14px -6px rgba(22, 24, 28, .1), 0 30px 60px -28px rgba(22, 24, 28, .22);--lift-lg: 0 1px 1px rgba(22, 24, 28, .05), 0 10px 24px -10px rgba(22, 24, 28, .12), 0 60px 110px -40px rgba(22, 24, 28, .28);--lift-ink: 0 1px 1px rgba(22, 24, 28, .1), 0 8px 20px -8px rgba(22, 24, 28, .55), 0 22px 44px -22px rgba(22, 24, 28, .55);--accent: #2f6df0;--accent-soft: rgba(47, 109, 240, .12);--accent-500: #1a1d22;--accent-600: #16181c;--text-tertiary: var(--ink-3);--text-secondary: var(--ink-2);--fs-small: var(--t-small);--fs-caption: var(--t-caption);--border-hairline: 1px solid var(--hair-soft);--border-hairline-color: var(--hair-soft);--warning-500: #b4780f;--accent-ink: #1f4fb8;--positive: #1f8a5b;--positive-soft: rgba(31, 138, 91, .13);--caution: #b26a12;--caution-soft: rgba(178, 106, 18, .14);--critical: #b3372f;--critical-soft: rgba(179, 55, 47, .12);--r-xs: 8px;--r-sm: 12px;--r: 16px;--r-md: 20px;--r-lg: 26px;--r-xl: 34px;--r-full: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--t-micro: 11px;--t-caption: 12px;--t-small: 13px;--t-body: 14px;--t-body-lg: 15.5px;--t-h4: 18px;--t-h3: 22px;--t-h2: 28px;--t-h1: 34px;--t-display: clamp(34px, 5vw, 52px);--tracking-tight: -.021em;--tracking: -.011em;--leading-tight: 1.18;--leading: 1.55;--spring: cubic-bezier(.16, 1, .3, 1);--fast: .16s;--normal: .28s;--slow: .55s;--maxw: 1240px;--pad: clamp(20px, 5vw, 40px)}:root{--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E")}@media(prefers-reduced-motion:reduce){:root{--fast: .01ms;--normal: .01ms;--slow: .01ms}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:var(--t-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;padding:0}input,textarea,select{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}.glass{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--hair-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:var(--r-sm);font-size:var(--t-body);font-weight:550;transition:transform .12s ease,background .12s ease,opacity .12s ease;white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:#1a1d22;color:var(--paper-2);box-shadow:var(--lift-ink)}.btn-primary:hover{background:#24282f}.btn-secondary{background:var(--paper-3);border:1px solid var(--hair);box-shadow:var(--lift-sm)}.btn-secondary:hover{background:var(--paper-2)}.btn-ghost{color:var(--ink-2);border-radius:var(--r-xs);padding:6px 8px}.btn-ghost:hover{background:color-mix(in srgb,var(--ink-3) 12%,transparent);color:var(--ink)}.btn-danger{background:var(--critical);color:#fff}.btn[disabled]{opacity:.5;cursor:not-allowed}.input{width:100%;padding:9px 12px;border-radius:var(--r-sm);border:1px solid var(--hair);background:var(--paper-3);font-size:var(--t-body);outline:none;transition:box-shadow .18s ease,border-color .18s ease}.input:focus{background:#fff;border-color:#16181c6b;box-shadow:inset 0 1px #ffffffe6}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:var(--t-caption);font-weight:550;color:var(--ink-2)}.card{background:var(--paper-3);border-radius:var(--r);border:1px solid var(--hair-soft);box-shadow:var(--lift-sm)}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-full);font-size:var(--t-micro);font-weight:600}.auth-shell{--paper: #f6f2ec;--ink: #16181c;--ink-2: #40454e;--ink-3: #6b717c;--peach: #ffc9a6;--sky: #a8cdff;--mint: #a9e9ce;--lilac: #d3c6ff;--blush: #ffc2d1;--spring: cubic-bezier(.16, 1, .3, 1);position:relative;isolation:isolate;min-height:100%;display:grid;place-items:center;padding:32px 20px;background:var(--paper);color:var(--ink);overflow:hidden}.auth-aurora{position:absolute;top:-15vh;right:-10vw;bottom:-15vh;left:-10vw;z-index:0;pointer-events:none;contain:strict}.auth-aurora i{position:absolute;display:block;border-radius:50%;filter:blur(80px);opacity:.95}.auth-aurora .b1{width:62vw;height:62vw;max-width:820px;max-height:820px;top:-14vh;left:-6vw;opacity:.72;background:radial-gradient(circle at 50% 50%,var(--peach),rgba(255,201,166,0) 70%)}.auth-aurora .b2{width:66vw;height:66vw;max-width:900px;max-height:900px;top:-6vh;right:-10vw;opacity:.62;background:radial-gradient(circle at 50% 50%,var(--sky),rgba(168,205,255,0) 70%)}.auth-aurora .b3{width:58vw;height:58vw;max-width:760px;max-height:760px;top:34%;left:-14vw;opacity:.72;background:radial-gradient(circle at 50% 50%,var(--mint),rgba(169,233,206,0) 70%)}.auth-aurora .b4{width:54vw;height:54vw;max-width:700px;max-height:700px;top:48%;right:-8vw;opacity:.62;background:radial-gradient(circle at 50% 50%,var(--lilac),rgba(211,198,255,0) 70%)}.auth-aurora .b5{width:70vw;height:70vw;max-width:900px;max-height:900px;bottom:-18vh;left:16vw;opacity:.5;background:radial-gradient(circle at 50% 50%,var(--blush),rgba(255,194,209,0) 70%)}.auth-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.4;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E");background-size:260px 260px}.auth-card{position:relative;z-index:2;width:100%;max-width:428px;padding:40px 38px 34px;display:flex;flex-direction:column;gap:18px;border-radius:30px;background:#ffffffb8;backdrop-filter:saturate(180%) blur(56px);-webkit-backdrop-filter:saturate(180%) blur(56px);border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px #ffffffeb,inset 0 -1px #ffffff59,0 1px 1px #16181c0d,0 10px 24px -10px #16181c1f,0 60px 110px -40px #16181c47}.auth-card:after{content:"";position:absolute;left:10%;right:10%;bottom:-22px;height:32px;z-index:-1;border-radius:50%;filter:blur(9px);pointer-events:none;background:radial-gradient(50% 100% at 50% 0%,#16181c29,#16181c00 72%)}.auth-logo{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:640;letter-spacing:-.02em;color:var(--ink)}.auth-logo svg{color:var(--ink)}.auth-title{margin:6px 0 0;font-size:clamp(28px,4.4vw,34px);font-weight:400;line-height:1.12;letter-spacing:-.031em;color:var(--ink)}.auth-subtitle{margin:-8px 0 0;font-size:15.5px;line-height:1.55;letter-spacing:-.011em;color:var(--ink-3)}.auth-form{display:flex;flex-direction:column;gap:14px;margin-top:2px}.auth-field{display:flex;flex-direction:column;gap:7px}.auth-field>span{font-size:13px;font-weight:500;letter-spacing:-.006em;color:var(--ink-2)}.auth-input{width:100%;padding:13px 16px;border-radius:14px;font-size:15.5px;letter-spacing:-.011em;color:var(--ink);background:#ffffffa8;border:1px solid rgba(22,24,28,.1);box-shadow:inset 0 1px #fffc;outline:none;transition:border-color .4s var(--spring),box-shadow .4s var(--spring),background .4s var(--spring)}.auth-input::placeholder{color:var(--ink-3);opacity:.75}.auth-input:hover{border-color:#16181c2e}.auth-input:focus{background:#ffffffe6;border-color:#16181c57;box-shadow:inset 0 1px #ffffffe6,0 0 0 4px #16181c12}.auth-btn{position:relative;overflow:hidden;isolation:isolate;margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:999px;font-size:15.5px;font-weight:500;letter-spacing:-.012em;border:1px solid transparent;background:#1a1d22;color:#fbf8f4;box-shadow:0 1px 1px #16181c1a,0 8px 20px -8px #16181c8c,0 22px 44px -22px #16181c8c;transition:transform .55s var(--spring),box-shadow .55s var(--spring),background .55s var(--spring)}.auth-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000004d}.auth-btn:after{content:"";position:absolute;top:0;bottom:0;left:-130%;width:70%;z-index:1;pointer-events:none;transform:skew(-18deg);transition:left .9s var(--spring);background:linear-gradient(100deg,#fff0,#fff6,#fff0)}.auth-btn:hover:not([disabled]){background:#24282f}.auth-btn:hover:not([disabled]):after{left:135%}.auth-btn:active:not([disabled]){transform:scale(.975)}.auth-btn[disabled]{opacity:.6;cursor:not-allowed}.auth-links{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:var(--ink-3)}.auth-links a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid rgba(22,24,28,.2);padding-bottom:1px;transition:color .3s var(--spring),border-color .3s var(--spring)}.auth-links a:hover{color:var(--ink);border-color:#16181c80}.auth-pending{display:flex;gap:10px;align-items:center;font-size:15px;color:var(--ink-2)}.auth-error{padding:12px 14px;border-radius:14px;font-size:14px;line-height:1.5;color:#8c2f2f;background:#e2808029;border:1px solid rgba(140,47,47,.16)}.auth-success{padding:12px 14px;border-radius:14px;font-size:14px;line-height:1.5;color:#1f5f43;background:#a9e9ce52;border:1px solid rgba(31,95,67,.16)}@media(prefers-reduced-motion:reduce){.auth-btn,.auth-btn:after,.auth-input,.auth-links a{transition:none}}.dash{max-width:1080px;margin:0 auto;padding:32px 24px 80px}.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap}.dash h1{font-family:var(--font-display);font-size:var(--t-h2);font-weight:750;letter-spacing:-.02em;margin:0}.entry-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--hair-soft);transition:background .12s ease}.entry-row:last-child{border-bottom:none}.entry-row:hover{background:color-mix(in srgb,var(--ink-3) 6%,transparent)}.empty-state{text-align:center;padding:72px 24px;color:var(--ink-2)}.empty-state .icon{font-size:40px;margin-bottom:12px}.editor{display:grid;grid-template-rows:48px 1fr 34px;grid-template-columns:260px 1fr 300px;grid-template-areas:"top top top" "left canvas right" "bottom bottom bottom";height:100vh;overflow:hidden}.editor.hide-left{grid-template-columns:0 1fr 300px}.editor.hide-right{grid-template-columns:260px 1fr 0}.editor.hide-left.hide-right{grid-template-columns:0 1fr 0}.editor-top{grid-area:top;background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--hair-soft);display:flex;align-items:center;gap:10px;padding:0 12px;z-index:20;box-shadow:var(--lift-sm)}.editor-left{grid-area:left;background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);overflow-y:auto;overflow-x:hidden;z-index:10;border-right:1px solid var(--hair-soft)}.editor-right{grid-area:right;background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);overflow-y:auto;overflow-x:hidden;z-index:10;border-left:1px solid var(--hair-soft)}.editor-canvas{grid-area:canvas;flex:1;min-width:0;position:relative;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:24px;background:radial-gradient(circle at 1px 1px,rgba(22,24,28,.09) 1px,transparent 0);background-size:22px 22px}.canvas-frame{background:#fff;border:1px solid var(--hair-soft);border-radius:6px;box-shadow:var(--lift);overflow:hidden;transition:width .24s cubic-bezier(.16,1,.3,1);flex-shrink:0}.canvas-frame iframe{border:none;width:100%;height:100%;display:block;background:#fff}.editor-bottom{grid-area:bottom;background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-top:1px solid var(--hair-soft);display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:var(--t-micro);color:var(--ink-2);z-index:20}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:var(--t-body);font-weight:550;min-width:0}.breadcrumb .sep{color:var(--ink-4);font-size:11px}.breadcrumb-home{display:flex;align-items:center;gap:7px;min-width:0;padding:4px 7px;margin-left:-7px;border-radius:var(--r-sm);color:var(--ink-2);text-decoration:none;white-space:nowrap;transition:background var(--fast) var(--spring),color var(--fast) var(--spring)}.breadcrumb-home:hover{background:#16181c0d;color:var(--ink)}.breadcrumb-page{display:flex;align-items:center;gap:5px;min-width:0;padding:4px 7px;border-radius:var(--r-sm);font:inherit;color:var(--ink);cursor:pointer;transition:background var(--fast) var(--spring)}.breadcrumb-page:hover{background:#16181c0d}.breadcrumb-page>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-page svg{color:var(--ink-4);flex-shrink:0}.palette{flex:1;min-height:0;padding:0 12px;display:flex;flex-direction:column;gap:4px}.palette-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:16px}.search-field{position:relative;display:flex}.search-field>svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--ink-4)}.search-field>.input{padding-left:30px}.palette-search{flex-shrink:0;padding:0 0 8px;border-top:none}.palette-category{font-size:var(--t-micro);font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);padding:12px 6px 6px}.palette-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);cursor:grab;font-size:var(--t-body);font-weight:500;transition:background .1s ease,box-shadow .1s ease;-webkit-user-select:none;user-select:none}.palette-item:hover{background:var(--paper-3);box-shadow:var(--lift-sm)}.palette-item:active{cursor:grabbing}.palette-item .picon{width:26px;height:26px;border-radius:var(--r-xs);display:grid;place-items:center;background:#16181c12;color:var(--ink);flex-shrink:0}.inspector{padding:14px;display:flex;flex-direction:column;gap:14px}.inspector-title{font-size:var(--t-body-lg);font-weight:650;display:flex;align-items:center;justify-content:space-between}.inspector-tabs{display:flex;gap:2px;padding:3px;background:color-mix(in srgb,var(--ink-3) 10%,transparent);border-radius:var(--r-sm)}.inspector-tab{flex:1;text-align:center;padding:5px 0;border-radius:var(--r-xs);font-size:var(--t-caption);font-weight:550;color:var(--ink-2)}.inspector-tab[data-active=true]{background:var(--paper-3);color:var(--ink);box-shadow:var(--lift-sm)}.drawer{position:fixed;top:48px;right:0;bottom:34px;width:340px;z-index:40;box-shadow:var(--lift-lg);overflow-y:auto;animation:slide-in .24s cubic-bezier(.16,1,.3,1)}@keyframes slide-in{0%{transform:translate(24px);opacity:0}}.version-row{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--hair-soft);align-items:flex-start}.version-row:hover{background:color-mix(in srgb,var(--ink-3) 6%,transparent)}.version-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;flex-shrink:0;background:var(--ink-4)}.presence-avatars{display:flex;align-items:center}.avatar{width:26px;height:26px;border-radius:50%;background:#1a1d22;color:#fff;display:grid;place-items:center;font-size:var(--t-micro);font-weight:700;border:2px solid var(--paper-3);margin-left:-6px}.avatar:first-child{margin-left:0}.take-control-banner{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--r-full);box-shadow:var(--lift);font-size:var(--t-body);white-space:nowrap}.left-panel{display:flex;flex-direction:column;height:100%;min-height:0}.left-panel-body{flex:1;min-height:0;display:flex;overflow:hidden}.layers{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 12px}.layers-tree{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:16px}.layer-row,.layer-row *{-webkit-user-select:none;user-select:none}.layer-row{position:relative;touch-action:none;display:flex;align-items:center;gap:5px;padding:5px 8px 5px 0;min-height:27px;font-size:var(--t-caption);cursor:default;-webkit-user-select:none;user-select:none;border-radius:var(--r-xs)}.layer-row:hover{background:color-mix(in srgb,var(--ink-3) 8%,transparent)}.layer-row[data-selected]{background:#16181c13;color:var(--ink);font-weight:600}.layer-row[data-dragging]{opacity:.35;transition:opacity var(--fast) var(--spring)}.layer-row[data-drop=before]:after,.layer-row[data-drop=after]:after{content:"";position:absolute;left:6px;right:6px;height:2px;border-radius:2px;background:linear-gradient(90deg,#16181c00,#16181c57 10%,#16181c57 90%,#16181c00);animation:ui-fade-in .12s ease}.layer-row[data-drop=before]:after{top:-1px}.layer-row[data-drop=after]:after{bottom:-1px}.layer-row[data-drop=inside]{background:#16181c09;outline:1.5px dashed rgba(22,24,28,.26);outline-offset:-2px;border-radius:var(--r-sm)}.layer-twisty{display:grid;place-items:center;width:15px;height:15px;flex-shrink:0;border-radius:3px;color:var(--ink-3)}.layer-twisty:hover{background:color-mix(in srgb,var(--ink-3) 16%,transparent)}.layer-twisty svg{transition:transform .14s ease}.layer-name{flex-shrink:0;white-space:nowrap}.layer-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;color:var(--ink-3)}.layer-delete{margin-left:auto;flex-shrink:0;display:grid;place-items:center;width:19px;height:19px;border-radius:var(--r-xs);color:var(--ink-3);opacity:0}.layer-row:hover .layer-delete,.layer-row[data-selected] .layer-delete{opacity:1}.layer-delete:hover{background:color-mix(in srgb,var(--critical) 14%,transparent);color:var(--critical)}.motion-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.motion-preset{padding:9px 10px;border-radius:var(--r-sm);border:1px solid var(--hair);background:var(--paper-3);font-size:var(--t-caption);font-weight:550;color:var(--ink-2);text-align:left;transition:background .12s ease,border-color .12s ease,color .12s ease}.motion-preset:hover:not([disabled]){border-color:#16181c47}.motion-preset[data-active]{border-color:#16181c47;background:#16181c12;color:var(--ink)}.motion-preset[disabled]{opacity:.5;cursor:not-allowed}.motion-range{width:100%;accent-color:#1a1d22}.rule-preview{display:flex;flex-direction:column;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid var(--hair-soft)}.rule-preview-bar{height:5px;border-radius:var(--r-full);background:color-mix(in srgb,var(--ink-3) 14%,transparent);overflow:hidden}.rule-preview-bar>span{display:block;height:100%;border-radius:var(--r-full);background:#16181c8c;transition:width .16s ease}.rule-preview-caption{font-size:var(--t-micro);color:var(--ink-3);line-height:1.45}.rule-preview-issue{display:flex;gap:7px;align-items:flex-start;padding:7px 9px;border-radius:var(--r-xs);font-size:var(--t-micro);line-height:1.45;background:color-mix(in srgb,var(--caution) 13%,transparent)}.rule-preview-issue[data-level=error]{background:color-mix(in srgb,var(--critical) 12%,transparent)}.rule-preview-issue svg{flex-shrink:0;margin-top:2px}.devtools-status{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--r-xs);font-size:var(--t-caption);background:color-mix(in srgb,var(--caution) 12%,transparent);color:var(--warning-600, var(--ink))}.devtools-status[data-connected=true]{background:color-mix(in srgb,var(--positive) 12%,transparent);color:var(--success-600, var(--ink))}.devtools-grid{display:grid;grid-template-columns:132px minmax(0,1fr);gap:7px 12px;align-items:baseline;font-size:var(--t-caption)}.devtools-grid code{font-family:var(--font-mono, ui-monospace, monospace);font-size:var(--t-micro);overflow-wrap:anywhere}.devtools-warning{display:flex;gap:8px;padding:10px 12px;border-radius:var(--r-xs);font-size:var(--t-caption);line-height:1.5;background:color-mix(in srgb,var(--critical) 10%,transparent)}.devtools-log{max-height:220px;overflow-y:auto;border:1px solid var(--hair-soft);border-radius:var(--r-xs)}.devtools-log-row{display:grid;grid-template-columns:14px 62px 128px minmax(0,1fr);gap:8px;align-items:center;padding:5px 10px;font-size:var(--t-micro);white-space:nowrap}.devtools-log-row+.devtools-log-row{border-top:1px solid var(--hair-soft)}.devtools-log-row code{font-family:var(--font-mono, ui-monospace, monospace)}.rich-text{display:flex;flex-direction:column;gap:6px}.rich-text-toolbar{display:flex;flex-wrap:nowrap;gap:0;padding:3px;border-radius:var(--r-xs);background:color-mix(in srgb,var(--ink-3) 7%,transparent)}.rich-text-toolbar .btn{padding:4px 5px;flex:0 0 auto}.rich-text-toolbar .btn[data-active]{background:var(--paper-3);color:var(--ink);box-shadow:var(--lift-sm)}.rich-text-divider{width:1px;align-self:stretch;margin:2px;flex:0 0 auto;background:var(--hair)}.rich-text-link{display:flex;gap:4px;align-items:center}.rich-text-editor{min-height:108px;max-height:320px;overflow-y:auto;line-height:1.55;cursor:text;white-space:pre-wrap}.rich-text-editor:focus-visible{outline:none;box-shadow:0 0 0 3.5px #16181c12;border-radius:var(--r-xs)}.rich-text-editor>:first-child{margin-top:0}.rich-text-editor>:last-child{margin-bottom:0}.rich-text-editor p,.rich-text-editor ul,.rich-text-editor ol,.rich-text-editor blockquote{margin:0 0 8px}.rich-text-editor h2{font-size:17px;margin:0 0 6px}.rich-text-editor h3{font-size:15px;margin:0 0 6px}.rich-text-editor ul,.rich-text-editor ol{padding-left:20px}.rich-text-editor blockquote{padding-left:10px;border-left:2px solid var(--hair);color:var(--ink-2)}.rich-text-editor a{color:var(--accent);text-decoration:underline}.rich-text-editor code{font-family:var(--font-mono, ui-monospace, monospace);font-size:.9em;padding:1px 4px;border-radius:4px;background:color-mix(in srgb,var(--ink-3) 12%,transparent)}.symbol-banner{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--hair-soft);font-size:var(--t-body);z-index:30}.symbol-banner>span:first-of-type{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.symbol-banner .btn:first-of-type{margin-left:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:grid;place-items:center;z-index:100;animation:fade-in .18s ease}@keyframes fade-in{0%{opacity:0}}.modal{width:100%;max-width:440px;padding:24px;display:flex;flex-direction:column;gap:16px;animation:pop-in .24s cubic-bezier(.16,1,.3,1);max-height:85vh;overflow-y:auto}@keyframes pop-in{0%{transform:scale(.96);opacity:0}}.modal h3{margin:0;font-size:var(--t-h4);font-weight:650}.dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;padding:6px;border-radius:var(--r);box-shadow:var(--lift);z-index:50;background:var(--paper-3);border:1px solid var(--hair-soft);animation:pop-in .18s cubic-bezier(.16,1,.3,1)}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:var(--r-xs);font-size:var(--t-body);text-align:left}.dropdown-item:hover{background:color-mix(in srgb,var(--ink-3) 10%,transparent)}.toast{position:fixed;bottom:48px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;padding:9px 16px 9px 10px;border-radius:var(--r-full);background:#1a1d22eb;backdrop-filter:saturate(160%) blur(16px);-webkit-backdrop-filter:saturate(160%) blur(16px);color:#fbf8f4;font-size:var(--t-small);font-weight:520;z-index:200;box-shadow:var(--lift-lg),inset 0 1px #ffffff1f;animation:toast-in .26s cubic-bezier(.16,1,.3,1)}.toast-check{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#4ec88c38;color:#6fe0a8;flex-shrink:0}@keyframes toast-in{0%{transform:translate(-50%,8px);opacity:0}}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.palette-group+.palette-group{border-top:1px solid var(--hair-soft)}.palette-group h3{margin:0}.palette-group-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:12px;font-size:var(--t-micro);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-4);cursor:pointer}.palette-group-trigger svg{margin-left:auto;transition:transform var(--normal) var(--spring)}.palette-group-trigger[data-state=open] svg{transform:rotate(180deg)}.palette-group-trigger:hover{color:var(--ink-2)}.palette-empty{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;margin:6px 0;border-radius:var(--r-sm);background:#16181c09;font-size:var(--t-caption);color:var(--ink-3)}.palette-empty button{padding:3px 8px;border-radius:var(--r-xs);font:inherit;font-weight:550;color:var(--ink);cursor:pointer;background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--hair-soft)}.palette-group-content{overflow:hidden}.palette-group-content .palette-item:last-child{margin-bottom:10px}.palette-group-content[data-state=open]{animation:ui-acc-down var(--normal) var(--spring)}.palette-group-content[data-state=closed]{animation:ui-acc-up var(--fast) var(--spring)}.inspector-idle{display:grid;place-items:center;padding:56px 0;color:var(--ink-4);opacity:.5}.icon-trigger{display:flex;align-items:center;gap:9px;width:100%;padding:6px 8px;border-radius:var(--r-sm);background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--hair-soft);cursor:pointer;font-size:var(--t-caption);color:var(--ink-2);transition:box-shadow var(--fast) var(--spring)}.icon-trigger:hover:not(:disabled){box-shadow:inset 0 0 0 1px #16181c33}.icon-trigger:disabled{opacity:.55;cursor:not-allowed}.icon-trigger-glyph{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#16181c0d;color:var(--ink)}.icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;max-height:220px;overflow-y:auto}.icon-cell{display:grid;place-items:center;aspect-ratio:1;border-radius:var(--r-xs);color:var(--ink-2);cursor:pointer;transition:background var(--fast) var(--spring),color var(--fast) var(--spring)}.icon-cell:hover{background:#16181c0f;color:var(--ink)}.icon-cell[data-active]{background:#16181c17;color:var(--ink)}.icon-none{grid-column:1 / -1;padding:14px 0;text-align:center;font-size:var(--t-caption);color:var(--ink-4)}.save-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-full);font-size:var(--t-caption);font-weight:520;color:var(--ink-2);background:#16181c0a;transition:background var(--normal) var(--spring),color var(--normal) var(--spring)}.save-chip-dot{width:6px;height:6px;border-radius:50%;background:#2e9e6b;box-shadow:0 0 0 3px #2e9e6b29}.save-chip[data-state=saving]{color:var(--ink-2)}.save-chip-spin{animation:spin .9s linear infinite}.save-chip[data-state=error]{color:#a83232;background:#c83c3c14}.ui-btn:active:not(:disabled),.btn:active:not(:disabled),.palette-item:active,.shell-nav-item:active,.icon-cell:active,.color-chip:active{transform:scale(.97)}.ui-btn,.btn{transition:transform 90ms ease,background var(--fast) var(--spring),color var(--fast) var(--spring),box-shadow var(--fast) var(--spring),border-color var(--fast) var(--spring)}.pub-btn-live{background:#1f8a5b!important;animation:pub-live-pulse .6s ease}@keyframes pub-live-pulse{0%{box-shadow:0 0 #1f8a5b73}to{box-shadow:0 0 0 14px #1f8a5b00}}.ui-glass{position:relative;background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:var(--edge);border-radius:var(--r-lg);box-shadow:var(--rim),var(--lift)}.ui-glass[data-strong]{background:var(--glass-strong);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);box-shadow:var(--rim),var(--lift-lg)}.ui-glass[data-flat]{box-shadow:var(--rim),var(--lift-sm)}.ui-glass[data-contact]:after{content:"";position:absolute;left:8%;right:8%;bottom:-18px;height:28px;z-index:-1;border-radius:50%;filter:blur(9px);pointer-events:none;background:radial-gradient(50% 100% at 50% 0%,#16181c26,#16181c00 72%)}.ui-panel{background:var(--glass-solid);border:1px solid var(--hair-soft);border-radius:var(--r);box-shadow:var(--lift-sm)}.ui-aurora{position:fixed;top:-15vh;right:-10vw;bottom:-15vh;left:-10vw;z-index:0;pointer-events:none;contain:strict}.ui-aurora i{position:absolute;display:block;border-radius:50%;filter:blur(80px);opacity:.95}.ui-aurora .b1{width:62vw;height:62vw;max-width:820px;max-height:820px;top:-14vh;left:-6vw;opacity:.72;background:radial-gradient(circle at 50% 50%,var(--peach),rgba(255,201,166,0) 70%)}.ui-aurora .b2{width:66vw;height:66vw;max-width:900px;max-height:900px;top:-6vh;right:-10vw;opacity:.62;background:radial-gradient(circle at 50% 50%,var(--sky),rgba(168,205,255,0) 70%)}.ui-aurora .b3{width:58vw;height:58vw;max-width:760px;max-height:760px;top:34%;left:-14vw;opacity:.72;background:radial-gradient(circle at 50% 50%,var(--mint),rgba(169,233,206,0) 70%)}.ui-aurora .b4{width:54vw;height:54vw;max-width:700px;max-height:700px;top:48%;right:-8vw;opacity:.62;background:radial-gradient(circle at 50% 50%,var(--lilac),rgba(211,198,255,0) 70%)}.ui-aurora .b5{width:70vw;height:70vw;max-width:900px;max-height:900px;bottom:-18vh;left:16vw;opacity:.5;background:radial-gradient(circle at 50% 50%,var(--blush),rgba(255,194,209,0) 70%)}.ui-grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.4;mix-blend-mode:multiply;background-image:var(--grain);background-size:260px 260px}.ui-btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:9px 16px;border-radius:var(--r-full);border:1px solid transparent;font-family:var(--font);font-size:var(--t-body);font-weight:500;letter-spacing:var(--tracking);line-height:1.2;white-space:nowrap;cursor:pointer;transition:transform var(--slow) var(--spring),box-shadow var(--slow) var(--spring),background var(--slow) var(--spring),color var(--slow) var(--spring)}.ui-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #0000000f}.ui-btn:after{content:"";position:absolute;top:0;bottom:0;left:-130%;width:70%;z-index:1;pointer-events:none;transform:skew(-18deg);transition:left .9s var(--spring);background:linear-gradient(100deg,#fff0,#ffffff80,#fff0)}.ui-btn:hover:not(:disabled):after{left:135%}.ui-btn:active:not(:disabled){transform:scale(.97)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn[data-loading]:disabled{opacity:.82;cursor:progress}.ui-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #16181c24}.ui-btn[data-variant=primary]{background:#1a1d22;color:var(--paper-2);box-shadow:var(--lift-ink)}.ui-btn[data-variant=primary]:before{box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000004d}.ui-btn[data-variant=primary]:hover:not(:disabled){background:#24282f}.ui-btn[data-variant=secondary]{background:var(--glass-strong);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border-color:#ffffffb3;color:var(--ink);box-shadow:var(--rim),var(--lift-sm)}.ui-btn[data-variant=secondary]:hover:not(:disabled){background:#ffffffdb}.ui-btn[data-variant=ghost]{background:transparent;color:var(--ink-2);box-shadow:none}.ui-btn[data-variant=ghost]:before{box-shadow:none}.ui-btn[data-variant=ghost]:after{display:none}.ui-btn[data-variant=ghost]:hover:not(:disabled){background:#16181c0e;color:var(--ink)}.ui-btn[data-variant=ghost][data-active]{background:#16181c13;color:var(--ink)}.ui-btn[data-variant=danger]{background:var(--critical);color:#fff;box-shadow:var(--lift-sm)}.ui-btn[data-variant=danger]:hover:not(:disabled){background:#9c2f28}.ui-btn[data-size=sm]{padding:6px 12px;font-size:var(--t-small)}.ui-btn[data-size=lg]{padding:13px 26px;font-size:var(--t-body-lg)}.ui-btn[data-icon]{padding:7px;border-radius:var(--r-sm)}.ui-btn[data-icon][data-size=sm]{padding:5px}.ui-btn[data-block]{width:100%}.ui-field{display:flex;flex-direction:column;gap:6px;min-width:0}.ui-label{font-size:var(--t-caption);font-weight:500;letter-spacing:-.004em;color:var(--ink-2)}.ui-hint{font-size:var(--t-caption);line-height:1.45;color:var(--ink-3)}.ui-hint[data-tone=critical]{color:var(--critical)}.ui-input,.ui-textarea{width:100%;padding:9px 12px;border-radius:var(--r-sm);font-family:var(--font);font-size:var(--t-body);letter-spacing:var(--tracking);color:var(--ink);background:#ffffffa8;border:1px solid var(--hair);box-shadow:inset 0 1px #fffc;outline:none;transition:border-color var(--normal) var(--spring),box-shadow var(--normal) var(--spring),background var(--normal) var(--spring)}.ui-textarea{min-height:76px;line-height:1.5;resize:vertical}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--ink-4)}.ui-input:hover:not(:disabled),.ui-textarea:hover:not(:disabled){border-color:var(--hair-strong)}.ui-input:focus,.ui-textarea:focus{background:#fff;border-color:#16181c6b;box-shadow:inset 0 1px #ffffffe6}.ui-input:disabled,.ui-textarea:disabled{opacity:.55;cursor:not-allowed}.ui-input[data-size=sm]{padding:6px 10px;font-size:var(--t-small)}.ui-select{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--s-2);width:100%;padding:9px 12px;border-radius:var(--r-sm);font-family:var(--font);font-size:var(--t-body);letter-spacing:var(--tracking);color:var(--ink);text-align:left;background:#ffffffa8;border:1px solid var(--hair);box-shadow:inset 0 1px #fffc;cursor:pointer;transition:border-color var(--normal) var(--spring),box-shadow var(--normal) var(--spring)}.ui-select:hover:not(:disabled){border-color:var(--hair-strong)}.ui-select:focus-visible,.ui-select[data-state=open]{outline:none;border-color:#16181c57;box-shadow:inset 0 1px #ffffffe6,0 0 0 3.5px #16181c12}.ui-select:disabled{opacity:.55;cursor:not-allowed}.ui-select svg{flex-shrink:0;color:var(--ink-3)}.ui-select [data-placeholder]{color:var(--ink-4)}.ui-float{z-index:90;min-width:180px;padding:5px;border-radius:var(--r-sm);background:#ffffffd1;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:var(--edge);box-shadow:var(--rim),var(--lift);transform-origin:var(--radix-popper-transform-origin);animation:ui-float-in var(--fast) var(--spring)}@keyframes ui-float-in{0%{opacity:0;transform:scale(.96) translateY(-3px)}to{opacity:1;transform:none}}.ui-float[data-state=closed]{animation:ui-float-out .12s ease forwards}@keyframes ui-float-out{to{opacity:0;transform:scale(.97)}}.ui-item{display:flex;align-items:center;gap:var(--s-2);width:100%;padding:7px 10px;border-radius:var(--r-xs);font-size:var(--t-body);letter-spacing:var(--tracking);color:var(--ink-2);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.ui-item[data-highlighted],.ui-item:hover{background:#16181c0f;color:var(--ink)}.ui-item[data-state=checked]{color:var(--ink);font-weight:500}.ui-item[data-disabled]{opacity:.45;pointer-events:none}.ui-item[data-tone=critical]{color:var(--critical)}.ui-item[data-tone=critical][data-highlighted]{background:var(--critical-soft)}.ui-item-hint{margin-left:auto;padding-left:var(--s-4);font-size:var(--t-micro);color:var(--ink-4);font-family:var(--font-mono)}.ui-separator{height:1px;margin:4px 6px;background:var(--hair-soft)}.ui-menu-label{padding:7px 10px 5px;font-size:var(--t-micro);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-4)}.ui-tabs{position:relative;display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:var(--r-full);background:#16181c0e}.ui-tab{position:relative;z-index:1;padding:6px 14px;border-radius:var(--r-full);font-size:var(--t-small);font-weight:500;letter-spacing:var(--tracking);color:var(--ink-3);cursor:pointer;white-space:nowrap;transition:color var(--normal) var(--spring)}.ui-tab:hover{color:var(--ink-2)}.ui-tab[data-state=active]{color:var(--ink)}.ui-tab-indicator{position:absolute;z-index:0;top:3px;bottom:3px;border-radius:var(--r-full);background:var(--paper-3);box-shadow:var(--lift-sm),inset 0 1px #ffffffe6;transition:left var(--normal) var(--spring),width var(--normal) var(--spring)}.ui-tabs[data-block]{display:flex;width:100%}.ui-tabs[data-block] .ui-tab{flex:1 1 0;min-width:0;padding:6px;text-align:center;overflow:hidden;text-overflow:ellipsis}.ui-tab-panel{outline:none;animation:ui-panel-in var(--normal) var(--spring)}@keyframes ui-panel-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.ui-checkbox{display:grid;place-items:center;width:17px;height:17px;flex-shrink:0;border-radius:5px;border:1px solid var(--hair-strong);background:#fffc;box-shadow:inset 0 1px #ffffffe6;cursor:pointer;transition:background var(--fast) var(--spring),border-color var(--fast) var(--spring)}.ui-checkbox:hover:not([data-disabled]){border-color:var(--ink-3)}.ui-checkbox[data-state=checked],.ui-checkbox[data-state=indeterminate]{background:#1a1d22;border-color:#1a1d22;color:#fff}.ui-checkbox:focus-visible{outline:none;box-shadow:0 0 0 3px #16181c24}.ui-checkbox[data-disabled]{opacity:.5;cursor:not-allowed}.ui-check-row{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-body);color:var(--ink-2);cursor:pointer;min-width:0}.ui-switch{position:relative;width:38px;height:22px;flex-shrink:0;border-radius:var(--r-full);background:#16181c29;border:none;cursor:pointer;transition:background var(--normal) var(--spring)}.ui-switch[data-state=checked]{background:#1a1d22}.ui-switch:focus-visible{outline:none;box-shadow:0 0 0 3px #16181c24}.ui-switch[data-disabled]{opacity:.5;cursor:not-allowed}.ui-switch-thumb{display:block;width:18px;height:18px;border-radius:var(--r-full);background:#fff;box-shadow:0 1px 3px #16181c4d;transform:translate(2px);transition:transform var(--normal) var(--spring)}.ui-switch-thumb[data-state=checked]{transform:translate(18px)}.ui-segmented{display:inline-flex;gap:2px;padding:3px;border-radius:var(--r-sm);background:#16181c0e}.ui-segment{display:grid;place-items:center;padding:5px 9px;border-radius:9px;color:var(--ink-3);cursor:pointer;transition:background var(--fast) var(--spring),color var(--fast) var(--spring),box-shadow var(--fast) var(--spring)}.ui-segment:hover{color:var(--ink-2)}.ui-segment[data-active]{background:var(--paper-3);color:var(--ink);box-shadow:var(--lift-sm),inset 0 1px #ffffffe6}.ui-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-full);font-size:var(--t-micro);font-weight:600;letter-spacing:.01em;white-space:nowrap;background:#16181c12;color:var(--ink-2)}.ui-badge[data-tone=positive]{background:var(--positive-soft);color:var(--positive)}.ui-badge[data-tone=caution]{background:var(--caution-soft);color:var(--caution)}.ui-badge[data-tone=critical]{background:var(--critical-soft);color:var(--critical)}.ui-badge[data-tone=accent]{background:var(--accent-soft);color:var(--accent-ink)}.ui-dot{width:7px;height:7px;border-radius:var(--r-full);flex-shrink:0}.ui-tooltip{z-index:100;padding:6px 10px;border-radius:var(--r-xs);font-size:var(--t-caption);letter-spacing:var(--tracking);color:var(--paper-2);background:#1a1d22f0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--lift-sm);animation:ui-float-in var(--fast) var(--spring)}.ui-tooltip-kbd{margin-left:6px;font-family:var(--font-mono);font-size:var(--t-micro);opacity:.65}.ui-accordion-item+.ui-accordion-item{border-top:1px solid var(--hair-soft)}.ui-accordion-trigger{display:flex;align-items:center;gap:var(--s-2);width:100%;padding:11px 2px;font-size:var(--t-body);font-weight:500;color:var(--ink);cursor:pointer;text-align:left}.ui-accordion-trigger svg{margin-left:auto;color:var(--ink-3);transition:transform var(--normal) var(--spring)}.ui-accordion-trigger[data-state=open] svg{transform:rotate(180deg)}.ui-accordion-content{overflow:hidden;font-size:var(--t-body);color:var(--ink-2)}.ui-accordion-content[data-state=open]{animation:ui-acc-down var(--normal) var(--spring)}.ui-accordion-content[data-state=closed]{animation:ui-acc-up var(--fast) var(--spring)}@keyframes ui-acc-down{0%{height:0;opacity:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes ui-acc-up{0%{height:var(--radix-accordion-content-height);opacity:1}to{height:0;opacity:0}}.ui-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#16181c38;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:ui-fade-in var(--normal) var(--spring)}.ui-overlay[data-state=closed]{animation:ui-fade-out var(--fast) ease forwards}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-fade-out{to{opacity:0}}.ui-dialog{position:fixed;z-index:71;top:50%;left:50%;width:min(92vw,460px);max-height:88vh;overflow-y:auto;padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-4);border-radius:var(--r-lg);background:#ffffffdb;backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:var(--edge);box-shadow:var(--rim),var(--lift-lg);transform:translate(-50%,-50%);animation:ui-dialog-in var(--normal) var(--spring)}.ui-dialog[data-state=closed]{animation:ui-dialog-out var(--fast) ease forwards}@keyframes ui-dialog-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes ui-dialog-out{to{opacity:0;transform:translate(-50%,-50%) scale(.98)}}.ui-dialog-title{margin:0;font-family:var(--font-display);font-size:var(--t-h4);font-weight:550;letter-spacing:var(--tracking-tight);color:var(--ink)}.ui-dialog-desc{margin:-8px 0 0;font-size:var(--t-body);line-height:1.5;color:var(--ink-3)}.ui-dialog-actions{display:flex;gap:var(--s-2);justify-content:flex-end;margin-top:var(--s-1)}.ui-row{display:flex;align-items:center;gap:var(--s-2)}.ui-col{display:flex;flex-direction:column;gap:var(--s-3)}.ui-spacer{flex:1}.ui-truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-empty{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-12) var(--s-6);text-align:center;color:var(--ink-3)}.ui-empty-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:var(--s-1);border-radius:var(--r);background:#16181c0d;color:var(--ink-4)}.ui-empty-title{font-size:var(--t-body-lg);font-weight:500;color:var(--ink)}.ui-spin{animation:ui-spin .9s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ds{position:relative;isolation:isolate;min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--font);letter-spacing:var(--tracking)}.ds-inner{position:relative;z-index:2;max-width:940px;margin:0 auto;padding:var(--s-16) var(--pad) var(--s-16);display:flex;flex-direction:column;gap:var(--s-12)}.ds-head h1{margin:0;font-family:var(--font-display);font-size:var(--t-h2);font-weight:450;letter-spacing:var(--tracking-tight)}.ds-head p{margin:var(--s-2) 0 0;max-width:60ch;font-size:var(--t-body-lg);line-height:var(--leading);color:var(--ink-3)}.ds-section h2{margin:0 0 var(--s-4);font-size:var(--t-micro);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-4)}.ds-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3)}.ds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:var(--s-4)}.ds-note{margin:var(--s-2) 0 0;font-size:var(--t-body);line-height:1.55;color:var(--ink-3)}.hist{position:absolute;top:var(--s-3);right:var(--s-3);bottom:var(--s-3);z-index:25;width:336px;max-width:calc(100vw - var(--s-6));display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;animation:hist-in var(--normal) var(--spring)}@keyframes hist-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.hist-head{display:flex;align-items:center;gap:var(--s-2);padding:12px 12px 12px 16px;border-bottom:1px solid var(--hair-soft)}.hist-title{display:flex;align-items:center;gap:8px;flex:1;font-size:var(--t-body);font-weight:600}.hist-previewing{display:flex;flex-direction:column;gap:var(--s-3);padding:12px 16px;background:var(--accent-soft);border-bottom:1px solid var(--hair-soft);font-size:var(--t-caption)}.hist-previewing>div:first-child{display:flex;flex-direction:column;gap:1px}.hist-previewing b{font-size:var(--t-body)}.hist-previewing span{color:var(--ink-3)}.hist-list{flex:1;min-height:0;overflow-y:auto;padding:6px}.hist-loading{display:grid;place-items:center;padding:var(--s-10);color:var(--ink-3)}.hist-row{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border-radius:var(--r-xs);text-align:left;cursor:pointer;transition:background var(--fast) var(--spring)}.hist-row:hover{background:#16181c0d}.hist-row[data-active]{background:var(--paper-3);box-shadow:var(--lift-sm),inset 0 1px #ffffffe6}.hist-row .hist-row-action{opacity:0;transition:opacity var(--fast) var(--spring)}.hist-row svg{color:var(--ink-3);flex-shrink:0}.hist-row-action{opacity:0;transition:opacity var(--fast) var(--spring)}.hist-row:hover .hist-row-action{opacity:1}.hist-dot{width:7px;height:7px;flex-shrink:0;border-radius:var(--r-full);background:var(--ink-4)}.hist-dot[data-live]{background:var(--positive)}.hist-row-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.hist-row-top{display:flex;align-items:center;gap:6px;font-size:var(--t-small)}.hist-row-meta{font-size:var(--t-micro);color:var(--ink-3)}.hist-auto{padding:1px 6px;border-radius:var(--r-full);background:#16181c12;font-size:var(--t-micro);color:var(--ink-3)}.pub{display:flex;flex-direction:column;gap:var(--s-3)}.pub-head{display:flex;align-items:center;gap:var(--s-2)}.pub-title{flex:1;font-size:var(--t-body);font-weight:600}.pub-diff{max-height:178px;overflow-y:auto;padding:10px 12px;border-radius:var(--r-sm);background:#16181c09;font-size:var(--t-caption)}.pub-note{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:var(--r-sm);font-size:var(--t-caption);color:var(--caution);background:var(--caution-soft)}.pub-envs{display:flex;flex-direction:column;gap:2px}.pub-env{display:flex;align-items:center;gap:8px;padding:8px;border-radius:var(--r-xs);font-size:var(--t-body);cursor:pointer;transition:background var(--fast) var(--spring)}.pub-env:hover{background:#16181c0d}.pub-env-name{flex:1}.pub-protected,.pub-live{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:var(--r-full);font-size:var(--t-micro);font-weight:600}.pub-protected{background:var(--caution-soft);color:var(--caution)}.pub-live{background:var(--positive-soft);color:var(--positive)}.pub-actions{display:flex;gap:var(--s-2);align-items:stretch}.pub-actions .ui-btn[data-icon]{border-radius:var(--r-full);padding:0 14px}.pub-error{padding:9px 11px;border-radius:var(--r-sm);font-size:var(--t-caption);color:var(--critical);background:var(--critical-soft)}.vc{display:flex;flex-direction:column;gap:var(--s-3);padding:11px;border-radius:var(--r-sm);border:1px solid var(--hair-soft);background:#ffffff80}.vc-head{display:flex;align-items:center;gap:var(--s-2)}.vc-head code{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--ink-2)}.vc-head .ui-segment{font-size:var(--t-micro);padding:4px 8px}.vc-note{margin:0;font-size:var(--t-micro);line-height:1.5;color:var(--ink-3)}.vc-label{display:flex;align-items:center;gap:8px}.vc-reset{margin-left:auto;padding:1px 7px;border-radius:var(--r-full);background:#16181c0f;font-size:var(--t-micro);color:var(--ink-3);cursor:pointer}.vc-reset:hover{background:#16181c1c;color:var(--ink)}.ui-drawer{position:fixed;z-index:71;top:var(--s-3);right:var(--s-3);bottom:var(--s-3);width:min(92vw,372px);display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r);background:var(--glass-strong);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:var(--edge);box-shadow:var(--rim),var(--lift-lg);animation:ui-drawer-in var(--normal) var(--spring)}.ui-drawer[data-state=closed]{animation:ui-drawer-out .22s var(--spring) forwards}@keyframes ui-drawer-in{0%{opacity:0;transform:translate(calc(100% + var(--s-3)))}to{opacity:1;transform:none}}@keyframes ui-drawer-out{0%{opacity:1;transform:none}to{opacity:0;transform:translate(calc(100% + var(--s-3)))}}.ui-drawer-head{display:flex;align-items:center;gap:var(--s-2);padding:14px 12px 14px 18px;border-bottom:1px solid var(--hair-soft)}.ui-drawer-title{display:flex;align-items:center;gap:8px;flex:1;margin:0;font-size:var(--t-body);font-weight:600;letter-spacing:var(--tracking)}.ui-drawer-body{flex:1;min-height:0;overflow-y:auto}.ui-drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:transparent;animation:ui-fade-in var(--fast) ease}.ui-logo{display:inline-flex;align-items:center;flex-shrink:0;gap:10px;font-family:var(--font-display);font-weight:640;letter-spacing:-.02em;color:var(--ink)}.ui-logo svg{display:block}.ui-logo-mark{display:grid;place-items:center;flex-shrink:0;border-radius:32%;background:conic-gradient(from 200deg,#6ea8ff,#8a5cff,#ff5cc8,#ffd36e,#5ff0e0,#6ea8ff);box-shadow:inset 0 1px #ffffffd9,inset 0 -1px #16181c38,0 3px 12px -3px #785aff73}.ui-logo-mark:after{content:"";width:57%;height:57%;border-radius:24%;background:var(--paper-2)}.ui-skeleton{display:block;width:100%;border-radius:var(--r-xs);background:linear-gradient(100deg,#16181c0d 40%,#16181c17,#16181c0d 60%);background-size:200% 100%;animation:ui-shimmer 1.4s ease-in-out infinite}@keyframes ui-shimmer{0%{background-position:120% 0}to{background-position:-80% 0}}@media(prefers-reduced-motion:reduce){.ui-skeleton{animation:none}}.ui-empty-art{display:grid;grid-template-columns:repeat(3,52px);gap:7px;justify-content:center;margin-bottom:var(--s-2);animation:ui-fade-in var(--normal) ease}.ui-empty-art[data-rows]{grid-template-columns:1fr;width:150px;justify-items:center}.ui-empty-art[data-people]{grid-template-columns:repeat(3,auto);align-items:center}.ui-empty-art span{display:block;border-radius:7px;background:#16181c0f;box-shadow:inset 0 1px #ffffffb3}.ui-empty-art span[data-round]{border-radius:50%}.ui-empty-art span[data-round]+span[data-round]{margin-left:-10px}.shell{position:relative;isolation:isolate;min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr);gap:var(--s-6);padding:var(--s-6);background:var(--paper);color:var(--ink);font-family:var(--font);letter-spacing:var(--tracking)}.shell-side{position:sticky;top:var(--s-6);z-index:3;height:calc(100vh - var(--s-6) * 2);display:flex;flex-direction:column;padding:var(--s-4);border-radius:var(--r-lg)}.shell-side-head{display:flex;align-items:center;gap:var(--s-2)}.shell-side-close{display:none}.shell-ws{display:flex;align-items:center;gap:11px;width:100%;min-width:0;padding:8px;border-radius:var(--r-sm);text-align:left;cursor:pointer;transition:background var(--fast) var(--spring)}.shell-ws:hover{background:#16181c0d}.shell-ws>span:nth-child(2){display:flex;flex-direction:column;flex:1}.shell-ws svg:last-child{color:var(--ink-3);flex-shrink:0}.shell-ws-mark{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:9px;background:var(--paper-3);color:var(--ink);box-shadow:var(--lift-sm),inset 0 1px #ffffffe6}.shell-ws-name{font-size:var(--t-body);font-weight:560;letter-spacing:-.014em}.shell-ws-plan{font-size:var(--t-micro);text-transform:capitalize;color:var(--ink-3)}.shell-nav{display:flex;flex-direction:column;gap:2px;margin-top:var(--s-5);flex:1;min-height:0;overflow-y:auto}.shell-nav-item{position:relative;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-sm);font-size:var(--t-body);font-weight:500;color:var(--ink-2);text-decoration:none;transition:background var(--fast) var(--spring),color var(--fast) var(--spring)}.shell-nav-item svg{color:var(--ink-3);transition:color var(--fast) var(--spring)}.shell-nav-item:hover{background:#16181c0d;color:var(--ink)}.shell-nav-item:hover svg{color:var(--ink-2)}.shell-nav-item[data-active]{background:var(--paper-3);color:var(--ink);box-shadow:var(--lift-sm),inset 0 1px #ffffffe6}.shell-nav-item[data-active] svg{color:var(--ink)}.shell-side-foot{margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--hair-soft)}.shell-account{display:flex;align-items:center;gap:var(--s-2);width:100%;min-width:0;padding:7px 8px;border-radius:var(--r-sm);text-align:left;cursor:pointer;transition:background var(--fast) var(--spring)}.shell-account:hover{background:#16181c0d}.shell-account>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.shell-avatar{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:var(--r-full);background:#1a1d22;color:var(--paper-2);font-size:var(--t-caption);font-weight:600}.shell-account-name{font-size:var(--t-small);font-weight:550}.shell-account-mail{font-size:var(--t-micro);color:var(--ink-3)}.shell-main{position:relative;z-index:2;min-width:0;width:100%;padding-bottom:var(--s-16)}.shell-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;min-height:46px;margin-bottom:var(--s-6)}.shell-title{margin:0;font-family:var(--font-display);font-size:var(--t-h2);font-weight:450;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.shell-actions{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.shell-loading{display:grid;place-items:center;padding:var(--s-16);color:var(--ink-3)}.shell-nav-toggle{display:none}.shell-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;background:#16181c33;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:ui-fade-in var(--fast) ease}@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr);padding:var(--s-4);padding-top:64px}.shell-nav-toggle{display:inline-flex;position:fixed;top:var(--s-4);left:var(--s-4);z-index:5}.shell-side{position:fixed;top:0;left:0;bottom:0;z-index:6;width:268px;height:100vh;border-radius:0 var(--r-lg) var(--r-lg) 0;transform:translate(-102%);transition:transform var(--normal) var(--spring)}.shell-side[data-open]{transform:none}.shell-side-close{display:inline-flex;margin-left:auto}.shell-title{font-size:var(--t-h3)}}.shell-side-bell{display:flex;justify-content:flex-start;padding-bottom:var(--s-2);margin-bottom:var(--s-2);border-bottom:1px solid var(--hair-soft)}.pg-toolbar{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-4)}.pg-search{display:flex;align-items:center;gap:var(--s-2);flex:1;min-width:220px;padding:0 12px;border-radius:var(--r-sm);background:#ffffffa8;border:1px solid var(--hair);box-shadow:inset 0 1px #fffc;transition:border-color var(--normal) var(--spring),box-shadow var(--normal) var(--spring)}.pg-search:focus-within{background:#ffffffeb;border-color:#16181c57;box-shadow:inset 0 1px #ffffffe6,0 0 0 3.5px #16181c12}.pg-search svg{color:var(--ink-3);flex-shrink:0}.pg-search-input{flex:1;min-width:0;padding:10px 0;border:none;background:none;outline:none;font-family:var(--font);font-size:var(--t-body);letter-spacing:var(--tracking);color:var(--ink)}.pg-search-input::placeholder{color:var(--ink-4)}.pg-list{overflow:hidden}.pg-row{display:flex;align-items:center;gap:var(--s-3);padding:13px 16px;cursor:pointer;transition:background var(--fast) var(--spring)}.pg-row+.pg-row{border-top:1px solid var(--hair-soft)}.pg-row:hover{background:#ffffff80}.pg-row:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.pg-row-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:10px;background:#16181c0d;color:var(--ink-3)}.pg-row-main{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.pg-row-name{font-size:var(--t-body);font-weight:550}.pg-row-url{font-size:var(--t-caption);color:var(--ink-3);font-family:var(--font-mono)}.pg-row-time{flex-shrink:0;font-size:var(--t-caption);color:var(--ink-3);min-width:66px;text-align:right}.pg-row-menu{flex-shrink:0}.pg-loading{display:grid;place-items:center;padding:var(--s-16);color:var(--ink-3)}.pg-error{padding:10px 12px;border-radius:var(--r-sm);font-size:var(--t-body);color:var(--critical);background:var(--critical-soft)}.pg-templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(148px,100%),1fr));gap:var(--s-2)}.pg-template{display:flex;flex-direction:column;gap:2px;padding:11px 12px;border-radius:var(--r-sm);border:1px solid var(--hair);background:#fff9;text-align:left;cursor:pointer;transition:border-color var(--fast) var(--spring),background var(--fast) var(--spring)}.pg-template:hover{border-color:var(--hair-strong)}.pg-template[data-active]{border-color:#16181c80;background:#ffffffeb;box-shadow:var(--lift-sm)}.pg-template-emoji{font-size:17px;line-height:1.4}.pg-template-name{font-size:var(--t-small);font-weight:550;color:var(--ink)}.pg-template-desc{font-size:var(--t-micro);line-height:1.4;color:var(--ink-3)}@media(max-width:620px){.pg-row-time{display:none}}.pg-inbox{margin-bottom:var(--s-4);padding:var(--s-4);border-radius:var(--r)}.pg-inbox-head{display:flex;align-items:center;gap:8px;margin-bottom:var(--s-2);font-size:var(--t-body);color:var(--caution)}.pg-inbox-list{display:flex;flex-direction:column}.pg-inbox-row{display:flex;align-items:center;gap:var(--s-3);width:100%;padding:9px 4px;text-align:left;cursor:pointer;border-radius:var(--r-xs);transition:background var(--fast) var(--spring)}.pg-inbox-row:hover{background:#ffffff8c}.pg-inbox-row+.pg-inbox-row{border-top:1px solid var(--hair-soft)}.pg-inbox-row .pg-row-url{flex:1}.tm-row{display:flex;align-items:center;gap:var(--s-3);padding:12px 16px}.tm-row+.tm-row{border-top:1px solid var(--hair-soft)}.tm-avatar{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:var(--r-full);background:#1a1d22;color:var(--paper-2);font-size:var(--t-small);font-weight:600}.tm-avatar[data-pending]{background:#16181c14;color:var(--ink-3)}.tm-main{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.tm-name{font-size:var(--t-body);font-weight:550;display:flex;align-items:center;gap:7px}.tm-mail{font-size:var(--t-caption);color:var(--ink-3)}.tm-you{padding:1px 6px;border-radius:var(--r-full);background:#16181c12;font-size:var(--t-micro);font-weight:500;color:var(--ink-3)}.tm-section-label{margin:var(--s-6) 0 var(--s-3);font-size:var(--t-micro);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-4)}.tm-error{padding:10px 12px;border-radius:var(--r-sm);font-size:var(--t-body);color:var(--critical);background:var(--critical-soft)}.tm-sent{padding:12px 14px;border-radius:var(--r-sm);font-size:var(--t-body);color:var(--positive);background:var(--positive-soft)}.acct-card{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-5);border-radius:var(--r)}.acct-head{display:flex;align-items:center;gap:var(--s-3)}.acct-avatar{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:var(--r-full);background:#1a1d22;color:var(--paper-2);font-size:var(--t-h4);font-weight:600}.acct-name{font-size:var(--t-body-lg);font-weight:600}.acct-mail{font-size:var(--t-caption);color:var(--ink-3)}.acct-section-head{display:flex;align-items:center;gap:var(--s-2)}.acct-section-head h2{flex:1;margin:0;font-size:var(--t-micro);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-4)}.acct-sessions{display:flex;flex-direction:column}.acct-session{display:flex;align-items:center;gap:var(--s-3);width:100%;padding:11px 2px;text-align:left;background:none;cursor:pointer}.acct-session+.acct-session{border-top:1px solid var(--hair-soft)}.acct-session-icon{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:9px;background:#16181c0d;color:var(--ink-3)}.acct-session-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.acct-session-name{display:flex;align-items:center;gap:8px;font-size:var(--t-body);font-weight:550}.acct-session-meta{font-size:var(--t-micro);color:var(--ink-3)}.acct-error,.acct-ok{padding:11px 13px;border-radius:var(--r-sm);font-size:var(--t-body);line-height:1.5}.acct-error{color:var(--critical);background:var(--critical-soft)}.acct-ok{color:var(--positive);background:var(--positive-soft)}.lb-loading{display:grid;place-items:center;padding:var(--s-16);color:var(--ink-3)}.lb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(258px,100%),1fr));gap:var(--s-3)}.lb-card{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-4);border-radius:var(--r)}.lb-card-head{display:flex;align-items:center;gap:var(--s-2)}.lb-card-icon{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:9px;background:#16181c0d;color:var(--ink-3)}.lb-card-title{flex:1;font-size:var(--t-body);font-weight:550}.lb-card-desc{margin:0;font-size:var(--t-caption);line-height:1.5;color:var(--ink-3)}.lb-card-foot{display:flex;align-items:center;gap:var(--s-2);margin-top:auto}.lb-card-meta{font-size:var(--t-caption);color:var(--ink-3)}.lb-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(168px,100%),1fr));gap:var(--s-3)}.lb-asset{margin:0;padding:8px;border-radius:var(--r);overflow:hidden}.lb-asset-thumb{display:grid;place-items:center;aspect-ratio:4 / 3;border-radius:var(--r-xs);overflow:hidden;background:#16181c0d;color:var(--ink-4)}.lb-asset-thumb img{width:100%;height:100%;object-fit:cover}.lb-asset figcaption{display:flex;flex-direction:column;gap:1px;padding:8px 4px 2px;font-size:var(--t-caption)}.lb-exp{display:flex;align-items:center;gap:var(--s-3);padding:13px 16px;cursor:pointer;transition:background var(--fast) var(--spring)}.lb-exp+.lb-exp{border-top:1px solid var(--hair-soft)}.lb-exp:hover{background:#ffffff80}.lb-exp-main{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.lb-exp-key{font-family:var(--font-mono);font-size:var(--t-small);font-weight:550}.lb-exp-variants{font-size:var(--t-caption);color:var(--ink-3);font-family:var(--font-mono);flex-shrink:0}@media(max-width:620px){.lb-exp-variants{display:none}}.box-row{display:flex;align-items:center;gap:var(--s-2)}.box-row-label{flex:0 0 62px}.box-fields{display:flex;flex:1;gap:4px;min-width:0}.box-field{display:flex;align-items:center;gap:3px;flex:1;min-width:0;padding:4px 6px;border-radius:var(--r-xs);background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--hair-soft);transition:box-shadow var(--fast) var(--spring)}.box-field:focus-within{box-shadow:inset 0 0 0 1.5px #16181c52}.box-field>span{font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4)}.box-field input{width:100%;min-width:0;border:none;background:none;font:inherit;font-size:var(--t-caption);font-variant-numeric:tabular-nums;color:var(--ink);outline:none}.box-field input::-webkit-outer-spin-button,.box-field input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.color-trigger{display:flex;align-items:center;gap:var(--s-2);width:100%;padding:6px 8px;border-radius:var(--r-sm);background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--hair-soft);cursor:pointer;text-align:left;transition:box-shadow var(--fast) var(--spring)}.color-trigger:hover:not(:disabled){box-shadow:inset 0 0 0 1px #16181c33}.color-trigger:disabled{opacity:.55;cursor:not-allowed}.color-swatch{width:18px;height:18px;flex-shrink:0;border-radius:5px;box-shadow:inset 0 0 0 1px #16181c24}.color-swatch[data-empty]{background:linear-gradient(to top right,transparent 45%,rgba(200,60,60,.7) 45% 55%,transparent 55%),var(--paper-3)}.color-value{font-size:var(--t-caption);font-variant-numeric:tabular-nums;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.color-chip{height:26px;border-radius:7px;cursor:pointer;box-shadow:inset 0 0 0 1px #16181c1f;transition:box-shadow var(--fast) var(--spring)}.color-chip:hover{box-shadow:inset 0 0 0 1px #16181c1f,0 0 0 2px #16181c2e}.color-chip[data-active]{box-shadow:inset 0 0 0 1px #16181c1f,0 0 0 2px var(--ink)}.color-native{position:relative;display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:var(--r-sm);background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--hair-soft);cursor:pointer;color:var(--ink-2)}.color-native input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.radius-row{display:flex;align-items:center;gap:var(--s-2)}.radius-row>.ui-input{width:68px;flex-shrink:0}.radius-presets{display:flex;gap:4px}.radius-chip{display:grid;place-items:center;width:26px;height:26px;border-radius:var(--r-xs);cursor:pointer;transition:background var(--fast) var(--spring)}.radius-chip:hover{background:#16181c0d}.radius-chip[data-active]{background:#16181c14}.radius-chip span{width:14px;height:14px;box-shadow:inset 0 0 0 1.5px var(--ink-3);border-bottom-color:transparent}.crail{position:absolute;top:0;right:0;bottom:0;width:300px;z-index:18;pointer-events:none}.crail>*{pointer-events:auto}.crail-pin{position:absolute;right:14px;display:flex;align-items:center;gap:5px;padding:4px 9px 4px 4px;border-radius:var(--r-full);background:var(--paper-3);border:1px solid var(--hair-soft);box-shadow:var(--lift-sm);cursor:pointer;transition:transform var(--fast) var(--spring),box-shadow var(--fast) var(--spring)}.crail-pin:hover{transform:translate(-2px);box-shadow:var(--lift)}.crail-pin-initial{display:grid;place-items:center;width:21px;height:21px;border-radius:var(--r-full);background:#1a1d22;color:var(--paper-2);font-size:var(--t-micro);font-weight:600}.crail-pin-count{font-size:var(--t-micro);font-weight:600;color:var(--ink-3)}.crail-add{position:absolute;right:14px;display:grid;place-items:center;width:29px;height:29px;border-radius:var(--r-full);background:var(--paper-3);border:1px solid var(--hair-soft);box-shadow:var(--lift-sm);color:var(--ink-3);cursor:pointer;transition:color var(--fast) var(--spring),transform var(--fast) var(--spring)}.crail-add:hover{color:var(--ink);transform:translate(-2px)}.crail-card{position:absolute;right:12px;width:268px;display:flex;flex-direction:column;gap:var(--s-2);padding:12px;border-radius:var(--r-sm);background:#ffffffe6;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:var(--edge);box-shadow:var(--rim),var(--lift);animation:ui-float-in var(--fast) var(--spring)}.crail-thread{display:flex;flex-direction:column;gap:10px;max-height:220px;overflow-y:auto}.crail-reply{display:flex;gap:6px;padding-left:4px}.crail-reply svg{flex-shrink:0;margin-top:3px;color:var(--ink-4)}.crail-body{min-width:0}.crail-meta{display:flex;align-items:baseline;gap:7px;font-size:var(--t-micro)}.crail-meta b{font-size:var(--t-caption)}.crail-meta span{color:var(--ink-3)}.crail-body p{margin:3px 0 0;font-size:var(--t-caption);line-height:1.5;overflow-wrap:anywhere}.crail-actions{display:flex;gap:6px;justify-content:flex-end}.crail-loading{position:absolute;top:10px;right:20px;color:var(--ink-3)}.crail-all{position:absolute;bottom:14px;right:14px;padding:5px 11px;border-radius:var(--r-full);background:var(--paper-3);border:1px solid var(--hair-soft);box-shadow:var(--lift-sm);font-size:var(--t-micro);font-weight:600;color:var(--ink-2);cursor:pointer}@media(max-width:1180px){.crail{display:none}}.set{display:grid;grid-template-columns:minmax(0,188px) minmax(0,1fr);gap:var(--s-5);align-items:start}.set-nav{display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:var(--r);position:sticky;top:var(--s-6)}.set-nav-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:var(--r-xs);font-size:var(--t-body);font-weight:500;color:var(--ink-2);text-align:left;cursor:pointer;transition:background var(--fast) var(--spring),color var(--fast) var(--spring)}.set-nav-item svg{color:var(--ink-3)}.set-nav-item:hover{background:#16181c0d;color:var(--ink)}.set-nav-item[data-active]{background:var(--paper-3);color:var(--ink);box-shadow:var(--lift-sm),inset 0 1px #ffffffe6}.set-nav-item[data-active] svg{color:var(--ink)}.set-notice{display:flex;align-items:center;gap:9px;padding:12px 14px;margin-bottom:var(--s-4);border-radius:var(--r-sm);font-size:var(--t-body);color:var(--caution);background:var(--caution-soft)}@media(max-width:760px){.set{grid-template-columns:minmax(0,1fr)}.set-nav{position:static;flex-direction:row;overflow-x:auto}.set-nav-item{white-space:nowrap}}