@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2) format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2) format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2) format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2) format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Abhaya Libre;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/abhaya-libre-sinhala-400-normal-DGNk-ush.woff2) format("woff2"),url(/assets/abhaya-libre-sinhala-400-normal-DzeYUnnk.woff) format("woff");unicode-range:U+0964-0965,U+0D81-0DF4,U+1CF2,U+200C-200D,U+25CC,U+111E1-111F4}@font-face{font-family:Abhaya Libre;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/abhaya-libre-latin-ext-400-normal-DSBMyfJ-.woff2) format("woff2"),url(/assets/abhaya-libre-latin-ext-400-normal-Q0dk5lwt.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Abhaya Libre;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/abhaya-libre-latin-400-normal-Dd5jKrpB.woff2) format("woff2"),url(/assets/abhaya-libre-latin-400-normal-DoaWiB8g.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-ext-500-normal-BJfUCQsA.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-500-normal-DR84L5F-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--plan-card-max: 360px;--c-bg: #f8f8f8;--c-surface: #ffffff;--c-hover: #f3f3f3;--c-border: #e0e0e0;--c-fill: #ededed;--c-selected: var(--c-fill);--c-chip: #ededed;--c-dot: #d6d7db;--c-ruler: #b2b2b2;--c-ink: #1a181b;--c-slate: #6c6c6c;--c-muted: var(--c-slate);--c-ink-30: rgba(26, 24, 27, .3);--c-accent: #5a07f4;--c-accent-hover: #4a05cc;--c-accent-5: rgba(90, 7, 244, .05);--c-danger: #d92d20;--c-success: #12a150;--c-warning: #b26b00;--c-select: var(--c-ink);--c-canvas-select: var(--c-accent);--c-guide: var(--c-canvas-select);--radius-sm: 8px;--radius-md: 8px;--radius-lg: 8px;--radius-xl: 8px;--radius-tab: 8px;--radius-full: 999px;--shadow-card: 0 0 8px rgba(26, 24, 27, .08);--shadow-pop: 0 6px 24px rgba(26, 24, 27, .12), 0 0 0 1px rgba(26, 24, 27, .04);--shadow-modal: 0 16px 48px rgba(26, 24, 27, .16), 0 0 8px rgba(26, 24, 27, .08);--font-ui: "Inter", system-ui, sans-serif;--font-title: "DM Sans", Inter, sans-serif;--fs-10: 12px;--fs-11: 12px;--fs-12: 12px;--fs-13: 14px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-32: 32px;--fs-40: 40px;--fs-48: 48px;--fw-regular: 400;--fw-medium: 500;--lh-tight: 1.2;--lh-text: 1.45;--space-1: 1px;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-14: 14px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-28: 28px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--space-56: 56px;--space-64: 64px;--space-80: 80px;--space-100: 100px;--space-120: 120px;--fs-8: 12px;--fs-9: 12px;--radius-hair: 1px;--c-on-accent: #ffffff;--c-black: #000000;--c-pure-red: #ff0000;--hue-gradient: linear-gradient(90deg, #ff0000, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000);--c-logo-pink: #ff7ee5;--c-logo-cyan: #5effef;--c-rose: #eda0a8;--c-border-strong: var(--c-border);--c-text-faint: #6c6c6c;--c-accent-soft: #f1ecfe;--c-accent-line: #c9b6fc;--c-accent-deep: #3d0aa3;--c-component: #9747ff;--c-danger-soft: #fdecec;--c-danger-line: #f3c4c4;--c-danger-deep: #8a1630;--c-warning-soft: #fff4e5;--c-warning-line: #f3cf86;--c-warning-strong: #f5a524;--c-warning-deep: #7a4c00;--c-success-soft: #e8f7ee;--c-success-line: #9ad8b1;--c-success-deep: #145c32;--c-info: #0090ff;--c-info-soft: #e3f1ff;--c-info-line: #a8d0f7;--c-info-deep: #0b4a85;--c-dark-bg: #1e1e20;--c-dark-line: #33333d;--c-kind-build: var(--c-accent);--c-kind-design: #f48507;--c-kind-motion: #0789f4;--c-kind-brand: #b907f4;--c-kind-slides: #0fb400;--gap: 12px;font-family:Inter,system-ui,sans-serif;color:var(--c-ink);-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--c-bg);overflow:hidden;-webkit-user-select:none;user-select:none}p{margin:0}button{font:inherit;color:inherit}.app{position:relative;height:100vh;background:var(--c-bg)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.icon-btn img{display:block}.icon-btn.is-primary img{filter:brightness(0) invert(1)}.icon-btn.icon-light:not(.is-primary) img{filter:brightness(0);opacity:.92}.sidebar{position:absolute;top:var(--gap);left:var(--gap);bottom:var(--gap);width:var(--left-w, 320px);display:flex;flex-direction:column;overflow:hidden;z-index:2}.sidebar-collapsed{width:56px}.sidebar-section{padding:var(--space-12);border-bottom:1px solid var(--c-border)}.sidebar-collapsed .sidebar-section{border-bottom:0}.sidebar-header{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;gap:var(--space-12);align-items:flex-start}.logo-symbol{display:flex;flex-direction:column;width:20px}.logo-shape{display:block;border-radius:var(--radius-sm);background:var(--c-ink-30)}.logo-shape-3{height:11px;margin-bottom:calc(-1 * var(--space-8))}.logo-shape-2{height:12px;margin-bottom:calc(-1 * var(--space-8))}.logo-shape-1{height:14px;background:var(--c-ink)}.logo img{display:block}.project-title{display:flex;flex-direction:column;gap:var(--space-6);min-width:0}.project-name{font-size:var(--fs-16);font-weight:var(--fw-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-page{font-size:var(--fs-12);color:var(--c-muted)}.pages{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-12);min-height:0}.pages-title{display:flex;align-items:center;justify-content:space-between}.pages-title p{font-size:var(--fs-16);font-weight:var(--fw-medium)}.page-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-8);margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-6));overflow-y:auto}.page-row{display:flex;align-items:center;gap:var(--space-8);width:100%;padding:var(--space-4) var(--space-6);border:0;border-radius:var(--radius-md);background:transparent;text-align:left;cursor:pointer}.page-row:hover{background:var(--c-hover)}.page-row.is-active .page-row-name{font-weight:var(--fw-medium)}.page-row img{flex-shrink:0}.page-row-name{flex:1;min-width:0;font-size:var(--fs-14);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-row-size{font-size:var(--fs-12);color:var(--c-muted);white-space:nowrap}.workspace{position:absolute;inset:0}.viewport{position:absolute;inset:0;overflow:hidden;background:var(--c-bg);touch-action:none}.frame,.frame-chrome{position:absolute}.canvas-chip{top:0;display:flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-8);border-radius:var(--radius-md);background:var(--c-chip);font-size:var(--fs-14);white-space:nowrap}.canvas-chip img{display:block}.ruler-slot-h{top:37px;height:18px}.ruler-slot-v{left:0;width:18px}.ruler-slot-h,.ruler-slot-v{overflow:hidden}.ruler-slot-h{cursor:ns-resize}.ruler-slot-v{cursor:ew-resize}.ruler-track{position:absolute}.ruler-slot-h.is-stuck,.ruler-slot-v.is-stuck,.ruler-corner{z-index:1;background:var(--c-bg)}.ruler-slot-h.is-stuck{border-bottom:1px solid var(--c-border)}.ruler-slot-v.is-stuck{border-right:1px solid var(--c-border)}.ruler-slot-h .ruler,.ruler-slot-v .ruler{width:100%;height:100%}.zoom-control{position:absolute;display:flex;align-items:center;border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);box-shadow:var(--shadow-card);font-size:var(--fs-12);z-index:3}.zoom-control button{min-width:28px;height:28px;padding:0 var(--space-6);border:0;border-radius:var(--radius-md);background:transparent;cursor:pointer}.zoom-control button:hover{background:var(--c-hover)}.zoom-value{min-width:48px!important;font-variant-numeric:tabular-nums}.ruler{position:relative;pointer-events:none}.ruler-tick{position:absolute;display:flex;align-items:center;gap:var(--space-2)}.ruler-label{font-size:var(--fs-8);line-height:10px;color:var(--c-ruler);white-space:nowrap}.ruler-line{display:block;flex-shrink:0}.ruler-horizontal .ruler-tick{bottom:0;flex-direction:column;transform:translate(-50%)}.ruler-horizontal .ruler-line{margin:var(--space-4) 0 var(--space-2);transform:rotate(90deg)}.ruler-vertical .ruler-tick{right:0;height:14px;transform:translateY(-50%)}.ruler-vertical .ruler-label{writing-mode:vertical-rl;width:10px}.version-board{position:absolute;cursor:pointer}.version-art{position:absolute;inset:0;overflow:hidden;background:var(--c-surface);box-shadow:0 0 0 1px var(--c-border)}.version-art .shape-layer{pointer-events:none}.version-chip{position:absolute;left:0;top:auto;bottom:calc(100% + 8px);color:var(--c-muted)}.version-board:hover .version-chip{color:var(--c-ink)}.artboard{position:absolute;overflow:hidden;background:var(--c-surface);box-shadow:0 0 0 1px var(--c-border)}.frame-selection{position:absolute;pointer-events:none}.frame-selection:before{content:"";position:absolute;inset:-1px;border:1px solid var(--c-canvas-select);opacity:0}.frame:has(.artboard:hover,.handle:hover) .frame-selection:before,.frame.is-resizing .frame-selection:before{opacity:1}.handle{position:absolute;pointer-events:auto;touch-action:none}.handle-n,.handle-s{left:6px;right:6px;height:8px;cursor:ns-resize}.handle-n{top:-4px}.handle-s{bottom:-4px}.handle-e,.handle-w{top:6px;bottom:6px;width:8px;cursor:ew-resize}.handle-e{right:-4px}.handle-w{left:-4px}.handle-ne,.handle-nw,.handle-se,.handle-sw{width:8px;height:8px;background:var(--c-surface);border:1px solid var(--c-canvas-select);border-radius:var(--radius-hair);opacity:0}.frame:has(.artboard:hover,.handle:hover) .handle,.frame.is-resizing .handle{opacity:1}.handle-nw{top:-4px;left:-4px;cursor:nwse-resize}.handle-se{bottom:-4px;right:-4px;cursor:nwse-resize}.handle-ne{top:-4px;right:-4px;cursor:nesw-resize}.handle-sw{bottom:-4px;left:-4px;cursor:nesw-resize}.frame-size{position:absolute;top:calc(100% + 8px);transform:translate(-50%);padding:var(--space-2) var(--space-6);border-radius:var(--radius-md);background:var(--c-canvas-select);color:var(--c-on-accent);font-size:var(--fs-11);white-space:nowrap;pointer-events:none}.shape-layer{position:absolute;top:0;left:0;transform-origin:0 0;pointer-events:none}.shape-svg{display:block;overflow:visible}.shape-rect.is-draft{fill:color-mix(in srgb,var(--c-ink) 6%,transparent);stroke:var(--c-ink);stroke-width:1;vector-effect:non-scaling-stroke}.shape-path.is-draft{fill:none;stroke:var(--c-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.shape-path.is-draft{stroke-width:1}.shape-text{position:absolute;min-width:8px;pointer-events:auto}.text-content{min-width:8px;outline:none;-webkit-user-select:text;user-select:text}.text-content.is-editing{cursor:text;caret-color:var(--c-ink)}.toolbar-anchor{position:absolute;z-index:3}.toolbar{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6);box-shadow:none;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--c-ink) 4%,transparent))}.tb-btn{width:40px}.tb-btn img{display:block}.chatbox{display:flex;flex-direction:column;margin:0 var(--space-12) var(--space-12);border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);box-shadow:0 2px 8px color-mix(in srgb,var(--c-ink) 8%,transparent);cursor:text}.chatbox:focus-within{border-color:var(--c-ink-30)}.tb-input{min-height:88px;max-height:220px;padding:var(--space-12);border:0;resize:none;font:inherit;font-size:var(--fs-14);line-height:20px;color:var(--c-ink);background:transparent;outline:none}.tb-input::placeholder{color:var(--c-muted)}.chatbox-foot{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-top:1px solid var(--c-border);cursor:default}.tb-attach,.tb-send{flex-shrink:0;width:36px}.chat{position:absolute;top:var(--gap);right:var(--gap);bottom:var(--gap);width:360px;display:flex;flex-direction:column;overflow:hidden;z-index:2}.chat-header p{font-size:var(--fs-14);font-weight:var(--fw-medium);line-height:30px}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-12);display:flex;flex-direction:column;gap:var(--space-8);-webkit-user-select:text;user-select:text}.chat-empty{font-size:var(--fs-12);color:var(--c-muted)}.chat-msg{max-width:85%;padding:var(--space-8) var(--space-10);border-radius:var(--radius-xl);font-size:var(--fs-14);line-height:var(--lh-text);white-space:pre-wrap}.chat-msg-user{align-self:flex-start;background:var(--c-hover);color:var(--c-ink)}.chat-msg-agent{align-self:flex-start;background:var(--c-selected)}.chat-input{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-12);border-top:1px solid var(--c-border)}.chat-input textarea{resize:none;padding:var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-md);font:inherit;font-size:var(--fs-14);color:var(--c-ink);outline:none}.chat-input textarea:focus{border-color:var(--c-muted)}.chat-input button{align-self:flex-end;padding:var(--space-6) var(--space-14);border:0;border-radius:var(--radius-md);background:var(--c-ink);color:var(--c-on-accent);font-size:var(--fs-14);cursor:pointer}.chat-input button:disabled{opacity:.4;cursor:default}.viewport.is-select .shape-rect,.viewport.is-select .shape-hit{pointer-events:all}.shape-hit{fill:none;stroke:transparent;stroke-width:10;vector-effect:non-scaling-stroke;pointer-events:none}.viewport.is-select .shape-hit{pointer-events:stroke}.selection-layer{position:absolute;inset:0;pointer-events:none;z-index:2}.sel-box,.sel-hover,.sel-union,.sel-marquee{position:absolute;box-sizing:border-box;border:1px solid var(--c-canvas-select)}.sel-hover{border-width:2px}.sel-union{border-style:dashed}.sel-marquee{background:color-mix(in srgb,var(--c-accent) 6%,transparent)}.shortcuts-backdrop{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c-ink) 16%,transparent)}.shortcuts{width:min(860px,calc(100vw - 48px));max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden}.shortcuts-header{display:flex;align-items:center;justify-content:space-between}.shortcuts-header p{font-size:var(--fs-14);font-weight:var(--fw-medium)}.shortcuts-close{width:30px}.shortcuts-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-20) var(--space-28);padding:var(--space-16) var(--space-20) var(--space-20);overflow-y:auto}.shortcuts-body h3{margin:0 0 var(--space-8);font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--c-muted);text-transform:uppercase;letter-spacing:.04em}.shortcuts-body dl{margin:0}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-6) 0;font-size:var(--fs-13)}.shortcut-row dt{margin:0}.shortcut-row dd{margin:0;flex-shrink:0}.shortcut-row kbd{padding:var(--space-2) var(--space-6);border-radius:var(--radius-md);background:var(--c-selected);font:inherit;font-size:var(--fs-11);white-space:nowrap}.snap-guide{position:absolute}.snap-guide-v{width:1px!important;margin-left:calc(-1 * var(--space-1));background:var(--c-guide)}.snap-guide-h{height:1px!important;margin-top:calc(-1 * var(--space-1));background:var(--c-guide)}.props{position:absolute;top:var(--gap);right:var(--gap);bottom:var(--gap);width:var(--right-w, 320px);display:flex;flex-direction:column;overflow-y:auto;z-index:2}.props-header{display:flex;align-items:center}.props-section{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-12);border-bottom:1px solid var(--c-border)}.props-title{font-size:var(--fs-12);font-weight:var(--fw-medium)}.align-row{display:flex;gap:var(--space-8)}.align-btn svg{display:block}.align-btn:disabled{opacity:.35;cursor:default;background:transparent}.field-row{display:flex;gap:var(--space-8)}.field{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}.field-label{font-size:var(--fs-10)}.field-box{display:flex;align-items:center;gap:var(--space-10);padding:var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg);font-size:var(--fs-12)}.field-box:focus-within{border-color:var(--c-select)}.field-box input{flex:1;min-width:0;padding:0;border:0;background:transparent;font:inherit;color:var(--c-ink);outline:none;-webkit-user-select:text;user-select:text}.field.is-disabled{opacity:.45}.code-header{display:flex;align-items:center;gap:var(--space-6)}.code-header p{flex:1}.code-body{flex:1;margin:0;padding:var(--space-12);overflow:auto;font:11px/1.5 ui-monospace,Cascadia Code,Consolas,monospace;white-space:pre;-webkit-user-select:text;user-select:text}.sel-frame{position:absolute}.sel-handle{position:absolute;pointer-events:auto;touch-action:none}.sel-handle-n,.sel-handle-s{left:4px;right:4px;height:8px;cursor:ns-resize}.sel-handle-n{top:-4px}.sel-handle-s{bottom:-4px}.sel-handle-e,.sel-handle-w{top:4px;bottom:4px;width:8px;cursor:ew-resize}.sel-handle-e{right:-4px}.sel-handle-w{left:-4px}.sel-handle-ne,.sel-handle-nw,.sel-handle-se,.sel-handle-sw{width:8px;height:8px;background:var(--c-surface);border:1px solid var(--c-canvas-select);border-radius:var(--radius-hair);z-index:1}.sel-handle-nw{top:-4px;left:-4px;cursor:nwse-resize}.sel-handle-se{bottom:-4px;right:-4px;cursor:nwse-resize}.sel-handle-ne{top:-4px;right:-4px;cursor:nesw-resize}.sel-handle-sw{bottom:-4px;left:-4px;cursor:nesw-resize}.sel-size{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-6);border-radius:var(--radius-md);background:var(--c-canvas-select);color:var(--c-on-accent);font-size:var(--fs-11);white-space:nowrap;pointer-events:none}.props-title-row{display:flex;align-items:center;justify-content:space-between;margin:calc(-1 * var(--space-4)) 0}.mini-btn{min-width:24px}.segmented{display:flex;padding:var(--space-2);border-radius:var(--radius-md);background:var(--c-bg);border:1px solid var(--c-border)}.segmented button{flex:1;padding:var(--space-4) 0;border:0;border-radius:var(--radius-sm);background:transparent;font-size:var(--fs-11);color:var(--c-muted);cursor:pointer}.segmented button.is-active{background:var(--c-surface);color:var(--c-ink);box-shadow:0 0 0 1px var(--c-border)}.color-box{flex:1;min-width:0}.opacity-box{width:64px}.hex-input{flex:1;min-width:0;width:100%;padding:0;border:0;background:transparent;font:inherit;font-size:var(--fs-12);color:var(--c-ink);outline:none;text-transform:uppercase;-webkit-user-select:text;user-select:text}.toggle-box{justify-content:flex-start;gap:var(--space-6);color:var(--c-ink);cursor:pointer;text-align:left}.toggle-box svg{flex-shrink:0}.toggle-box.is-on{border-color:var(--c-select);background:color-mix(in srgb,var(--c-ink) 5%,transparent)}.radius-note{justify-content:flex-end;padding-bottom:var(--space-10);font-size:var(--fs-11);color:var(--c-muted)}.dropdown-trigger{width:100%;gap:var(--space-6);padding:var(--space-8) var(--space-8);color:var(--c-ink);text-align:left;cursor:pointer}.dropdown-trigger:focus-visible,.dropdown-trigger.is-open{border-color:var(--c-select);outline:none}.dropdown-icon{display:flex;flex-shrink:0}.dropdown-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-12)}.dropdown-chevron{flex-shrink:0;transition:transform .12s}.dropdown-trigger.is-open .dropdown-chevron{transform:rotate(180deg)}.dropdown-menu{position:fixed;z-index:1100;padding:var(--space-4);font-family:var(--font-ui);color:var(--c-ink);box-shadow:var(--shadow-pop)}.dropdown-item{display:flex;align-items:center;gap:var(--space-8);padding:0 var(--space-8);border-radius:var(--radius-md);cursor:pointer}.dropdown-item.is-active{background:var(--c-hover)}.dropdown-item.is-selected .dropdown-value{font-weight:var(--fw-medium)}.paint-row{display:flex;align-items:center;gap:var(--space-6)}.paint-row .field-box{padding:var(--space-6) var(--space-8);gap:var(--space-8)}.color-box.is-open{border-color:var(--c-select)}.swatch{position:relative;flex-shrink:0;width:16px;height:16px;padding:0;border:0;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-ink) 12%,transparent)}.swatch-alpha,.swatch-color{position:absolute;inset:0}.swatch-alpha{background:repeating-conic-gradient(var(--c-border-strong) 0 25%,var(--c-surface) 0 50%) 0 0 / 8px 8px}.swatch-color{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-ink) 10%,transparent)}.paint-type-label{flex:1;padding:0;border:0;background:transparent;font:inherit;font-size:var(--fs-12);color:var(--c-ink);text-align:left;cursor:pointer}.color-picker{position:fixed;z-index:15;display:flex;flex-direction:column;gap:var(--space-10);padding:var(--space-10);font-family:var(--font-ui);color:var(--c-ink);box-shadow:var(--shadow-pop);outline:none}.cp-head{display:flex;align-items:center;gap:var(--space-6)}.cp-types{flex:1}.cp-gradient{display:flex;flex-direction:column;gap:var(--space-8)}.cp-bar{position:relative;height:20px;margin:0 var(--space-8);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-ink) 8%,transparent);cursor:copy}.cp-stop{position:absolute;top:50%;width:16px;height:16px;padding:var(--space-2);border:0;border-radius:var(--radius-sm);background:var(--c-surface);box-shadow:0 0 0 1px color-mix(in srgb,var(--c-ink) 20%,transparent),0 1px 3px color-mix(in srgb,var(--c-ink) 15%,transparent);transform:translate(-50%,-50%);cursor:ew-resize}.cp-stop span{display:block;width:100%;height:100%;border-radius:var(--radius-sm)}.cp-stop.is-selected{box-shadow:0 0 0 2px var(--c-select),0 1px 3px color-mix(in srgb,var(--c-ink) 15%,transparent)}.cp-row{display:flex;align-items:center;gap:var(--space-6)}.cp-spacer{flex:1}.cp-sv{position:relative;height:160px;border-radius:var(--radius-md);overflow:hidden;cursor:crosshair;touch-action:none}.cp-sv-white,.cp-sv-black{position:absolute;inset:0}.cp-sv-white{background:linear-gradient(90deg,var(--c-surface),color-mix(in srgb,var(--c-surface) 0%,transparent))}.cp-sv-black{background:linear-gradient(0deg,var(--c-black),color-mix(in srgb,var(--c-ink) 0%,transparent))}.cp-thumb,.cp-knob{position:absolute;width:14px;height:14px;border:2px solid var(--c-surface);border-radius:50%;box-shadow:0 0 0 1px color-mix(in srgb,var(--c-ink) 20%,transparent),0 1px 3px color-mix(in srgb,var(--c-ink) 25%,transparent);transform:translate(-50%,-50%);pointer-events:none}.cp-knob{top:50%}.cp-sliders{display:flex;align-items:center;gap:var(--space-8)}.cp-tracks{flex:1;display:flex;flex-direction:column;gap:var(--space-8);padding:0 var(--space-8)}.cp-track{position:relative;height:10px;border-radius:var(--radius-sm);cursor:pointer;touch-action:none}.cp-hue{background:var(--hue-gradient)}.cp-alpha{background:repeating-conic-gradient(var(--c-border-strong) 0 25%,var(--c-surface) 0 50%) 0 0 / 8px 8px}.cp-alpha-fill{position:absolute;inset:0;border-radius:var(--radius-sm)}.cp-values .field{gap:0}.cp-format{width:66px;flex-shrink:0}.cp-format .field-label{display:none}.cp-input{display:flex;align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-6);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg);font-size:var(--fs-12)}.cp-input:focus-within{border-color:var(--c-select)}.cp-input input{width:100%;min-width:0;padding:0;border:0;background:transparent;font:inherit;color:var(--c-ink);outline:none;text-transform:uppercase}.cp-input span{color:var(--c-muted)}.cp-field{display:flex;flex-direction:column;gap:var(--space-4)}.cp-label{font-size:var(--fs-10);color:var(--c-muted);white-space:nowrap}.cp-grad-row{align-items:flex-end}.cp-row .mini-btn{flex-shrink:0}.gradient-overlay{position:absolute;inset:0;pointer-events:none}.gradient-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.gradient-line line{stroke:var(--c-on-accent);stroke-width:3;filter:drop-shadow(0 0 1px color-mix(in srgb,var(--c-ink) 50%,transparent))}.grad-end,.grad-stop{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;touch-action:none}.grad-end{width:10px;height:10px;border:2px solid var(--c-surface);border-radius:50%;background:var(--c-select);box-shadow:0 0 0 1px color-mix(in srgb,var(--c-ink) 25%,transparent);cursor:grab}.grad-stop{width:18px;height:18px;padding:var(--space-2);border-radius:var(--radius-sm);background:var(--c-surface);box-shadow:0 0 0 1px color-mix(in srgb,var(--c-ink) 25%,transparent),0 1px 3px color-mix(in srgb,var(--c-ink) 20%,transparent);cursor:move;z-index:1}.grad-stop span{display:block;width:100%;height:100%;border-radius:var(--radius-sm)}.cp-types{flex:1;display:flex;gap:var(--space-2)}.cp-media{display:flex;flex-direction:column;gap:var(--space-8)}.cp-media-preview{position:relative;height:140px;padding:0;border:1px solid var(--c-border);border-radius:var(--radius-md);overflow:hidden;background:repeating-conic-gradient(var(--c-chip) 0 25%,var(--c-surface) 0 50%) 0 0 / 12px 12px;cursor:pointer}.cp-media-preview.is-empty{border-style:dashed;background:var(--c-bg)}.cp-media-preview.is-over{border-color:var(--c-select);background:color-mix(in srgb,var(--c-ink) 5%,transparent)}.cp-media-preview video,.cp-media-img{position:absolute;inset:0;width:100%;height:100%}.cp-media-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:0 var(--space-20);font-size:var(--fs-11);color:var(--c-muted)}.cp-file{font-size:var(--fs-11);color:var(--c-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-error{font-size:var(--fs-11);color:var(--c-ink)}.cp-replace{align-self:flex-start}.cp-page-colors{display:flex;flex-direction:column;gap:var(--space-6);padding-top:var(--space-8);border-top:1px solid var(--c-border)}.cp-swatches{display:grid;grid-template-columns:repeat(10,1fr);gap:var(--space-6)}.cp-swatch{aspect-ratio:1;padding:0;border:0;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-ink) 12%,transparent);cursor:pointer}.cp-swatch:hover{transform:scale(1.12)}.cp-swatch.is-current{box-shadow:0 0 0 2px var(--c-surface),0 0 0 3px var(--c-select)}.media-fill{display:block;width:100%;height:100%}.ghost-layer{position:absolute;transform-origin:0 0;pointer-events:none}.viewport.is-select .ghost-layer .shape-text{pointer-events:auto}.ghost-layer .shape-text{pointer-events:none}.font-field .dropdown-value{font-size:var(--fs-13)}.font-menu{position:fixed;z-index:20;display:flex;flex-direction:column;gap:var(--space-8);height:380px;padding:var(--space-8);font-family:var(--font-ui);color:var(--c-ink);box-shadow:var(--shadow-pop)}.font-search{gap:var(--space-6)}.font-cats button{padding:var(--space-4) 0;font-size:var(--fs-11)}.font-list{flex:1;overflow-y:auto;margin:0 calc(-1 * var(--space-4));padding:0 var(--space-4)}.font-list .dropdown-item{height:34px}.font-name{font-size:var(--fs-14)}.font-empty{padding:var(--space-16);font-size:var(--fs-12);color:var(--c-muted);text-align:center}.text-tools{display:flex;justify-content:space-between;gap:var(--space-8)}.tool-group{display:flex;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-bg)}.text-toggle{min-width:30px;font-size:var(--fs-13);font-weight:var(--fw-medium);line-height:14px}.text-toggle:disabled{opacity:.35;cursor:default}*{scrollbar-width:thin;scrollbar-color:transparent transparent}.is-scrolling{scrollbar-color:var(--c-border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:var(--radius-md);background:var(--c-border-strong) padding-box}::-webkit-scrollbar-thumb:hover{background:var(--c-text-faint) padding-box}::-webkit-scrollbar-button{display:none}.icon-row{align-items:flex-end}.icon-field{flex:0 1 auto}.icon-field .tool-group{align-self:flex-start}.guides-svg{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;z-index:1}.measure{position:absolute;pointer-events:none}.measure-x{height:1px!important;margin-top:calc(-1 * var(--space-1));background:repeating-linear-gradient(to right,var(--c-guide) 0 3px,transparent 3px 5px)}.measure-y{width:1px!important;margin-left:calc(-1 * var(--space-1));background:repeating-linear-gradient(to bottom,var(--c-guide) 0 3px,transparent 3px 5px)}.measure-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:var(--space-1) var(--space-6);border-radius:var(--radius-sm);background:var(--c-guide);color:var(--c-on-accent);font-size:var(--fs-10);line-height:14px;white-space:nowrap}.measure-x .measure-label{top:-10px}.measure-y .measure-label{left:calc(50% + 14px)}.guide-row{display:flex;align-items:center;gap:var(--space-4)}.guide-type.is-selected{background:var(--c-selected)}.guide-label{flex:1;min-width:0;padding:var(--space-8) var(--space-8);font-size:var(--fs-12);color:var(--c-ink);text-align:left;cursor:pointer}.guide-editor{position:fixed;z-index:15;width:240px;font-family:var(--font-ui);color:var(--c-ink);box-shadow:var(--shadow-pop)}.ge-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-10) var(--space-10) var(--space-10) var(--space-12);border-bottom:1px solid var(--c-border)}.ge-type{width:120px}.ge-type .field-label,.ge-control .field-label{display:none}.ge-body{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-12)}.ge-row{display:flex;align-items:center;gap:var(--space-8)}.ge-label{width:56px;flex-shrink:0;font-size:var(--fs-12);color:var(--c-muted)}.ge-control{flex:1;min-width:0}.ge-control .field{gap:0}.ge-auto{padding:var(--space-8);font-size:var(--fs-12);color:var(--c-muted)}.context-menu{position:fixed;z-index:30;min-width:200px;padding:var(--space-4);font-family:var(--font-ui);color:var(--c-ink);box-shadow:var(--shadow-pop)}.menu-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);width:100%;padding:0 var(--space-8);border:0;border-radius:var(--radius-md);background:transparent;font-size:var(--fs-12);text-align:left;cursor:pointer}.menu-item:hover:not(:disabled){background:var(--c-hover)}.menu-item:disabled{color:var(--c-muted);cursor:default}.menu-item kbd{font:inherit;font-size:var(--fs-11);color:var(--c-muted)}.menu-sep{height:1px;margin:var(--space-4) 0;background:var(--c-fill)}.button-view{-webkit-user-select:none;user-select:none;pointer-events:auto}.viewport:not(.is-select) .shape-layer .button-view{pointer-events:none}.button-missing{padding:var(--space-6) var(--space-10);border:1px dashed var(--c-muted);font-size:var(--fs-12);color:var(--c-muted)}.instance-name{font-size:var(--fs-13);font-weight:var(--fw-medium)}.state-tabs button{padding:var(--space-4) 0;font-size:var(--fs-11)}.text-input{text-transform:none}.workspace[hidden]{display:none}.ds-view{position:absolute;inset:0;background:var(--c-bg)}.ds-main{position:absolute;top:12px;bottom:12px;left:calc(var(--left-w, 320px) + 24px);right:calc(var(--right-w, 320px) + 24px);overflow-y:auto;padding:var(--space-24) var(--space-28)}.ds-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-16);margin-bottom:var(--space-24)}.ds-title{font-size:var(--fs-18);font-weight:var(--fw-medium)}.ds-sub{margin-top:var(--space-4);font-size:var(--fs-12);color:var(--c-muted)}.ds-section-head{display:flex;align-items:center;gap:var(--space-8);margin-bottom:var(--space-12)}.ds-empty{padding:var(--space-32);border:1px dashed var(--c-border);border-radius:var(--radius-xl);font-size:var(--fs-13);color:var(--c-muted);text-align:center;line-height:var(--lh-text)}.ds-grid{display:flex;flex-direction:column;gap:var(--space-12)}.ds-card{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-14);text-align:left;cursor:pointer;font:inherit}.ds-card.is-selected{border-color:var(--c-ink);box-shadow:0 0 0 1px var(--c-ink)}.ds-card-head{display:flex;justify-content:space-between;font-size:var(--fs-13)}.ds-card-name{font-weight:var(--fw-medium)}.ds-card-usage{font-size:var(--fs-11);color:var(--c-muted)}.ds-states{display:flex;flex-wrap:wrap;gap:var(--space-16)}.ds-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);font-size:var(--fs-11);color:var(--c-muted)}.ds-state-preview{display:flex;align-items:center;justify-content:center;min-width:96px;min-height:56px;padding:var(--space-10);border-radius:var(--radius-md);background:repeating-conic-gradient(var(--c-hover) 0 25%,var(--c-surface) 0 50%) 0 0 / 12px 12px}.ds-editor-head{display:flex;align-items:center;gap:var(--space-8)}.ds-name-input{flex:1;min-width:0;padding:var(--space-6) var(--space-8);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;font:inherit;font-size:var(--fs-14);font-weight:var(--fw-medium);color:var(--c-ink);outline:none}.ds-name-input:focus{border-color:var(--c-border);background:var(--c-bg)}.ds-preview{display:flex;align-items:center;justify-content:center;min-height:110px;padding:var(--space-16);border-bottom:1px solid var(--c-border);background:repeating-conic-gradient(var(--c-hover) 0 25%,var(--c-surface) 0 50%) 0 0 / 12px 12px}.sidebar-logo{display:flex;align-items:center;gap:var(--space-12);width:100%;height:55px;padding:0 var(--space-20);border:0;border-bottom:1px solid var(--c-border);background:transparent;cursor:pointer;flex-shrink:0}.sidebar-collapsed .sidebar-logo{justify-content:center;padding:0}.sidebar-logo img{display:block}.sidebar-body{flex:1;min-height:0;display:flex}.rail{position:relative;width:48px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:var(--space-10) 0 var(--space-12);border-right:1px solid var(--c-border)}.sidebar-collapsed .rail{width:100%;border-right:0}.rail-tabs,.rail-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.rail-btn{width:32px}.rail-btn svg{display:block}.rail-avatar{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--c-border);border-radius:50%;background:var(--c-selected);cursor:pointer}.sidebar-panel{flex:1;min-width:0;display:flex;flex-direction:column;overflow-y:auto}.panel-empty{padding:var(--space-12);font-size:var(--fs-12);line-height:var(--lh-text);color:var(--c-muted)}.asset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);padding:var(--space-12)}.asset-card{display:flex;flex-direction:column;gap:var(--space-4);padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.asset-thumb{display:block;aspect-ratio:4 / 3;border:1px solid var(--c-border);border-radius:var(--radius-md);overflow:hidden;background:repeating-conic-gradient(var(--c-hover) 0 25%,var(--c-surface) 0 50%) 0 0 / 10px 10px}.asset-thumb img,.asset-thumb video{width:100%;height:100%;object-fit:cover;display:block}.asset-name{font-size:var(--fs-11);color:var(--c-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-popover{position:absolute;left:calc(100% + 8px);bottom:40px;z-index:10;width:220px;padding:var(--space-12);box-shadow:var(--shadow-pop)}.notif-popover .panel-empty{padding:var(--space-6) 0 0}.account-name{margin:var(--space-6) 0 0;font-size:var(--fs-13);font-weight:var(--fw-medium)}.account-debug{margin:var(--space-6) 0 0;font-size:var(--fs-10);color:var(--c-text-faint);word-break:break-all}.account-email{margin:var(--space-6) 0 0;font-size:var(--fs-12);color:var(--c-text-2, var(--c-slate));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-10)}.account-item{padding:var(--space-8) var(--space-8);border:0;border-radius:var(--radius-md);background:none;color:inherit;font:inherit;font-size:var(--fs-13);text-align:left;cursor:pointer}.account-item:hover{background:var(--c-hover, var(--c-hover))}.sidebar{overflow:visible}.sidebar-body,.sidebar-panel{border-radius:0 0 var(--radius-xl) var(--radius-xl)}.sidebar-is-collapsed .ds-main{left:80px}.app{--tabs-h: 41px}.project-tabs{position:absolute;top:0;left:0;right:0;height:var(--tabs-h);display:flex;align-items:stretch;background:var(--c-bg);border-bottom:1px solid var(--c-border);z-index:5;overflow-x:auto;scrollbar-width:none}.project-tab{display:flex;align-items:center;gap:var(--space-6);flex:0 1 210px;min-width:120px;padding:var(--space-12);border-right:1px solid var(--c-border);background:var(--c-bg);color:var(--c-slate);font-size:var(--fs-12);cursor:pointer;-webkit-user-select:none;user-select:none}.project-tab.is-active{background:var(--c-surface);color:var(--c-ink)}.project-tab:not(.is-active):hover{background:var(--c-hover)}.project-tab-icon{color:var(--c-slate)}.project-tab.is-active .project-tab-icon{color:var(--c-accent)}.project-tab-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-tab-input{flex:1;min-width:0;padding:var(--space-2) var(--space-6);border:1px solid var(--c-ink);border-radius:var(--radius-md);font:inherit;color:var(--c-ink);outline:none}.project-tab-close{display:flex;align-items:center;justify-content:center;flex:none;width:16px;height:16px;padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--c-ink);cursor:pointer}.project-tab-close:hover{background:var(--c-fill)}.project-tab-new{display:flex;align-items:center;justify-content:center;width:41px;flex:none;border:0;border-right:1px solid var(--c-border);background:var(--c-bg);color:var(--c-ink);cursor:pointer}.project-tab-new:hover,.project-tab-new[aria-expanded=true]{background:var(--c-hover)}.pt-new-pop{position:fixed;z-index:1000;display:flex;flex-direction:column;min-width:160px;padding:var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--shadow-pop)}.pt-new-pop button{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-10);border:0;border-radius:var(--radius-md);background:transparent;font-family:var(--font-ui);font-size:var(--fs-12);color:var(--c-ink);text-align:left;cursor:pointer}.pt-new-pop button:hover{background:var(--c-hover)}.project-area{position:absolute;top:var(--tabs-h);left:0;right:0;bottom:0}.project-area[hidden]{display:none}.sidebar-logo{border-radius:var(--radius-xl) var(--radius-xl) 0 0}.project-tab-home{display:flex;align-items:center;justify-content:center;width:46px;flex:none;border:0;border-right:1px solid var(--c-border);background:var(--c-bg);color:var(--c-ink);cursor:pointer}.project-tab-home.is-active{background:var(--c-surface);color:var(--c-accent)}.project-tab-home:hover{background:var(--c-hover)}.home{position:absolute;top:var(--tabs-h);left:0;right:0;bottom:0;overflow-y:auto;background:var(--c-bg)}.home-inner{max-width:1080px;margin:0 auto;padding:var(--space-40) var(--space-32)}.home-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-40)}.home-new{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-10) var(--space-16);border:0;border-radius:var(--radius-xl);background:var(--c-ink);color:var(--c-on-accent);font:inherit;font-size:var(--fs-13);cursor:pointer}.home-new img{filter:brightness(0) invert(1)}.home-title{margin-bottom:var(--space-14);font-size:var(--fs-14);font-weight:var(--fw-medium)}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-16)}.home-card{display:flex;flex-direction:column;gap:var(--space-4);padding:0 0 var(--space-12);border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);overflow:hidden;text-align:left;font:inherit;cursor:pointer}.home-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;margin-bottom:var(--space-8);border-bottom:1px solid var(--c-border);background:var(--c-bg)}.home-thumb-icon{filter:brightness(0);opacity:.6}.home-card-new .home-thumb{background:repeating-linear-gradient(45deg,var(--c-bg) 0 8px,var(--c-hover) 8px 16px);color:var(--c-ink)}.home-card:disabled{cursor:default;opacity:.45}.home-name{padding:0 var(--space-12);font-size:var(--fs-13);font-weight:var(--fw-medium)}.home-meta{padding:0 var(--space-12);font-size:var(--fs-11);color:var(--c-muted)}.home-note{margin-top:var(--space-24);font-size:var(--fs-12);color:var(--c-muted)}.page-row.is-menu{background:var(--c-hover)}.page-rename{flex:1;min-width:0;padding:var(--space-1) var(--space-4);border:1px solid var(--c-ink);border-radius:var(--radius-sm);font:inherit;font-size:var(--fs-14);color:var(--c-ink);outline:none}.panel-resizer{position:absolute;top:8px;bottom:8px;width:8px;z-index:4;cursor:ew-resize;touch-action:none}.panel-resizer-right{right:-5px}.panel-resizer-left{top:var(--gap);bottom:var(--gap);right:calc(var(--right-w, 320px) + 12px - 4px)}.sidebar:has(>.panel-resizer:is(:hover,.is-dragging)){border-right-color:var(--c-ink);box-shadow:inset -1px 0 0 var(--c-ink)}.panel-resizer-left:is(:hover,.is-dragging)+.props{border-left-color:var(--c-ink);box-shadow:inset 1px 0 0 var(--c-ink)}.menu-heading{padding:var(--space-6) var(--space-8) var(--space-2);font-size:var(--fs-11);color:var(--c-muted);white-space:nowrap}.menu-icon{display:flex;flex-shrink:0}.menu-icon img{display:block}.menu-label{flex:1;min-width:0}.menu-item{justify-content:flex-start;gap:var(--space-8)}.page-group{display:flex;flex-direction:column;gap:var(--space-8)}.page-group-head .page-row-name{font-weight:var(--fw-medium)}.group-chevron{flex-shrink:0;margin:0 var(--space-2);transition:transform .12s}.group-chevron.is-open{transform:rotate(90deg)}.page-group-list{margin:0;padding-left:var(--space-20)}.page-row.is-child .page-row-name{color:var(--c-ink)}.page-pill{flex-shrink:0}.row-caret{display:flex;flex-shrink:0;width:14px;justify-content:center;cursor:pointer}.row-caret .group-chevron{margin:0}.layer-list{list-style:none;margin:var(--space-4) 0 0;padding:0 var(--space-4) var(--space-6) var(--space-24)}.pt-version-list .layer-list{padding-bottom:0}.layer-row{position:relative;display:flex;align-items:center;gap:var(--space-8);height:28px;padding:0 var(--space-4) 0 var(--space-6);border-radius:var(--radius-md);cursor:default;-webkit-user-select:none;user-select:none}.layer-row:hover{background:var(--c-hover)}.layer-row.is-selected{background:var(--c-selected)}.layer-row.is-selected .layer-name{font-weight:var(--fw-medium)}.layer-icon{display:flex;flex-shrink:0}.layer-name{flex:1;min-width:0;font-size:var(--fs-13);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row.is-hidden .layer-name,.layer-row.is-hidden .layer-icon{opacity:.4}.layer-actions{display:flex;flex-shrink:0;gap:var(--space-2)}.layer-toggle{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;cursor:pointer;visibility:hidden}.layer-toggle:hover{background:var(--c-chip)}.layer-row:hover .layer-toggle,.layer-toggle.is-on{visibility:visible}.layer-row.drop-above:before,.layer-row.drop-below:after{content:"";position:absolute;left:4px;right:4px;height:2px;border-radius:var(--radius-hair);background:var(--c-ink)}.layer-row.drop-above:before{top:-1px}.layer-row.drop-below:after{bottom:-1px}.layer-toggle:focus{outline:none}.layer-toggle:focus-visible{outline:1px solid var(--c-ink)}.props-header{gap:var(--space-2)}.panel-tabs{display:flex;flex:1;gap:var(--space-4)}.panel-tab{padding:var(--space-6) var(--space-10);border:0;border-radius:var(--radius-md);background:transparent;font:inherit;font-size:var(--fs-13);color:var(--c-muted);cursor:pointer}.panel-tab:hover{color:var(--c-ink)}.panel-tab.is-active{background:var(--c-selected);color:var(--c-ink);font-weight:var(--fw-medium)}.panel-tab:focus-visible{outline:2px solid var(--c-ink);outline-offset:1px}.props.is-chat{overflow:hidden}.chat-view{flex:1;min-height:0;display:flex;flex-direction:column}.chat-view-head{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-12);border-bottom:1px solid var(--c-border)}.chat-view-picker{flex:1;min-width:0}.chat-view-messages{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-32);padding:var(--space-12);-webkit-user-select:text;user-select:text}.chat-view-picker .field-label{display:none}.vedit-layer{position:absolute;inset:0;z-index:2;pointer-events:none}.vedit-svg{position:absolute;inset:0;overflow:visible}.vedit-outline{fill:none;stroke:var(--c-canvas-select);stroke-width:1}.vedit-hit{fill:none;stroke:transparent;stroke-width:10;pointer-events:stroke;cursor:var(--pen-cursor, crosshair)}.vedit-hline{stroke:var(--c-canvas-select);stroke-width:1}.vedit-anchor,.vedit-handle{position:absolute;width:8px;height:8px;margin:calc(-1 * var(--space-4)) 0 0 calc(-1 * var(--space-4));border:1px solid var(--c-canvas-select);border-radius:50%;background:var(--c-surface)}.vedit-handle{width:7px;height:7px;margin:calc(-1 * var(--space-4)) 0 0 calc(-1 * var(--space-4));border-radius:var(--radius-hair);transform:rotate(45deg)}.vedit-anchor.is-live,.vedit-handle.is-live{pointer-events:auto;cursor:default}.vedit-anchor.is-selected{background:var(--c-canvas-select)}.vedit-anchor.is-close{width:12px;height:12px;margin:calc(-1 * var(--space-6)) 0 0 calc(-1 * var(--space-6));background:var(--c-canvas-select)}.tb-group{position:relative}.tb-menu{position:fixed;z-index:950;min-width:190px;padding:var(--space-4)}.tb-menu-item{display:flex;align-items:center;gap:var(--space-10);width:100%;padding:var(--space-6) var(--space-8);border:0;border-radius:var(--radius-md);background:transparent;font:inherit;font-size:var(--fs-13);color:var(--c-ink);text-align:left;cursor:pointer}.tb-menu-item:hover{background:var(--c-hover)}.tb-menu-item.is-active{background:var(--c-selected)}.tb-menu-item svg{flex-shrink:0}.tb-menu-label{flex:1}.tb-menu-key{font-size:var(--fs-12);color:var(--c-muted)}.mini-btn.mini-btn-text{width:auto}.props-hint{font-size:var(--fs-11);line-height:var(--lh-text);color:var(--c-muted)}.shape-node{position:absolute;left:0;top:0;pointer-events:none}.shape-frame{position:absolute;pointer-events:none}.frame-content{position:absolute;width:0;height:0}.check-field .check-row{display:flex;align-items:center;gap:var(--space-6);height:30px;font-size:var(--fs-12)}.check-field input{accent-color:var(--c-ink)}.layer-caret{display:flex;flex-shrink:0;width:12px;justify-content:center;margin-right:calc(-1 * var(--space-4));cursor:pointer}.layer-caret .group-chevron{margin:0}.layer-row.holds-selection{background:var(--c-hover)}.layer-row.drop-inside{box-shadow:inset 0 0 0 1px var(--c-ink)}.gap-field{position:relative}.gap-toggle{align-self:flex-start;margin-top:var(--space-2)}.gap-auto{height:30px;font-size:var(--fs-12);color:var(--c-ink)}.flex-align-row{align-items:flex-start}.flex-align-row>.field{gap:var(--space-6)}.align-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);width:100%;max-width:132px;padding:var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-bg)}.align-cell{display:flex;align-items:center;justify-content:center;height:22px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;cursor:pointer}.align-cell span{width:4px;height:4px;border-radius:50%;background:var(--c-ink-30)}.align-cell:hover{background:var(--c-hover)}.align-cell svg{display:block;fill:var(--c-ink)}.align-cell.is-preview svg{fill:var(--c-ink-30)}.absolute-row{display:flex;align-items:center;gap:var(--space-6);font-size:var(--fs-12)}.absolute-row input{accent-color:var(--c-ink)}.rot-zone{position:absolute;width:16px;height:16px;pointer-events:auto}.rot-zone-nw{left:-18px;top:-18px}.rot-zone-ne{right:-18px;top:-18px}.rot-zone-se{right:-18px;bottom:-18px}.rot-zone-sw{left:-18px;bottom:-18px}.sel-box,.sel-hover,.sel-frame,.shape-frame,.shape-text,.button-view{transform-origin:center}.flip-group{align-self:flex-start}.bg-blur{position:absolute;pointer-events:none;transform-origin:center}.fill-item{display:flex;align-items:center;gap:var(--space-4)}.fill-item .paint-row{flex:1;min-width:0}.effect-item.is-off .effect-type{opacity:.45}.effect-row{display:flex;align-items:center;gap:var(--space-2)}.effect-type{flex:1;min-width:0}.effect-type .field-label{display:none}.effect-open{min-width:18px}.effect-body{display:flex;flex-direction:column;gap:var(--space-8);padding-left:0}.tab-dirty{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--c-ink)}.save-note{position:absolute;left:50%;bottom:24px;transform:translate(-50%);padding:var(--space-6) var(--space-12);border-radius:var(--radius-md);background:var(--c-ink);color:var(--c-on-accent);font-size:var(--fs-12);z-index:20;pointer-events:none}.home-actions{display:flex;gap:var(--space-8)}.home-open{padding:0 var(--space-14);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font:inherit;font-size:var(--fs-13);color:var(--c-ink);cursor:pointer}.home-open:hover{background:var(--c-hover)}.home-open.is-quiet{border-color:transparent;color:var(--c-text-2, var(--c-slate))}.home-list{list-style:none;margin:0 0 var(--space-24);padding:0;border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface)}.home-list-row{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-10) var(--space-14);border-bottom:1px solid var(--c-border);font-size:var(--fs-13)}.home-list-row:last-child{border-bottom:0}.home-list-row.is-link{cursor:pointer}.home-list-row.is-link:hover{background:var(--c-hover)}.home-list-name{font-weight:var(--fw-medium)}.home-list-meta{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-12);color:var(--c-muted)}.home-list-btn{flex-shrink:0;padding:var(--space-4) var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font:inherit;font-size:var(--fs-12);color:var(--c-ink);cursor:pointer}.home-list-btn:hover{background:var(--c-hover)}.home-list-btn.is-quiet{border-color:transparent;color:var(--c-muted)}.home-note-top{margin:calc(-1 * var(--space-6)) 0 var(--space-10)}.version-add{display:flex;gap:var(--space-6)}.version-input{flex:1;min-width:0;height:28px;padding:0 var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg)}.version-empty{padding:0}.version-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-6)}.version-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-2) var(--space-8);padding:var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-md)}.version-name{font-size:var(--fs-13);font-weight:var(--fw-medium)}.version-date{grid-column:1;font-size:var(--fs-11);color:var(--c-muted)}.version-actions{grid-column:2;grid-row:1 / span 2;display:flex;align-items:center;gap:var(--space-4)}.export-row{align-items:flex-end}.export-row .field-label{display:none}.export-btn,.panel-btn{flex:1;height:30px;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font:inherit;font-size:var(--fs-12);color:var(--c-ink);cursor:pointer}.export-btn:hover:not(:disabled),.panel-btn:hover:not(:disabled){background:var(--c-hover)}.export-btn:disabled,.panel-btn:disabled{opacity:.5;cursor:default}.assets-heading{margin:var(--space-8) 0 var(--space-4)}.assets-heading,.proto-head,.panel-section-title{font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--c-ink)}.panel-section-title{margin:0}.sidebar-section .panel-empty{padding:var(--space-4) 0}.component-item{position:relative}.component-go{position:absolute;right:4px;top:50%;transform:translateY(-50%);opacity:0}.component-item:hover .component-go{opacity:1}.component-item:hover .page-row-size{visibility:hidden}.props-note{margin:0;font-size:var(--fs-11);line-height:var(--lh-text);color:var(--c-muted)}.component-name{width:100%;font:inherit;font-size:var(--fs-12)}.props-title-row .style-btn{margin-left:auto}.style-chip{display:flex;align-items:center;gap:var(--space-8);height:30px;padding:0 var(--space-4) 0 var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-md);font-size:var(--fs-12)}.style-chip-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-swatch{flex:none;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-ink) 15%,transparent)}.style-swatch.is-glyph{box-shadow:none;font-size:var(--fs-10);font-weight:var(--fw-medium);color:var(--c-ink)}.style-swatch.is-icon{box-shadow:none}.ds-style-group{margin-bottom:var(--space-16)}.ds-style-group-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);font-size:var(--fs-12);font-weight:var(--fw-medium)}.ds-style-empty{font-size:var(--fs-12);color:var(--c-muted)}.ds-style-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-6)}.ds-style-row{display:flex;align-items:center;gap:var(--space-8);height:34px;padding:0 var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font:inherit;font-size:var(--fs-12);text-align:left;cursor:pointer}.ds-style-row:hover{background:var(--c-hover)}.ds-style-row.is-selected{border-color:var(--c-ink);box-shadow:0 0 0 1px var(--c-ink)}.ds-style-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-text-preview{padding:var(--space-8) 0;color:var(--c-ink);white-space:nowrap;overflow:hidden}.simple-kind{font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--c-ink)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.chip{height:26px;padding:0 var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font:inherit;font-size:var(--fs-12);color:var(--c-ink);cursor:pointer;display:inline-flex;align-items:center}.chip:hover{background:var(--c-hover)}.chip.is-active{border-color:var(--c-ink);background:var(--c-ink);color:var(--c-on-accent)}.chip.is-static{cursor:default}.link-btn{align-self:flex-start;margin-top:var(--space-6);text-underline-offset:2px}.simple-textarea,.simple-input{width:100%;box-sizing:border-box;font:inherit;font-size:var(--fs-12)}.simple-textarea{resize:vertical}.all-settings-toggle{display:flex;align-items:center;gap:var(--space-8);width:100%;padding:var(--space-10) var(--space-16);border:0;border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);background:none;font:inherit;font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--c-ink);cursor:pointer;text-align:left}.all-settings-toggle:hover{background:var(--c-hover)}.all-settings-hint{flex:1;font-weight:var(--fw-regular);color:var(--c-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-look-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-8)}.ds-look-card{display:flex;flex-direction:column;gap:var(--space-10);padding:var(--space-14);border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-bg);font:inherit;text-align:left;cursor:pointer;min-width:0}.ds-look-card.is-selected{border-color:var(--c-ink);box-shadow:0 0 0 1px var(--c-ink)}.ds-look-meta{display:flex;align-items:center;gap:var(--space-8);font-size:var(--fs-12)}.check-label{display:inline-flex;align-items:center;gap:var(--space-6);font-size:var(--fs-12);color:var(--c-ink);cursor:pointer}.check-label input{accent-color:var(--c-ink);margin:0}.props-title-row .container-eye{margin-left:auto;margin-right:var(--space-6)}.icons-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8);margin-bottom:var(--space-8)}.icons-toolbar .segmented{width:auto}.icons-search{width:200px}.icons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.icon-cell{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-14) var(--space-6) var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-ink);font:inherit;cursor:pointer;min-width:0}.icon-cell span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-10);color:var(--c-muted)}.icons-seg{flex:1;min-width:180px}.icons-seg .dsp-seg-btn{white-space:nowrap;padding:0 var(--space-10);font-size:var(--fs-12)}.icons-compact .icons-seg{min-width:0;width:100%}.side-sub-head{display:flex;align-items:center;gap:var(--space-8)}.side-icons{flex:1;min-height:0;overflow-y:auto;padding:0 var(--space-12) var(--space-12)}.icons-compact .icons-toolbar{position:sticky;top:0;z-index:1;padding:var(--space-4) 0 var(--space-8);background:var(--c-surface)}.icons-compact .icons-search{width:100%}.icons-compact .icons-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:var(--space-4);margin-top:0}.icons-compact .icon-cell{padding:var(--space-10) 0;border-color:transparent}.icons-compact .chip-row{flex-wrap:nowrap;gap:var(--space-4)}.icons-compact .chip{height:24px;padding:0 var(--space-8);font-size:var(--fs-11)}.icon-pick{display:flex;align-items:center;gap:var(--space-8);width:100%;height:34px;padding:0 var(--space-10);font:inherit;font-size:var(--fs-12);color:var(--c-ink);cursor:pointer;text-align:left}.icon-pick.is-open{box-shadow:inset 0 0 0 1px var(--c-ink)}.icon-pick-name{flex:1}.icon-picker{display:flex;flex-direction:column;gap:var(--space-6)}.icon-picker .icons-search{width:100%;box-sizing:border-box}.icon-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:var(--space-2);max-height:220px;overflow-y:auto}.icon-picker-grid .icon-cell{padding:var(--space-8) 0;border-color:transparent}.icon-picker-grid .icon-cell.is-current{border-color:var(--c-ink)}.custom-name{display:flex;gap:var(--space-6);margin-top:var(--space-6)}.custom-name .simple-input{flex:1;height:30px;padding:0 var(--space-8)}.custom-name .panel-btn{flex:none}.inside-head{margin:0;padding:var(--space-10) var(--space-16) 0;font-size:var(--fs-11);font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--c-muted)}.inside-items.is-nested{margin-left:var(--space-8);border-left:1px solid var(--c-border)}.inside-items.is-nested .props-section{padding-left:var(--space-10)}.inside-name{font-weight:var(--fw-regular);color:var(--c-muted)}.inside-group>.inside-items{margin-top:var(--space-4)}.props-head{display:flex;flex-direction:column;padding:var(--space-14) var(--space-10) var(--space-4)}.props-head-name{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-8);min-width:0}.props-head-title{font-size:var(--fs-16);font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.props-head-kind{flex:none}.props-body{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-8) var(--space-8) var(--space-14)}.props-body>.props-section{padding:var(--space-6) var(--space-2);border-bottom:0}.fold{position:relative}.fold.is-open{border-color:transparent;background:var(--c-bg)}.fold-head{display:flex;align-items:center;gap:var(--space-8);width:100%;min-height:36px;padding:0 var(--space-10);border:0;border-radius:var(--radius-xl);background:transparent;font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--c-ink);text-align:left;cursor:pointer}.fold-head:focus-visible{outline:0;box-shadow:inset 0 0 0 1px var(--c-ruler)}.fold-glyph{flex:none}.fold-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fold-summary{flex:none;max-width:55%;padding:var(--space-2) var(--space-8);border-radius:var(--radius-md);background:var(--c-fill);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-12);font-weight:var(--fw-regular);color:var(--c-muted)}.fold-chevron,.fold-add{flex:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:1px solid var(--c-chip);border-radius:50%;background:var(--c-surface)}.fold.is-open .fold-chevron{border-color:transparent;background:var(--c-fill)}.fold-add{position:absolute;top:9px;right:10px}.fold-add:hover,.fold-head:hover .fold-chevron{background:var(--c-hover)}.fold-swatch{display:inline-block;width:10px;height:10px;margin-right:var(--space-2);border:1px solid color-mix(in srgb,var(--c-ink) 20%,transparent);border-radius:var(--radius-sm);vertical-align:-1px}.fold-body{padding:0 0 var(--space-2)}.fold-body .props-section{padding:0 var(--space-10) var(--space-10);border-bottom:0}.fold-body>.props-section>.props-title:first-child{display:none}.fold-body>.props-section>.props-title-row:first-child{position:absolute;top:6px;right:34px;justify-content:flex-end;gap:var(--space-2);margin:0}.fold-body>.props-section>.props-title-row:first-child>.props-title{display:none}.fold.is-list.is-open .fold-chevron{visibility:hidden}.fold.is-list.is-open .fold-body>.props-section>.props-title-row:first-child{right:6px}.fold-body>.props-section:has(>.props-title-row:only-child){padding:0 0 var(--space-2)}.fold-body .field-label{font-size:var(--fs-11);color:var(--c-ink)}.fold-body .field-box{min-height:34px;border:1px solid var(--c-chip);border-radius:var(--radius-xl);background:var(--c-surface)}.fold-body .field-box:focus-within{border-color:var(--c-ink)}.field-icon{flex:none;margin-right:calc(-1 * var(--space-2))}.props-body .simple>.simple-kind:first-child{display:none}.fold-group{margin:var(--space-6) var(--space-2) calc(-1 * var(--space-2));font-size:var(--fs-11);font-weight:var(--fw-medium);color:var(--c-muted)}.fold.is-list.is-open .fold-body>.props-section>.props-title-row:first-child>.mini-btn{width:22px;min-width:22px}.fold.is-list.is-open .fold-body>.props-section>.props-title-row:first-child{top:7px;right:8px}.fold-body .field-label:empty{display:none}.container-row{align-items:stretch}.fold-body .container-eye{flex:none;align-self:center;width:20px;height:20px;margin-left:auto;padding:0;border-radius:var(--radius-md);background:transparent}.layout-modes{display:flex;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--c-fill)}.layout-mode{flex:1 1 auto;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-4);height:28px;padding:0 var(--space-6);border:0;border-radius:var(--radius-md);background:transparent;font-size:var(--fs-11);color:var(--c-ink);white-space:nowrap;cursor:pointer}.layout-mode svg{flex:none;width:12px;height:12px}.layout-mode:hover{background:color-mix(in srgb,var(--c-surface) 55%,transparent)}.layout-mode.is-on{background:var(--c-surface);box-shadow:0 1px 2px color-mix(in srgb,var(--c-ink) 8%,transparent)}.box-model{font-size:var(--fs-11);color:var(--c-ink)}.box-ring{position:relative;display:grid;grid-template-columns:34px 1fr 34px;grid-template-rows:22px auto 22px;grid-template-areas:". t ." "l c r" ". b .";align-items:center;justify-items:center;border-radius:var(--radius-md)}.box-margin{padding:var(--space-2);background:var(--c-fill);border:1px dashed var(--c-border-strong)}.box-padding{width:100%;background:var(--c-hover);border:1px solid var(--c-border-strong)}.box-label{position:absolute;top:4px;left:6px;font-size:var(--fs-9);font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--c-muted);pointer-events:none}.box-t{grid-area:t}.box-l{grid-area:l}.box-r{grid-area:r}.box-b{grid-area:b}.box-c{grid-area:c;justify-self:stretch;display:flex;align-items:center;justify-content:center}.box-content{display:block;width:100%;height:14px;margin:var(--space-2) 0;border:1px solid var(--c-chip);border-radius:var(--radius-sm);background:var(--c-surface)}.box-value{min-width:22px;height:18px;padding:0 var(--space-4);border:0;border-radius:var(--radius-sm);background:transparent;font:inherit;color:var(--c-ink);text-align:center;cursor:text}.box-value:hover{background:color-mix(in srgb,var(--c-ink) 6%,transparent)}.box-value.is-editing{width:38px;border:1px solid var(--c-ink);background:var(--c-surface);outline:none;-webkit-user-select:text;user-select:text}.box-margin-band,.box-padding-band{position:absolute;pointer-events:none}.box-margin-band{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--c-ink) 22%,transparent) 0 1px,color-mix(in srgb,var(--c-ink) 4%,transparent) 1px 6px)}.box-padding-band{background:color-mix(in srgb,var(--c-ink) 8%,transparent)}.ui-icon{display:block;flex:none}.logo-shape-3{background:var(--c-logo-pink)}.logo-shape-2{background:var(--c-logo-cyan)}.logo-shape-1{background:var(--c-accent)}.rail{width:46px;padding:var(--space-8) 0 var(--space-12)}.rail-avatar{width:24px;height:24px;border:0;background:var(--c-fill);color:var(--c-slate)}.project-kind{align-self:flex-start}.pages{gap:var(--space-16)}.pages-add{background:transparent}.page-row{color:var(--c-ink)}.page-row-size{color:var(--c-slate)}.toolbar{gap:0;padding:0;border-radius:var(--radius-lg);box-shadow:none;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--c-ink) 8%,transparent))}.tb-modes{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--c-accent-5)}.tb-mode{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--c-ink);cursor:pointer}.tb-mode:hover{background:color-mix(in srgb,var(--c-surface) 60%,transparent)}.tb-mode.is-on{background:var(--c-surface);color:var(--c-accent);filter:drop-shadow(0 0 1px color-mix(in srgb,var(--c-accent) 30%,transparent))}.tb-tools{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-4) 0 var(--space-6)}.tb-btn{width:30px}.tb-menu-item{color:var(--c-ink)}.props{overflow:hidden}.props-header{padding:var(--space-12);border-bottom:1px solid var(--c-border)}.panel-tab{padding:var(--space-8) var(--space-12);font-size:var(--fs-12);color:var(--c-ink)}.panel-tab.is-active{background:var(--c-fill);font-weight:var(--fw-regular)}.props-head{gap:var(--space-12);padding:var(--space-12);border-bottom:1px solid var(--c-border)}.props-head-title{font-size:var(--fs-16);font-weight:var(--fw-medium)}.app-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-12);width:100%;padding:var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--c-ink);cursor:pointer}.props-body{flex:1;min-height:0;overflow-y:auto;gap:var(--space-12);padding:var(--space-12)}.props-group{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-12);border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface)}.props-group:not(.is-shut){box-shadow:var(--shadow-card)}.props-group:not(:has(.fold)){display:none}.props-group-title{display:flex;align-items:center;gap:var(--space-8);font-size:var(--fs-14);font-weight:var(--fw-medium);color:var(--c-ink)}.props-group-rows{display:flex;flex-direction:column;gap:var(--space-4)}.props-group .fold,.props-group .fold.is-open{border:0;border-radius:0;background:transparent}.props-group .props-group-rows{gap:0}.props-group .props-group-rows>.fold{margin:0 calc(-1 * var(--space-12));padding:var(--space-4) var(--space-12);border-top:1px solid var(--c-border)}.props-group .fold-head{min-height:0;padding:var(--space-6) 0;gap:var(--space-8);border-radius:var(--radius-sm);font-size:var(--fs-12);font-weight:var(--fw-medium)}.props-group .fold-head:hover{background:transparent}.props-group .fold.is-open .fold-title{font-weight:var(--fw-medium)}.fold-btn{display:flex;align-items:center;justify-content:center;flex:none;padding:var(--space-6);border-radius:var(--radius-md);color:var(--c-ink)}.fold-btn.is-add{padding:var(--space-4)}.fold-head:hover .fold-btn,.fold.is-open .fold-btn{background:var(--c-fill)}.fold-btn .is-up{transform:rotate(180deg)}.props-group .fold-body{padding:var(--space-4) 0 var(--space-6)}.props-group .fold-body .props-section{gap:var(--space-12);padding:0}.props-group .fold-body>.props-section>.props-title-row:first-child{top:3px;right:26px}.props-group .fold.is-list.is-open .fold-body>.props-section>.props-title-row:first-child{right:0}.props-group .fold.is-list.is-open .fold-btn{display:none}.props-group .field-label{font-size:var(--fs-10);color:var(--c-ink)}.props-group .field-box{min-height:0;padding:var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);font-size:var(--fs-12)}.props-group .field-suffix{color:var(--c-slate)}.align-groups{display:flex;gap:var(--space-8)}.seg-group{flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--c-fill)}.seg-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--c-ink);cursor:pointer}.seg-btn:hover:not(:disabled){background:var(--c-surface);filter:drop-shadow(0 0 1px color-mix(in srgb,var(--c-ink) 12%,transparent))}.seg-btn:disabled{opacity:.35;cursor:default}.rotate-row{align-items:flex-end}.turn3d-ball{flex:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--radius-md);background:var(--c-fill);color:var(--c-ink);cursor:grab;touch-action:none}.turn3d-ball:hover{background:var(--c-hover)}.turn3d-ball:active{cursor:grabbing}.flip-seg{flex:none;height:33px;gap:var(--space-4)}.flip-seg .seg-btn{width:25px;height:25px}.props-foot{display:flex;flex-direction:column;gap:var(--space-8);padding:0 var(--space-12) var(--space-12)}.props-export{max-height:320px;overflow-y:auto;border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);box-shadow:var(--shadow-card)}.props-export[hidden]{display:none}.props-group .field-row{align-items:flex-end}.props-group .fold.is-list.is-open .fold-body>.props-section>.props-title-row:first-child>.mini-btn{width:20px;min-width:20px}.chatbox{height:156px;margin:var(--space-12);padding:var(--space-12);gap:var(--space-8);box-shadow:var(--shadow-card)}.chatbox:focus-within{border-color:var(--c-ink)}.tb-input{flex:1;min-height:0;max-height:none;padding:0;font-size:var(--fs-12);line-height:18px}.tb-input::placeholder{color:var(--c-ink)}.chatbox-foot{padding:0;border-top:0}.chatbox-tools{display:flex;gap:var(--space-4)}.tb-attach,.tb-send{width:30px}.tb-modes{position:relative}.tb-mode-thumb{position:absolute;top:4px;left:4px;width:30px;height:30px;border-radius:var(--radius-md);background:var(--c-surface);filter:drop-shadow(0 0 1px color-mix(in srgb,var(--c-accent) 30%,transparent));transition:transform .42s cubic-bezier(.34,1.35,.5,1);pointer-events:none}.tb-modes.is-ai .tb-mode-thumb{transform:translateY(34px)}.tb-mode{position:relative;transition:color .26s ease,transform .2s ease}.tb-mode.is-on{background:transparent;filter:none}.tb-mode:active{transform:scale(.92)}.tb-mode:not(.is-on):hover{background:color-mix(in srgb,var(--c-surface) 50%,transparent)}.tb-tools-wrap{display:grid;grid-template-rows:1fr;transition:grid-template-rows .46s cubic-bezier(.22,1,.36,1)}.tb-tools-wrap.is-hidden{grid-template-rows:0fr;transition-duration:.38s;transition-delay:90ms}.tb-tools-wrap>.tb-tools{min-height:0;overflow:hidden}.tb-tools-wrap.is-hidden>.tb-tools{overflow:hidden}.tb-tools>*{transition:opacity .3s ease,transform .42s cubic-bezier(.34,1.4,.5,1);transition-delay:calc(80ms + var(--i, 0) * 45ms)}.tb-tools>:nth-child(1){--i: 0}.tb-tools>:nth-child(2){--i: 1}.tb-tools>:nth-child(3){--i: 2}.tb-tools>:nth-child(4){--i: 3}.tb-tools>:nth-child(5){--i: 4}.tb-tools>:nth-child(6){--i: 5}.tb-tools-wrap.is-hidden .tb-tools>*{opacity:0;transform:translateY(-10px) scale(.6);transition:opacity .16s ease,transform .22s ease-in;transition-delay:calc((5 - var(--i, 0)) * 25ms)}@media(prefers-reduced-motion:reduce){.tb-mode-thumb,.tb-tools-wrap,.tb-tools>*{transition:none!important}}.tb-tools-wrap>.tb-tools{transition:padding .38s cubic-bezier(.22,1,.36,1)}.tb-tools-wrap.is-hidden>.tb-tools{padding-top:0;padding-bottom:0}.ui-tooltip{position:fixed;z-index:1000;display:flex;align-items:center;gap:var(--space-6);max-width:260px;padding:var(--space-6) var(--space-8);border-radius:var(--radius-md);background:var(--c-ink);box-shadow:var(--shadow-pop);font-size:var(--fs-11);line-height:15px;color:var(--c-on-accent);white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(-3px);transition:opacity .14s ease,transform .16s ease}.ui-tooltip.is-above{transform:translateY(3px)}.ui-tooltip.is-shown{opacity:1;transform:none}.ui-tooltip:before{content:"";position:absolute;top:-4px;left:calc(var(--arrow, 50%) - 4px);width:8px;height:8px;border-radius:var(--radius-hair);background:var(--c-ink);transform:rotate(45deg)}.ui-tooltip.is-above:before{top:auto;bottom:-4px}.ui-tooltip-key{padding:0 var(--space-6);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--c-surface) 14%,transparent);font:inherit;font-size:var(--fs-10);color:color-mix(in srgb,var(--c-surface) 75%,transparent)}.props-group{gap:var(--space-16)}.props-group-title{width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.props-group-title>span:first-of-type{flex:1}.props-group.is-shut .props-group-rows{display:none}.props-group-rows{gap:var(--space-8)}.fold-btn.is-card{background:var(--c-fill)}.fold-head-row{display:flex;align-items:center;gap:var(--space-8)}.fold-head-row>.fold-head{flex:1;min-width:0}.props-group .fold.is-list .fold-body>.props-section>.props-title-row:first-child{display:none}.props-group .fold.is-list .fold-body{padding-top:var(--space-8)}.props-group .fold.is-list .fold-body .props-section{gap:var(--space-8)}.list-row{display:flex;align-items:center;gap:var(--space-8)}.lr-field{flex:1;min-width:0}.lr-field>*{width:100%}.list-row.is-off .lr-field{opacity:.45}.lr-btn{flex:none;width:20px}.border-card{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-xl)}.border-card.is-off .field-row{opacity:.45}.effect-field{display:flex;align-items:center;gap:var(--space-6);min-height:33px;padding:0 var(--space-4) 0 var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface)}.effect-field .effect-type{flex:1;min-width:0}.effect-field .effect-type .field-box{border:0!important;padding:var(--space-6) var(--space-4);min-height:0;background:transparent}.effect-open{width:20px}.effect-item{display:flex;flex-direction:column;gap:var(--space-8)}.guide-row .guide-label{display:flex;align-items:center;gap:var(--space-10);width:100%;min-height:33px;text-align:left;cursor:pointer}.guide-row .guide-label.is-on{border-color:var(--c-ink)}.guide-type-icon{display:flex}.seg-tabs{height:32px}.seg-tab{flex:1;width:auto;height:24px;gap:var(--space-4);padding:0 var(--space-8);font-size:var(--fs-12)}.seg-tab.is-on,.align-groups .seg-btn.is-on{background:var(--c-surface);filter:drop-shadow(0 0 1px color-mix(in srgb,var(--c-ink) 12%,transparent))}.radius-row{align-items:stretch}.radius-mode{flex:none;width:120px;height:33px}.field-label-row{display:flex;align-items:center;justify-content:space-between}.props-group .gap-field{flex-direction:row;align-items:flex-end;gap:var(--space-8)}.props-group .gap-field>.field{flex:1;min-width:0}.props-group .gap-field .gap-toggle{flex:none}.props-group .align-grid{max-width:none}.props-group .align-cell{height:26px}.flex-gap-rows{display:flex;flex-direction:column;gap:var(--space-12)}.props-group .fold.is-addonly .fold-body>.props-section>.props-title-row:first-child{display:none}.layout-modes.is-icons .layout-mode{flex:1;height:28px}.preset-btn{flex:none;width:16px}.props-group .align-grid{padding:var(--space-10) var(--space-8)}.props-group .align-cell{height:34px}.props-group .fold-add{position:static;top:auto;right:auto}.props-group .fold-btn{width:20px;height:20px;padding:0;margin:0;background:transparent}.props-group .fold.is-open .fold-btn,.props-group .fold-btn.is-card,.props-group .fold-add{background:transparent}.props-group .fold-head:hover .fold-btn,.props-group .fold-add:hover,.props-group .fold.is-open .fold-add:hover,.props-group .props-group-title:hover .fold-btn.is-card{background:var(--c-fill)}.props-group .fold-head-row{gap:0}.props-group .gap-field .gap-toggle{align-self:flex-end;margin:0}.box-ring{--bx: 34px;--by: 22px;overflow:hidden;isolation:isolate}.box-margin{padding:0;border:1px solid var(--c-chip);background:var(--c-fill)}.box-padding{border:2px solid var(--c-surface);background:var(--c-chip);box-shadow:0 0 0 1px var(--c-chip)}.box-bevel{position:absolute;inset:0;z-index:-1;pointer-events:none}.bevel-t{clip-path:polygon(0 0,100% 0,calc(100% - var(--bx)) var(--by),var(--bx) var(--by))}.bevel-b{clip-path:polygon(0 100%,100% 100%,calc(100% - var(--bx)) calc(100% - var(--by)),var(--bx) calc(100% - var(--by)))}.bevel-l{clip-path:polygon(0 0,var(--bx) var(--by),var(--bx) calc(100% - var(--by)),0 100%)}.bevel-r{clip-path:polygon(100% 0,calc(100% - var(--bx)) var(--by),calc(100% - var(--bx)) calc(100% - var(--by)),100% 100%)}.box-margin>.bevel-t{background:var(--c-fill)}.box-margin>.bevel-l,.box-margin>.bevel-r{background:var(--c-chip)}.box-margin>.bevel-b{background:var(--c-hover)}.box-padding>.bevel-t{background:var(--c-chip)}.box-padding>.bevel-l,.box-padding>.bevel-r{background:var(--c-chip)}.box-padding>.bevel-b{background:var(--c-hover)}.box-content{border:1px solid var(--c-chip);border-radius:var(--radius-sm);background:var(--c-surface);box-shadow:inset 0 1px 1px color-mix(in srgb,var(--c-ink) 4%,transparent)}.box-label{z-index:1;color:var(--c-text-faint)}.box-value{position:relative;z-index:1;color:var(--c-text-faint)}.box-value:hover{background:color-mix(in srgb,var(--c-surface) 70%,transparent);color:var(--c-ink)}.box-margin{border-color:var(--c-border);background:var(--c-hover)}.box-margin>.bevel-t{background:var(--c-hover)}.box-margin>.bevel-l,.box-margin>.bevel-r{background:var(--c-fill)}.box-margin>.bevel-b{background:var(--c-bg)}.box-padding{background:var(--c-fill);box-shadow:0 0 0 1px var(--c-chip)}.box-padding>.bevel-t{background:var(--c-fill)}.box-padding>.bevel-l,.box-padding>.bevel-r{background:var(--c-fill)}.box-padding>.bevel-b{background:var(--c-bg)}.box-content{border-color:var(--c-border)}.box-bevel{display:none}.box-margin{padding:var(--space-2);border:0;border-radius:var(--radius-lg);background:var(--c-hover);box-shadow:inset 0 1px 3px color-mix(in srgb,var(--c-ink) 8%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--c-ink) 4%,transparent)}.box-padding{border:0;border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:0 1px 2px color-mix(in srgb,var(--c-ink) 6%,transparent),0 4px 10px color-mix(in srgb,var(--c-ink) 6%,transparent),0 0 0 1px color-mix(in srgb,var(--c-ink) 5%,transparent)}.box-content{height:16px;border:1px dashed color-mix(in srgb,var(--c-accent) 35%,transparent);border-radius:var(--radius-md);background:var(--c-accent-5);box-shadow:none}.box-label{top:5px;left:8px;font-size:var(--fs-9);font-weight:var(--fw-medium);letter-spacing:.02em;text-transform:none;color:var(--c-slate)}.box-value{min-width:24px;height:18px;border-radius:var(--radius-sm);color:var(--c-ink);transition:background .12s ease,box-shadow .12s ease}.box-value:hover{background:var(--c-surface);box-shadow:0 1px 3px color-mix(in srgb,var(--c-ink) 12%,transparent)}.box-padding .box-value:hover{background:var(--c-bg)}.convert-menu{position:fixed;z-index:900;display:flex;flex-direction:column;gap:var(--space-8);width:280px;max-height:min(520px,calc(100vh - 16px));padding:var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:0 10px 30px color-mix(in srgb,var(--c-ink) 12%,transparent),0 2px 6px color-mix(in srgb,var(--c-ink) 6%,transparent)}.cm-search{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-xl);color:var(--c-slate)}.cm-search:focus-within{border-color:var(--c-ink)}.cm-search input{flex:1;min-width:0;padding:0;border:0;outline:none;background:transparent;font:inherit;font-size:var(--fs-12);color:var(--c-ink);-webkit-user-select:text;user-select:text}.cm-sort{flex:none;padding:var(--space-2) var(--space-6);border:0;border-radius:var(--radius-md);background:var(--c-fill);font:inherit;font-size:var(--fs-10);font-weight:var(--fw-medium);color:var(--c-ink);cursor:pointer}.cm-sort:hover{background:var(--c-chip)}.cm-tabs{height:30px}.cm-tabs .seg-tab{font-size:var(--fs-11);padding:0 var(--space-4)}.cm-list{flex:1;min-height:0;overflow-y:auto;margin:0 calc(-1 * var(--space-4));padding:0 var(--space-4)}.cm-group+.cm-group{margin-top:var(--space-6)}.cm-heading{padding:var(--space-6) var(--space-8) var(--space-4);font-size:var(--fs-10);font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--c-slate)}.cm-item{display:flex;align-items:center;gap:var(--space-10);width:100%;padding:var(--space-8) var(--space-8);border:0;border-radius:var(--radius-md);background:transparent;font:inherit;font-size:var(--fs-12);color:var(--c-ink);text-align:left;cursor:pointer}.cm-item>span:first-of-type{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-item:hover{background:var(--c-accent-5);color:var(--c-accent)}.cm-look{flex:none;padding:var(--space-1) var(--space-6);border-radius:var(--radius-md);background:var(--c-fill);font-size:var(--fs-9);color:var(--c-slate)}.cm-empty{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-12) var(--space-8);font-size:var(--fs-12);color:var(--c-slate)}.panel-tab:hover{background:var(--c-fill);color:var(--c-ink)}.layout-mode:hover,.seg-btn:hover:not(:disabled){background:var(--c-surface);filter:drop-shadow(0 0 1px color-mix(in srgb,var(--c-ink) 12%,transparent))}.layout-mode,.seg-btn,.panel-tab{transition:background .12s ease,filter .12s ease,color .12s ease}.chat-steps{margin:0 0 var(--space-6);padding:0;list-style:none;font-size:var(--fs-12);color:var(--c-muted)}.chat-steps li:before{content:"· "}.chat-thinking{color:var(--c-muted)}.chat-msg.is-error{background:var(--c-danger-soft);color:var(--c-danger)}.ruler-guides{position:absolute;inset:0;z-index:1;pointer-events:none}.ruler-guide{position:absolute;pointer-events:auto}.ruler-guides.is-passive .ruler-guide{pointer-events:none}.ruler-guide.is-x{width:9px;margin-left:calc(-1 * var(--space-4));cursor:ew-resize}.ruler-guide.is-y{height:9px;margin-top:calc(-1 * var(--space-4));cursor:ns-resize}.ruler-guide:before{content:"";position:absolute;background:var(--c-accent)}.ruler-guide.is-x:before{top:0;bottom:0;left:4px;width:1px}.ruler-guide.is-y:before{left:0;right:0;top:4px;height:1px}.ruler-guide-label{position:absolute;padding:var(--space-2) var(--space-6);border-radius:var(--radius-sm);background:var(--c-accent);color:var(--c-on-accent);font-size:var(--fs-11);line-height:14px;white-space:nowrap}.ruler-guide.is-x .ruler-guide-label{top:6px;left:8px}.ruler-guide.is-y .ruler-guide-label{left:6px;top:8px}.chat-msg-agent.has-items{display:flex;flex-direction:column;gap:var(--space-6);max-width:100%;background:transparent;padding:var(--space-2) 0}.chat-text{overflow-wrap:anywhere}.md{display:flex;flex-direction:column;gap:var(--space-6)}.md p,.md ul,.md ol,.md pre{margin:0}.md p{white-space:pre-wrap}.md ul,.md ol{display:flex;flex-direction:column;gap:var(--space-2);padding-left:var(--space-20)}.md .md-h{font-weight:var(--fw-medium)}.md code,.md pre{font-family:ui-monospace,Consolas,monospace;font-size:var(--fs-12);background:var(--c-bg);border-radius:var(--radius-sm)}.md code{padding:var(--space-1) var(--space-4)}.md pre{padding:var(--space-8);overflow-x:auto}.md-pill{display:inline-flex;align-items:center;gap:var(--space-4);height:18px;padding:0 var(--space-6);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg);font-size:var(--fs-12);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;line-height:1;vertical-align:1px;white-space:nowrap}.md-pill-color{padding-left:var(--space-4);font-family:ui-monospace,Consolas,monospace}.md-pill-token{color:var(--c-accent, var(--c-accent))}.md-swatch{width:12px;height:12px;border-radius:var(--radius-full);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-ink) 12%,transparent)}.md-table-wrap{overflow-x:auto;border:1px solid var(--c-border);border-radius:var(--radius-md)}.md-table{width:100%;border-collapse:collapse;font-size:var(--fs-12);overflow-wrap:normal}.md-table th,.md-table td{padding:var(--space-6) var(--space-8);text-align:left;vertical-align:middle;border-bottom:1px solid var(--c-border)}.md-table th{font-weight:var(--fw-medium);background:var(--c-bg)}.md-table tr:last-child td{border-bottom:0}.md-table td .md-pill{margin:var(--space-1) var(--space-2) var(--space-1) 0}.chat-step{display:flex;align-items:center;gap:var(--space-6);font-size:var(--fs-12);color:var(--c-muted)}.chat-step:before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--c-fill)}.chat-step.is-live:before{background:var(--c-accent);animation:chat-pulse 1s ease-in-out infinite}@keyframes chat-pulse{50%{opacity:.3}}.chat-todos{display:flex;flex-direction:column;gap:var(--space-4);margin:0;padding:var(--space-8) var(--space-10);list-style:none;border:1px solid var(--c-border);border-radius:var(--radius-xl);font-size:var(--fs-12)}.chat-todos li{display:flex;align-items:center;gap:var(--space-8)}.chat-todo-box{flex:none;width:12px;height:12px;border:1px solid var(--c-muted);border-radius:var(--radius-sm)}.chat-todos .is-in_progress .chat-todo-box{border-color:var(--c-accent);background:var(--c-accent-5)}.chat-todos .is-completed{color:var(--c-muted);text-decoration:line-through}.chat-todos .is-completed .chat-todo-box{border-color:var(--c-accent);background:var(--c-accent)}.chat-msg-agent.has-items.is-error{background:transparent}.chat-msg-agent.has-items.is-error .chat-text:last-child{color:var(--c-danger)}.chat-icon-btn{flex:none;width:28px}.chatbox-files{display:flex;flex-wrap:wrap;gap:var(--space-6)}.chatbox-file{position:relative;width:44px;height:44px;border:1px solid var(--c-border);border-radius:var(--radius-md);overflow:hidden}.chatbox-file.is-doc{display:flex;align-items:center;gap:var(--space-6);width:auto;max-width:180px;padding:0 var(--space-24) 0 var(--space-10);color:var(--c-ink)}.chatbox-file-name{overflow:hidden;font-size:var(--fs-12);text-overflow:ellipsis;white-space:nowrap}.chatbox-file img{width:100%;height:100%;object-fit:cover}.chatbox-file button{position:absolute;top:2px;right:2px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--c-ink) 70%,transparent);color:var(--c-on-accent);cursor:pointer}.chat-msg-files{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-10);margin-top:var(--space-4);font-size:var(--fs-12);opacity:.8}.project-kind-row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.project-kind-row .field{width:auto;gap:0}.project-kind-row .field-label{display:none}.project-kind-row .field-box.dropdown-trigger{min-height:0;height:20px;padding:0 var(--space-6);border:0;border-radius:var(--radius-md);background:var(--c-fill);font-size:var(--fs-10);color:var(--c-slate)}.project-kind-row .dropdown-value{font-size:var(--fs-10)}.settings-btn{justify-content:center;cursor:pointer;font:inherit;font-size:var(--fs-12);color:var(--c-ink)}.settings-hint{margin:var(--space-4) 0 0;font-size:var(--fs-11);line-height:var(--lh-text);color:var(--c-muted)}.chat-card{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-10) var(--space-12);border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);box-shadow:var(--shadow-card);font-size:var(--fs-13)}.chat-card-title{font-weight:var(--fw-medium)}.chat-card-detail{font-size:var(--fs-12);color:var(--c-slate);white-space:pre-wrap;overflow-wrap:anywhere}.chat-card-detail.is-code{font-family:ui-monospace,Consolas,monospace;padding:var(--space-6) var(--space-8);border-radius:var(--radius-sm);background:var(--c-bg)}.chat-card-risk{font-size:var(--fs-11);color:var(--c-muted)}.chat-card-options{display:flex;flex-wrap:wrap;gap:var(--space-6)}.chat-card-text{display:flex;gap:var(--space-6)}.chat-card-text .field-box{flex:1}.chat-card-text textarea{flex:1;min-height:32px;padding:var(--space-6) var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-md);font:inherit;font-size:var(--fs-12);resize:vertical}.chat-card-done{font-size:var(--fs-12);color:var(--c-slate)}.chat-card-done strong{color:var(--c-ink)}.chat-card.is-approved .chat-card-done strong{color:var(--c-success)}.chat-card.is-rejected .chat-card-done strong{color:var(--c-danger)}.chat-greeting{display:flex;flex-direction:column;align-items:center;gap:var(--space-10);margin:auto var(--space-8);padding:var(--space-8) var(--space-4) var(--space-16);text-align:center;animation:chat-greeting-in .5s cubic-bezier(.2,.9,.3,1) both}@keyframes chat-greeting-in{0%{opacity:0;transform:translateY(8px)}}.chat-greeting .leyar-mark{margin-bottom:var(--space-6)}.chat-greeting-title{margin:0;font-size:var(--fs-18);font-weight:var(--fw-medium);line-height:var(--lh-tight);letter-spacing:-.02em;color:var(--c-ink)}.chat-greeting-text{max-width:260px;margin:0;font-size:var(--fs-12);line-height:var(--lh-text);color:var(--c-muted)}.chat-greeting .chat-card-options{justify-content:center;margin-top:var(--space-8)}.agent-lock{position:absolute;top:14px;left:50%;z-index:4;display:flex;align-items:center;gap:var(--space-10);padding:var(--space-8) var(--space-10) var(--space-8) var(--space-14);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);box-shadow:0 2px 8px color-mix(in srgb,var(--c-ink) 10%,transparent);font-size:var(--fs-14);color:var(--c-ink);transform:translate(-50%);white-space:nowrap}.ai-working-text{background:linear-gradient(90deg,var(--c-ink) 0%,var(--c-ink) 40%,color-mix(in srgb,var(--c-ink) 30%,transparent) 50%,var(--c-ink) 60%,var(--c-ink) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ps-shimmer 1.6s linear infinite}.agent-lock-dot{width:8px;height:8px;border-radius:50%;background:var(--c-accent);animation:chat-pulse 1s ease-in-out infinite}.layer-list.is-locked,.props-body.is-locked{opacity:.55}.ai-prompt{position:absolute;z-index:4;pointer-events:auto;display:flex;align-items:flex-end;gap:var(--space-6);padding:var(--space-6) var(--space-6) var(--space-6) var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--shadow-pop);transform:translate(-50%);flex-wrap:wrap}.ai-prompt-chips{flex:1 0 100%;display:flex;flex-wrap:wrap;gap:var(--space-6);padding:var(--space-4) 0 var(--space-8);border-bottom:1px solid var(--c-border);margin-bottom:var(--space-2)}.ai-prompt .tb-input{flex:1;min-height:60px;max-height:200px;overflow-y:auto;padding:var(--space-4) 0;font-size:var(--fs-14);line-height:20px;resize:none}.ai-prompt .tb-send{flex:none}.sel-flash{position:absolute;box-sizing:border-box;border:1.5px dashed var(--c-accent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--c-accent) 4%,transparent);pointer-events:none;animation:sel-flash-in .6s ease-out}@keyframes sel-flash-in{0%{background:color-mix(in srgb,var(--c-accent) 18%,transparent)}}.field-box.is-multi{align-items:stretch;height:auto;min-height:0;padding:0}.settings-area{width:100%;resize:vertical}.skill-list{display:flex;flex-direction:column;gap:var(--space-4);margin:0 0 var(--space-6);padding:0;list-style:none}.skill-item{display:flex;align-items:center;gap:var(--space-8);width:100%;padding:var(--space-6) var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font:inherit;font-size:var(--fs-12);color:var(--c-ink);cursor:pointer;text-align:left}.skill-item:hover{background:var(--c-bg)}.skill-add{display:flex;gap:var(--space-6);align-items:center}.skill-add .field-box{flex:1}.chat-steps-group{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}.chat-steps-chip{display:inline-flex;align-items:center;gap:var(--space-6);max-width:100%;padding:var(--space-4) var(--space-8) var(--space-4) var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font:inherit;font-size:var(--fs-12);color:var(--c-slate);cursor:pointer}.chat-steps-chip:hover{background:var(--c-bg)}.chat-steps-chip .chat-step-dot{flex:none;width:5px;height:5px;border-radius:50%;background:var(--c-fill)}.chat-steps-chip.is-live .chat-step-dot{background:var(--c-accent);animation:chat-pulse 1s ease-in-out infinite}.chat-steps-dock .chat-step-dot{width:7px;height:7px}.chat-steps-chip .chat-step-dot.is-working{background:var(--c-accent);animation:chat-pulse 1s ease-in-out infinite}.chat-steps-chip .chat-step-dot.is-thinking{background:var(--c-warning-strong);animation:chat-pulse 1.4s ease-in-out infinite}.chat-steps-chip .chat-step-dot.is-done{background:var(--c-success);animation:none}.chat-steps-chip .chat-step-dot.is-error{background:var(--c-danger);animation:none}.chat-steps-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-steps-meta{flex:none;font-size:var(--fs-11);color:var(--c-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.chat-steps-list{display:flex;flex-direction:column;gap:var(--space-4);margin:0;padding:var(--space-2) 0 var(--space-2) var(--space-12);list-style:none;border-left:1px solid var(--c-border);font-size:var(--fs-12);color:var(--c-muted)}.chat-steps-list li.is-live{color:var(--c-ink)}.tb-sep{width:20px;height:1px;margin:var(--space-2) 0;background:var(--c-fill)}.timeline{position:absolute;bottom:12px;z-index:5;display:flex;flex-direction:column;overflow:hidden;outline:none;font-size:var(--fs-12)}.tl-head{display:flex;align-items:center;gap:var(--space-6);height:40px;padding:0 var(--space-8) 0 var(--space-10);border-bottom:1px solid var(--c-border);flex:none}.tl-play{width:28px}.tl-icon-btn{width:26px}.tl-time{min-width:96px;font-variant-numeric:tabular-nums;font-weight:var(--fw-medium)}.tl-time-total{color:var(--c-muted);font-weight:var(--fw-regular)}.tl-duration{width:72px}.tl-duration .field-label{display:none}.tl-spacer{flex:1}.tl-body{display:flex;flex:1;min-height:0}.tl-main{position:relative;flex:1;min-width:0;display:flex;flex-direction:column}.tl-ruler-row{display:flex;height:24px;flex:none;border-bottom:1px solid var(--c-border)}.tl-names-head{width:var(--tl-name-w, 168px);flex:none;padding:var(--space-6) var(--space-10);color:var(--c-muted);border-right:1px solid var(--c-border)}.tl-ruler{position:relative;flex:1;cursor:ew-resize;overflow:hidden}.tl-tick{position:absolute;top:0;bottom:0;padding:var(--space-6) 0 0 var(--space-4);border-left:1px solid var(--c-border);color:var(--c-muted);font-size:var(--fs-11);font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap}.tl-rows{flex:1;overflow-y:auto;overflow-x:hidden}.tl-empty{margin:var(--space-16) var(--space-12);color:var(--c-muted)}.tl-row{display:flex;border-bottom:1px solid var(--c-border)}.tl-row.is-selected .tl-name{background:var(--c-selected);font-weight:var(--fw-medium)}.tl-name{width:var(--tl-name-w, 168px);flex:none;padding:0 var(--space-10);border:0;border-right:1px solid var(--c-border);background:transparent;color:var(--c-ink);font:inherit;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.tl-name:hover{background:var(--c-hover)}.tl-name-cell{position:relative;display:flex;flex:none}.tl-name-cell .tl-name{padding-right:var(--space-56);padding-left:calc(var(--space-24) + var(--tl-indent, 0px))}.tl-fold{position:absolute;top:50%;left:calc(4px + var(--tl-indent, 0px));z-index:1;width:18px;height:18px;display:flex;align-items:center;justify-content:center;margin-top:calc(-1 * var(--space-10));padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--c-muted);cursor:pointer}.tl-fold:hover{background:var(--c-hover);color:var(--c-ink)}.tl-fold.is-closed svg{transform:rotate(-90deg)}.tl-name-tools{position:absolute;top:0;right:6px;bottom:0;display:flex;align-items:center;gap:var(--space-2)}.tl-name-tool{width:22px}.tl-row:not(.is-selected) .tl-name-cell .tl-name:hover{background:transparent}.tl-track{position:relative;flex:1;overflow:hidden}.tl-bar{position:absolute;height:18px;display:flex;align-items:center;border-radius:var(--radius-sm);background:var(--c-accent-soft);border:1px solid var(--c-accent-line);color:var(--c-accent-deep);cursor:grab;-webkit-user-select:none;user-select:none;overflow:hidden}.tl-bar.is-out{background:var(--c-danger-soft);border-color:var(--c-danger-line);color:var(--c-danger-deep)}.tl-bar.is-emphasis{background:var(--c-warning-soft);border-color:var(--c-warning-line);color:var(--c-warning-deep)}.tl-bar.is-change{background:var(--c-info-soft);border-color:var(--c-info-line);color:var(--c-info-deep)}.tl-bar.is-active{box-shadow:0 0 0 1.5px var(--c-accent)}.tl-bar:active{cursor:grabbing}.tl-bar-label{flex:1;padding:0 var(--space-6);font-size:var(--fs-11);font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.tl-edge{width:6px;align-self:stretch;flex:none;cursor:ew-resize}.tl-edge:hover{background:color-mix(in srgb,var(--c-ink) 8%,transparent)}.tl-playhead-layer{position:absolute;top:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.tl-playhead{position:absolute;top:0;bottom:0;width:0;border-left:1.5px solid var(--c-accent)}.tl-playhead:before{content:"";position:absolute;top:0;left:-6px;width:10px;height:10px;border-radius:var(--radius-sm) var(--radius-sm) 50% 50%;background:var(--c-accent)}.tl-inspector{width:var(--tl-insp-w, 232px);flex:none;display:flex;flex-direction:column;gap:var(--space-10);padding:var(--space-10) var(--space-12);border-left:1px solid var(--c-border);overflow-y:auto}.tl-inspector.is-empty{color:var(--c-muted);justify-content:center;text-align:center}.tl-insp-head{display:flex;align-items:center;gap:var(--space-6)}.tl-insp-title{font-weight:var(--fw-medium)}.tl-insp-layer{flex:1;color:var(--c-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-insp-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.tl-check{display:flex;align-items:center;gap:var(--space-6);cursor:pointer}.tl-check input{accent-color:var(--c-accent)}.tl-color{display:flex;flex-direction:column;gap:var(--space-4)}.tl-color-btn{display:flex;align-items:center;gap:var(--space-8);height:28px;padding:0 var(--space-8);border:0;border-radius:var(--radius-md);background:var(--c-hover);color:var(--c-ink);font:inherit;cursor:pointer}.tl-swatch{width:14px;height:14px;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-ink) 12%,transparent)}.tl-menu{position:fixed;z-index:1000;display:grid;grid-auto-flow:column;grid-template-rows:auto 1fr;gap:var(--space-4) var(--space-8)}.tl-menu-group{display:flex;flex-direction:column;min-width:112px}.tl-menu-title{margin:var(--space-2) var(--space-8) var(--space-4);color:var(--c-muted);font-size:var(--fs-11)}.tl-menu-item{display:flex;align-items:center;gap:var(--space-8);height:28px;padding:0 var(--space-8);border:0;border-radius:var(--radius-md);background:transparent;color:var(--c-ink);font:inherit;font-size:var(--fs-12);text-align:left;cursor:pointer}.tl-menu-item:hover{background:var(--c-hover)}.tl-dot{width:8px;height:8px;border-radius:50%;background:var(--c-accent-line)}.tl-dot.is-out{background:var(--c-danger-line)}.tl-dot.is-emphasis{background:var(--c-warning-line)}.tl-dot.is-change{background:var(--c-info-line)}.tl-exporting{display:flex;align-items:center;gap:var(--space-8);color:var(--c-muted);font-variant-numeric:tabular-nums}.tl-progress{width:80px;height:4px;border-radius:var(--radius-sm);background:var(--c-fill);overflow:hidden}.tl-progress span{display:block;height:100%;background:var(--c-accent)}.tl-note{max-width:220px;color:var(--c-danger);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-export-menu{position:fixed;z-index:1000;display:flex;flex-direction:column;gap:var(--space-10);width:240px}.tl-export-menu .tl-menu-title{margin:0}.tl-export-info{margin:0;color:var(--c-muted)}.tl-ai-menu{position:fixed;z-index:1000;display:flex;flex-direction:column;width:280px;overflow-y:auto}.tl-ai-item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-8) var(--space-8);border:0;border-radius:var(--radius-md);background:transparent;color:var(--c-ink);font:inherit;text-align:left;cursor:pointer}.tl-ai-item:hover{background:var(--c-hover)}.tl-ai-label{font-size:var(--fs-13);font-weight:var(--fw-medium)}.tl-ai-hint{color:var(--c-muted);font-size:var(--fs-12)}.tl-ai-sep{height:1px;margin:var(--space-4) 0;background:var(--c-fill)}.tl-variants{display:flex;align-items:center;gap:var(--space-6);height:36px;padding:0 var(--space-10);border-bottom:1px solid var(--c-border);background:var(--c-accent-5);flex:none;overflow-x:auto}.tl-variants-title{color:var(--c-muted);margin-right:var(--space-4)}.tl-variant{height:24px;padding:0 var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);color:var(--c-ink);font:inherit;white-space:nowrap;cursor:pointer}.tl-variant.is-on{border-color:var(--c-accent);background:var(--c-accent);color:var(--c-on-accent)}.tl-ai-chips{display:flex;flex-wrap:wrap;gap:var(--space-4);padding:0 var(--space-8) var(--space-6)}.tl-magic-back{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c-ink) 18%,transparent)}.tl-magic{display:flex;flex-direction:column;gap:var(--space-10);width:min(520px,calc(100vw - 32px))}.tl-magic-title{margin:0;font-size:var(--fs-14);font-weight:var(--fw-medium)}.tl-magic-help{margin:0;color:var(--c-muted);line-height:var(--lh-text)}.tl-magic-help code{color:var(--c-ink);font-size:var(--fs-12)}.tl-magic-text{resize:vertical}.tl-magic-actions{display:flex;align-items:center;gap:var(--space-8)}.tl-magic-file{cursor:pointer}.tl-magic-cancel{width:auto}.tl-dot.is-fx{background:var(--c-accent)}.tl-menu-fx{display:flex;align-items:center}.tl-menu-fx .tl-menu-item{flex:1}.tl-fx-del{display:none;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--c-muted);cursor:pointer}.tl-menu-fx:hover .tl-fx-del{display:flex}.tl-fx-del:hover{background:var(--c-hover);color:var(--c-ink)}.tl-save-fx{align-self:flex-start;font-size:var(--fs-12);text-align:left}.tl-dot.is-text{background:var(--c-success-line)}.tl-menu-stagger{grid-row:1;grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-8);padding:var(--space-2) var(--space-8) var(--space-8);border-bottom:1px solid var(--c-border);color:var(--c-muted);font-size:var(--fs-12)}.tl-menu-stagger-field{width:72px}.tl-menu-stagger-field .field-label{display:none}.tl-menu-group{grid-row:2}.tl-curve{display:flex;gap:var(--space-8);align-items:flex-start}.tl-curve-side{display:flex;flex-direction:column;gap:var(--space-6);padding-top:var(--space-4);font-size:var(--fs-12)}.tl-curve-name{width:100%}.curve-editor{flex:none;width:116px;height:116px;border-radius:var(--radius-md);background:var(--c-hover);touch-action:none}.curve-box{fill:var(--c-surface);stroke:var(--c-border)}.curve-diag{stroke:var(--c-border);stroke-dasharray:3 3}.curve-arm{stroke:var(--c-muted);stroke-width:1}.curve-path{fill:none;stroke:var(--c-accent);stroke-width:2.5}.curve-end{fill:var(--c-ink)}.curve-handle{fill:var(--c-on-accent);stroke:var(--c-accent);stroke-width:2;cursor:grab}.tl-css code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--c-muted)}.tl-css span{flex:none;color:var(--c-accent)}.tl-resize{position:absolute;top:0;left:0;right:0;height:8px;z-index:2;cursor:ns-resize}.tl-resize:after{content:"";position:absolute;top:3px;left:50%;width:36px;height:3px;margin-left:calc(-1 * var(--space-20));border-radius:var(--radius-sm);background:var(--c-fill)}.tl-resize:hover:after{background:var(--c-accent)}.tl-resize:hover{background:var(--c-accent-5);box-shadow:inset 0 2px 0 var(--c-accent)}.motion-path{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:visible}.mp-line{fill:none;stroke:var(--c-accent);stroke-width:1.5;stroke-dasharray:5 4}.mp-arm{stroke:var(--c-accent);stroke-width:1;opacity:.5}.mp-start{fill:var(--c-accent)}.mp-end,.mp-ctrl{fill:var(--c-on-accent);stroke:var(--c-accent);stroke-width:2;pointer-events:auto;cursor:grab}.tl-bar.is-inherited{background-image:repeating-linear-gradient(135deg,color-mix(in srgb,var(--c-surface) 55%,transparent) 0 4px,transparent 4px 8px);border-style:dashed;cursor:pointer}.tl-insp-note{margin:0;color:var(--c-muted);line-height:var(--lh-text)}.mask-clip{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible}.tl-bar.is-sound{background:var(--c-success-soft);border-color:var(--c-success-line);color:var(--c-success-deep);overflow:hidden}.tl-bar.is-sound.is-muted{opacity:.45}.tl-wave{flex:1;align-self:stretch;min-width:0;height:100%;pointer-events:none}.tl-wave path{stroke:var(--c-success);stroke-width:1.4;vector-effect:non-scaling-stroke}.tl-row.is-audio .tl-name{color:var(--c-success-deep)}.camera{position:absolute;left:0;top:0;transform-origin:50% 50%}.mg-overlay{position:absolute;left:0;top:0;pointer-events:none}.tl-row.is-page .tl-name{font-weight:var(--fw-medium)}.tl-bar.is-video{background:var(--c-accent-soft);border-color:var(--c-accent-line);color:var(--c-accent-deep)}.tl-bar.is-group{background:var(--c-hover);border:1px solid var(--c-border);color:var(--c-muted);cursor:grab}.tl-bar.is-group:active{cursor:grabbing}.dsp-backdrop{position:fixed;inset:0;z-index:880;display:flex;align-items:center;justify-content:center;padding:var(--space-32);background:color-mix(in srgb,var(--c-ink) 72%,transparent)}body.ds-open .color-picker,body.ds-open .font-menu,body.ds-open .context-menu,body.ds-open .guide-editor,body.ds-open .ixn-card,body.ds-open .dropdown-menu{z-index:1150}.dsp{display:flex;flex-direction:column;width:min(1183px,100%);height:min(762px,100%);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-card);overflow:hidden;color:var(--c-ink)}.dsp-head{display:flex;align-items:center;gap:var(--space-8);height:55px;flex-shrink:0;box-sizing:border-box;padding:var(--space-12);border-bottom:1px solid var(--c-border)}.dsp-head-text{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--space-6)}.dsp-title{margin:0;font-size:var(--fs-16);font-weight:var(--fw-medium);line-height:normal}.dsp-sub{margin:0;font-size:var(--fs-10);color:var(--c-slate);line-height:normal}.dsp-tabs-wrap{flex-shrink:0;padding:var(--space-12);border-bottom:1px solid var(--c-border)}.dsp-tabs{display:flex;gap:var(--space-6);height:32px;box-sizing:border-box;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--c-fill)}.dsp-tab{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--space-4);height:24px;padding:0 var(--space-8);border:0;border-radius:var(--radius-md);background:transparent;color:var(--c-ink);font:inherit;font-size:var(--fs-10);cursor:pointer}.dsp-tab.is-active,.dsp-tab:hover{background:var(--c-surface);box-shadow:var(--shadow-card)}.dsp-section-head{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:var(--space-8) var(--space-12);border-bottom:1px solid var(--c-border)}.dsp-section-title{margin:0;font-size:var(--fs-16);font-weight:var(--fw-medium);line-height:normal}.dsp-section-buttons{display:flex;align-items:center;gap:var(--space-16)}.dsp-body{flex:1;min-height:0;overflow:auto}.dsp-table{display:flex;flex-direction:column;min-width:max-content}.dsp-table.is-fluid{min-width:0}.dsp-table.is-fluid .dsp-col-fill,.dsp-table.is-fluid .dsp-sample{flex:1 1 0;min-width:0}.dsp-row{display:flex;align-items:stretch}.dsp-cell{box-sizing:border-box;flex-shrink:0;border:0;border-right:1px solid var(--c-border);border-bottom:1px solid var(--c-border);background:transparent;font:inherit;color:inherit;text-align:left}.dsp-label-row{position:sticky;top:0;z-index:1;background:var(--c-surface)}.dsp-label-row .dsp-cell{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-12);font-size:var(--fs-12);font-weight:var(--fw-medium);line-height:normal}.dsp-col-name,.dsp-name{width:151px}.dsp-col-mode,.dsp-col-preview{width:206px}.dsp-col-device{width:106px}.dsp-col-fill{flex:1 0 206px}.dsp-col-rest{flex:1 1 0;min-width:0;border-right:0}.dsp-label-row .dsp-add-col{width:32px;justify-content:center;padding:var(--space-8) 0;border-right:0;cursor:pointer}.dsp-add-col:hover{background:var(--c-hover)}.dsp-name{display:flex;flex-direction:column;gap:var(--space-10);padding:var(--space-12)}.dsp-name.is-tight{gap:var(--space-8);padding:var(--space-8) var(--space-12)}.dsp-name-row{display:flex;align-items:center;gap:var(--space-10);min-height:20px}.dsp-name-text{flex:1;min-width:0;overflow:hidden;font-size:var(--fs-12);font-weight:var(--fw-medium);text-overflow:ellipsis;white-space:nowrap;cursor:default}.dsp-rename{flex:1;min-width:0}.dsp-pills{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-8)}.dsp-pill{max-width:100%;overflow:hidden;text-overflow:ellipsis}.dsp-pill.is-removable button{padding:0 var(--space-2);border:0;background:none;color:inherit;font:inherit;cursor:pointer}.dsp-tag-choices{display:flex;flex-wrap:wrap;gap:var(--space-6)}.dsp-colors{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-8);padding:var(--space-8)}.dsp-color-pill{display:inline-flex;align-items:center;gap:var(--space-6);padding:var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font:inherit;color:var(--c-ink);line-height:normal}button.dsp-color-pill{cursor:pointer}.dsp-swatch{width:15px;height:15px;flex-shrink:0;box-sizing:border-box;border-radius:var(--radius-sm)}.dsp-swatch.is-empty{border:1px solid var(--c-border);background:var(--c-surface)}.dsp-hex{font-size:var(--fs-12)}.dsp-select{font-size:var(--fs-10)}.dsp-pct{font-size:var(--fs-10);color:var(--c-slate)}.dsp-mode-head{min-width:0}.dsp-mode-dot{width:8px;height:8px;flex-shrink:0;padding:0;border:1px solid var(--c-border-strong);border-radius:50%;background:var(--c-surface);cursor:pointer}.dsp-mode-dot.is-active{border-color:var(--c-accent);background:var(--c-accent)}.dsp-devices{display:flex;flex:1;min-width:0;flex-direction:column}.dsp-device-row{display:flex;flex:1}.dsp-device-row .dsp-col-device{padding:var(--space-8) var(--space-12);font-size:var(--fs-12);font-weight:var(--fw-medium);line-height:normal}.dsp-sample{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:center;gap:var(--space-8);padding:var(--space-24);cursor:pointer}.dsp-sample:hover{background:var(--c-bg)}.dsp-sample-text{max-width:100%;color:var(--c-ink);overflow-wrap:break-word}.dsp-sample-meta{font-size:var(--fs-10);color:var(--c-slate)}.dsp-fonts{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12) var(--space-24);padding:var(--space-12);border-bottom:1px solid var(--c-border)}.dsp-fonts .dsp-note{flex:1 1 200px}.dsp-font-choice{display:flex;align-items:center;gap:var(--space-10)}.dsp-font-aa{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--c-border);border-radius:var(--radius-md);font-size:var(--fs-20)}.dsp-font-pick{display:flex;flex-direction:column;gap:var(--space-4);width:200px}.dsp-font-label{font-size:var(--fs-10);color:var(--c-slate)}.dsp-effect-preview{display:flex;align-items:center;justify-content:center;padding:var(--space-20);background:var(--c-bg)}.dsp-effect-card{width:96px;height:56px;border-radius:var(--radius-md);background:var(--c-surface)}.dsp-effect-value{display:flex;flex-direction:column;justify-content:center;gap:var(--space-4);padding:var(--space-12);font-size:var(--fs-12);cursor:pointer}.dsp-effect-value:hover{background:var(--c-bg)}.dsp-measure{display:flex;align-items:center;gap:var(--space-10);padding:var(--space-8)}.dsp-measure-field{display:block;width:96px;flex-shrink:0}.dsp-measure.is-inherited input{color:var(--c-slate)}.dsp-measure-bar{height:8px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--c-accent) 25%,transparent)}.dsp-empty{margin:0;padding:var(--space-24) var(--space-12);font-size:var(--fs-12);color:var(--c-slate)}.dsp-popover{position:fixed;z-index:1100;display:flex;flex-direction:column;gap:var(--space-10);width:280px;max-height:calc(100vh - 24px);box-sizing:border-box;overflow:auto;padding:var(--space-12);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-pop)}.dsp-popover-title{margin:0;font-size:var(--fs-12);font-weight:var(--fw-medium)}.dsp-note{margin:0;font-size:var(--fs-10);color:var(--c-slate)}.dsp-tags{display:flex;flex-direction:column;gap:var(--space-8)}.dsp-tags .dsp-pills{flex-direction:row;flex-wrap:wrap;gap:var(--space-6)}.dsp-link{align-self:flex-start}.dsp-font-pick .field-label{display:none}.dsp-del{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--c-slate);cursor:pointer;opacity:0}.dsp-name:hover .dsp-del,.dsp-mode-head:hover .dsp-del,.dsp-del:focus-visible{opacity:1}.dsp-del:hover{background:var(--c-danger-soft);color:var(--c-danger)}.dsp-scale{display:flex;align-items:flex-end;gap:var(--space-10)}.dsp-scale-field{display:block;width:110px}.dsp-scale-field.is-wide{width:190px}.dsp-scale-btn{display:inline-flex;align-items:center;gap:var(--space-6);height:28px;padding:0 var(--space-10);border:1px solid var(--c-accent);border-radius:var(--radius-sm);background:var(--c-accent-5);color:var(--c-accent);font:inherit;font-size:var(--fs-11);white-space:nowrap;cursor:pointer}.dsp-scale-btn:hover{background:color-mix(in srgb,var(--c-accent) 10%,transparent)}.dsp-fonts .dsp-note{flex:1 1 100%}.dsp-hint{margin:0;padding:var(--space-8) var(--space-12);border-bottom:1px solid var(--c-border);font-size:var(--fs-10);color:var(--c-slate)}.dsp-hint.is-busy{color:var(--c-accent);background:var(--c-accent-5)}body.ds-open .ui-tooltip{z-index:1200}.dsp-empty-state{display:flex;min-height:100%;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-40) var(--space-16)}.dsp-empty-title{margin:0;font-size:var(--fs-18);font-weight:var(--fw-medium);letter-spacing:-.01em;color:var(--c-ink)}.dsp-empty-sub{margin:var(--space-10) 0 0;font-size:var(--fs-11);color:var(--c-slate)}.dsp-inline-picker{display:flex;flex-direction:column;gap:var(--space-16);width:216px;margin-top:var(--space-32)}.dsp-sv{height:216px}.dsp-hue{height:8px}.dsp-picker-row{display:flex;gap:var(--space-8)}.dsp-fmt{display:block;width:70px;flex-shrink:0}.dsp-fmt .field-label{display:none}.dsp-hex-field{display:flex;flex:1;min-width:0;align-items:center;gap:var(--space-6);height:34px;padding:0 var(--space-10);box-sizing:border-box;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface)}.dsp-hex-field:focus-within{border-color:var(--c-ink)}.dsp-hash{font-size:var(--fs-12);color:var(--c-slate)}.dsp-hex-field input{width:100%;min-width:0;border:0;outline:none;background:none;font:inherit;font-size:var(--fs-12);color:var(--c-ink)}.dsp-or{margin:var(--space-28) 0 var(--space-16);font-size:var(--fs-11);color:var(--c-slate)}.dsp-type-picks{display:flex;flex-direction:column;gap:var(--space-14);width:312px;margin-top:var(--space-40)}.dsp-type-pick{display:flex;flex-direction:column;gap:var(--space-6)}.dsp-type-label{font-size:var(--fs-11);color:var(--c-ink)}.dsp-type-label-row{display:flex;align-items:center;gap:var(--space-6)}.dsp-type-name{flex:1}.dsp-del.is-shown{opacity:1}.dsp-type-pick .dropdown-trigger{height:34px;border-radius:var(--radius-md);background:var(--c-surface)}.font-field-icon{display:inline-flex;margin-right:var(--space-8)}.dsp-glyph{width:14px;font-family:Georgia,Times New Roman,serif;font-size:var(--fs-14);line-height:1;color:var(--c-ink);text-align:center}.dropdown-value.is-placeholder{color:var(--c-ink)}.dsp-divider{height:1px;background:var(--c-fill)}.dsp-add-type.is-center{align-self:center}.dsp-sample{position:relative}.dsp-edit{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);background:var(--c-fill);color:var(--c-ink)}.dsp-sample:hover .dsp-edit{background:var(--c-chip)}.dsp-sample-text{padding-right:var(--space-28)}.dsp-edit-actions{display:flex;gap:var(--space-8)}.dsp-edit-actions .dsp-use-color{flex:1}.dsp-use-color.is-primary:not(:disabled) .dsp-glyph{color:var(--c-on-accent)}.dsp-ai-link{margin-left:var(--space-4)}.dsp-ai-link span{text-decoration:underline;text-underline-offset:3px}.dsp-name-row .dsp-del+.dsp-at{margin-left:calc(-1 * var(--space-8))}.dsp-del{opacity:1}.dsp-del:hover{background:var(--c-fill);color:var(--c-ink)}.dsp-section-head{padding:0 var(--space-8) 0 var(--space-12);min-height:40px}.dsp-section-buttons{gap:var(--space-8)}.dsp-edit,.dsp-sample:hover .dsp-edit{background:transparent}.dsp-sample .dsp-edit:hover{background:var(--c-fill)}.dsp-edit{pointer-events:auto}.dsp-fx-grid{display:grid;grid-template-columns:repeat(4,140px);gap:var(--space-12);margin-top:var(--space-32)}.dsp-fx-pick{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font:inherit;cursor:pointer}.dsp-fx-pick:hover{background:var(--c-hover)}.dsp-fx-pick.is-on{border-color:var(--c-accent)}.dsp-fx-stage{display:flex;align-items:center;justify-content:center;height:84px;border-radius:var(--radius-md);background:var(--c-bg)}.dsp-fx-stage .dsp-effect-card{width:72px;height:44px}.dsp-fx-name{font-size:var(--fs-11);color:var(--c-ink)}.dsp-empty-actions{display:flex;justify-content:center;width:312px;margin-top:var(--space-24)}.dsp-empty-actions .dsp-use-color{flex:1}.dsp-seg{display:flex;gap:var(--space-4);height:34px;box-sizing:border-box;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--c-fill)}.dsp-seg-btn{display:inline-flex;flex:1;align-items:center;justify-content:center;gap:var(--space-6);border:0;border-radius:var(--radius-md);background:transparent;font:inherit;font-size:var(--fs-11);color:var(--c-ink);cursor:pointer}.dsp-seg-btn.is-active,.dsp-seg-btn:hover{background:var(--c-surface);box-shadow:var(--shadow-card)}.dsp-corner{width:10px;height:10px;border-top:1.5px solid currentColor;border-left:1.5px solid currentColor}.dsp-container-field{display:block}.dsp-radius-preview{width:22px;height:22px;flex-shrink:0;border-top:2px solid color-mix(in srgb,var(--c-accent) 55%,transparent);border-left:2px solid color-mix(in srgb,var(--c-accent) 55%,transparent)}.dsp-measure-bar.is-size{background:color-mix(in srgb,var(--c-ink) 18%,transparent)}.cmp-panel{display:flex;flex:1;min-height:0;flex-direction:column;gap:var(--space-10);padding:0 var(--space-12) var(--space-12)}.cmp-tabs{flex-shrink:0}.cmp-scroll{flex:1;min-height:0;overflow:auto;margin-right:-14px;padding-right:var(--space-6)}.cmp-group+.cmp-group{margin-top:var(--space-6)}.cmp-group-head{display:flex;align-items:center;gap:var(--space-6);width:100%;padding:var(--space-8) 0;border:0;background:none;font:inherit;font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--c-ink);cursor:pointer}.cmp-chevron{display:inline-flex;transform:rotate(-90deg);transition:transform .12s}.cmp-chevron.is-open{transform:none}.cmp-count{margin-left:auto}.cmp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--space-8)}.cmp-card{display:flex;flex-direction:column;overflow:hidden}.cmp-thumb{height:84px;background:var(--c-bg)}.cmp-fit{position:relative;width:100%;height:100%;overflow:hidden}.cmp-fit-inner{position:absolute;top:50%;left:50%;translate:-50% -50%;transform-origin:center;pointer-events:none}.cmp-html{position:relative}.cmp-card-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-height:32px;padding:var(--space-6) var(--space-4) var(--space-4) var(--space-8);border-top:1px solid var(--c-border)}.cmp-name{flex:1 0 100%;min-width:0;overflow:hidden;font-size:var(--fs-11);color:var(--c-ink);text-overflow:ellipsis;white-space:nowrap}.cmp-meta{margin-right:auto;font-size:var(--fs-10);color:var(--c-slate);white-space:nowrap}.cmp-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-40) 0}.cmp-empty-title{margin:0;font-size:var(--fs-13);color:var(--c-ink)}.dsp.cme{width:100%;height:100%}.cme-body{display:flex;flex:1;min-height:0}.cme-stage{flex:1;min-width:0;background:var(--c-bg);background-image:radial-gradient(var(--c-dot) 1px,transparent 1px);background-size:16px 16px}.cme-preview{display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden}.cme-preview .cmp-html{flex-shrink:0;transform-origin:center}.cme-canvas{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.cme-canvas-area{position:relative;flex:1;min-height:0}.cme-canvas .timeline{bottom:auto;margin:0 var(--space-8) var(--space-8)}.cme-side.is-chat{display:flex;flex-direction:column;overflow:hidden;padding:var(--space-12)}.cme-side.is-chat>.chat-view{flex:1;min-height:0}.cme-preview-art{position:relative;flex-shrink:0;transform-origin:center}.cme-mark{position:absolute;box-sizing:border-box;border:1.5px solid var(--c-accent, var(--c-accent));pointer-events:none}.cme-layers{width:220px;flex-shrink:0;overflow-y:auto;padding:var(--space-12) var(--space-8);border-right:1px solid var(--c-border);background:var(--c-surface)}.cme-layers .cme-section-title{margin:0 var(--space-8) var(--space-8)}.cme-layer{display:flex;align-items:center;gap:var(--space-6);width:100%;height:28px;padding-right:var(--space-8);border:0;border-radius:var(--radius-sm);background:none;font:inherit;font-size:var(--fs-12);color:var(--c-ink);text-align:left;cursor:pointer}.cme-layer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cme-layer svg{flex-shrink:0;color:var(--c-slate)}.cme-layer:hover{background:var(--c-hover, var(--c-hover))}.cme-layer.is-on{background:var(--c-selected);font-weight:var(--fw-medium)}.cme-side{width:320px;flex-shrink:0;overflow-y:auto;border-left:1px solid var(--c-border)}.cme-side.is-props{display:flex;width:305px;overflow:hidden;background:var(--c-surface)}.cme-edge{position:relative;width:0;flex-shrink:0;z-index:6}.cme-edge>.panel-resizer{inset:0 auto 0 -4px}.cme-layers:has(+.cme-edge>.panel-resizer:is(:hover,.is-dragging)){border-right-color:var(--c-ink)}.cme-edge:has(>.panel-resizer:is(:hover,.is-dragging))+.cme-side{border-left-color:var(--c-ink)}.cme-side.is-props>.props{position:relative;inset:auto;width:100%;height:100%;border:0;border-radius:0;box-shadow:none}.cme-side.is-props .props-code-btn{display:none}.cme-section{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-12);border-bottom:1px solid var(--c-border)}.cme-section-title{margin:0 0 var(--space-2);font-size:var(--fs-12);font-weight:var(--fw-medium)}.cme-field{display:flex;flex-direction:column;gap:var(--space-6)}.cme-label{font-size:var(--fs-11);color:var(--c-slate)}.cme-input{height:30px;padding:0 var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-sm);outline:none;font:inherit;font-size:var(--fs-12)}.cme-input:focus{border-color:var(--c-ink)}.cme-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.cme-row{display:flex;align-items:center;gap:var(--space-6)}.cme-grow{flex:1;min-width:0}.cme-small{display:block;width:72px}.cme-icon-btn{display:inline-flex;padding:var(--space-6);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--c-ink);cursor:pointer}.cme-icon-btn:hover{background:var(--c-fill)}.cme-section .inside-head{display:none}.cme-stage{display:flex;flex-direction:column}.cme-stage .cme-preview{flex:1;min-height:0;height:auto}.cme-preview .cmp-html div{overflow:visible!important}.cme-bar{display:flex;flex-wrap:wrap;gap:var(--space-8) var(--space-20);padding:var(--space-10) var(--space-12);border-bottom:1px solid var(--c-border);background:var(--c-surface)}.cme-panel-btn{flex-shrink:0;align-self:center}.cme-bar:has(.cme-panel-btn){flex-shrink:0;flex-wrap:nowrap;align-items:flex-start}.cme-bar-main{display:flex;flex:1;min-width:0;align-items:center;gap:var(--space-24);overflow-x:auto;scrollbar-width:none}.cme-bar-main .cme-bar-group{flex-wrap:nowrap;flex-shrink:0}.cme-versions{height:30px;padding:var(--space-2);gap:var(--space-2)}.cme-add-version{margin-left:var(--space-2)}.cme-states .dsp-seg-btn.is-new{color:var(--c-slate)}.cme-state-x{display:inline-flex;margin-left:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);color:var(--c-slate)}.cme-state-x:hover{background:var(--c-hover);color:var(--c-ink)}.cme-versions .dsp-seg-btn{flex:0 0 auto;min-width:36px;padding:0 var(--space-10);font-size:var(--fs-12)}.cme-bar-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.cme-bar-label{margin-right:var(--space-4);font-size:var(--fs-12);color:var(--c-slate)}.cme-chip{display:inline-flex;align-items:center;height:26px;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font:inherit;font-size:var(--fs-11);color:var(--c-ink)}button.cme-chip,.cme-chip>button:first-child{display:inline-flex;align-items:center;gap:var(--space-4);height:100%;padding:0 var(--space-10);border:0;background:transparent;font:inherit;font-size:var(--fs-12);color:inherit;white-space:nowrap;cursor:pointer}button.cme-chip{border:1px solid var(--c-border)}.cme-chip:hover{background:var(--c-hover)}.cme-chip.is-on{border-color:var(--c-accent);background:var(--c-accent-5);color:var(--c-accent)}.cme-chip.is-new{border-style:dashed;color:var(--c-slate)}.cme-chip.is-add{padding:0 var(--space-8)}.cme-chip-x{display:inline-flex;margin-right:var(--space-4);padding:var(--space-4);border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;cursor:pointer}.cme-chip-x:hover{background:color-mix(in srgb,var(--c-accent) 12%,transparent)}.cme-chip-input{width:96px;height:26px;padding:0 var(--space-8);border:1px solid var(--c-accent);border-radius:var(--radius-md);outline:none;font:inherit;font-size:var(--fs-11)}.cp-vars{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-6);max-height:168px;overflow-y:auto}.cp-var{display:flex;align-items:center;gap:var(--space-6);min-width:0;height:26px;padding:0 var(--space-6);border:0;border-radius:var(--radius-sm);background:transparent;font:inherit;font-size:var(--fs-11);color:var(--c-ink);text-align:left;cursor:pointer}.cp-var:hover{background:var(--c-hover)}.cp-var.is-current{background:var(--c-accent-5);color:var(--c-accent)}.cp-var-swatch{width:14px;height:14px;flex-shrink:0;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-ink) 8%,transparent)}.cp-var-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paint-var{display:inline-flex;flex:1;min-width:0;align-items:center;gap:var(--space-4);height:20px;margin-left:var(--space-4);padding:0 var(--space-4) 0 var(--space-8);border-radius:var(--radius-sm);background:var(--c-fill);font-size:var(--fs-12);color:var(--c-ink)}.paint-var-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paint-var-x{display:inline-flex;padding:var(--space-4);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--c-slate);cursor:pointer}.paint-var-x:hover{background:var(--c-border-strong);color:var(--c-ink)}.tk-rows{display:flex;flex-direction:column;gap:var(--space-8)}.tk-row{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:var(--space-8)}.tk-label{font-size:var(--fs-11);color:var(--c-slate)}.tk-select{display:flex;min-width:0;align-items:center;gap:var(--space-6);height:30px;padding:0 var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);font:inherit;font-size:var(--fs-12);color:var(--c-ink);cursor:pointer}.tk-select:hover{background:var(--c-hover)}.tk-select.is-linked{background:var(--c-fill)}.tk-name{flex:1;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tk-select:not(.is-linked) .tk-name{color:var(--c-slate)}.tk-meta{font-size:var(--fs-10);color:var(--c-slate)}.tk-swatch{width:14px;height:14px;flex-shrink:0;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-ink) 8%,transparent)}.tk-none{width:14px;height:14px;flex-shrink:0;border:1px dashed var(--c-border-strong);border-radius:var(--radius-sm)}.tk-aa{width:18px;flex-shrink:0;font-size:var(--fs-12)}.tk-fx{width:14px;height:14px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--c-surface)}.tk-inline{display:flex;align-items:center;gap:var(--space-4)}.tk-inline-main{flex:1;min-width:0}.tk-btn{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--c-slate);cursor:pointer}.tk-btn:hover{background:var(--c-fill);color:var(--c-ink)}.tk-pill{display:flex;min-width:0;align-items:center;height:30px;border-radius:var(--radius-sm);background:var(--c-fill)}.tk-pill-main{display:flex;flex:1;min-width:0;align-items:center;gap:var(--space-6);height:100%;padding:0 var(--space-8);border:0;background:transparent;font:inherit;font-size:var(--fs-12);color:var(--c-ink);cursor:pointer}.tk-pill-x{display:inline-flex;margin-right:var(--space-4);padding:var(--space-4);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--c-slate);cursor:pointer}.tk-pill-x:hover{background:var(--c-border-strong);color:var(--c-ink)}.tk-style-row{display:flex;align-items:center;gap:var(--space-8);margin-bottom:var(--space-8)}.tk-style-row .tk-label{flex:1}.tk-style-row .tk-pill{flex:3}.field-label-row .tk-btn{width:20px;height:20px;margin-left:auto}.field-icon-btn{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:20px;height:20px;margin-left:calc(-1 * var(--space-4));border-radius:var(--radius-sm);color:var(--c-slate);cursor:pointer}.field-icon-btn:hover,.field-icon-btn:focus-visible{background:var(--c-fill);color:var(--c-accent);outline:none}.field-icon-btn .field-icon{margin:0}.field-icon-btn{color:var(--c-accent)}.tk-box-pill{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:var(--space-8);margin-bottom:var(--space-6)}.color-box.has-token{padding-left:var(--space-6)}.color-box.has-token .tk-icon{margin-left:0;margin-right:var(--space-2)}.tk-swatch{display:inline-block;width:12px;height:12px;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-ink) 10%,transparent)}.box-label .tk-icon{width:16px;height:16px;margin:0 var(--space-2) 0 calc(-1 * var(--space-2));pointer-events:auto}.box-label:has(.tk-icon){display:inline-flex;align-items:center}.box-link-tabs{margin-bottom:var(--space-8)}.box-link-tabs button{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0}.fold-reset,.props-group .fold.is-list.is-open .fold-reset{position:absolute;top:7px;right:36px;width:20px}.props-reset-all{flex:none;width:24px;margin-left:calc(-1 * var(--space-4))}.box-value:disabled,.box-value:disabled:hover{background:transparent;color:var(--c-border-strong);cursor:default}.error-box{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-8);margin:var(--space-12);padding:var(--space-16);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font-size:var(--fs-12);color:var(--c-ink)}.error-box-title{font-weight:var(--fw-medium)}.error-box-msg{color:var(--c-muted);word-break:break-word}.error-box.is-root{margin:var(--space-40) auto;max-width:420px}.box-side{position:relative;z-index:2;display:inline-flex;align-items:center;gap:var(--space-1)}.box-side .tk-icon{width:14px;height:14px;margin:0}.box-side .tk-icon svg{width:11px;height:11px}.box-value.is-linked{color:var(--c-accent);font-weight:var(--fw-medium)}.box-l .box-side,.box-r .box-side{flex-direction:column;gap:0}.dsp-border-preview{width:28px;height:0;flex-shrink:0;border-top:1px solid color-mix(in srgb,var(--c-accent) 55%,transparent)}.project-tab.is-comp .project-tab-icon{color:var(--c-accent)}.frame.is-bare .frame-chrome,.frame.is-bare .frame-size{display:none}.frame.is-bare .artboard{overflow:visible;background:transparent;box-shadow:none}.comp-kind-pill{display:inline-flex;align-items:center;gap:var(--space-4);align-self:flex-start;margin-top:var(--space-4);padding:var(--space-1) var(--space-6);border-radius:var(--radius-sm);background:var(--c-fill);color:var(--c-slate);font-size:var(--fs-11);line-height:16px}.project-tab-icon.is-diamond{display:inline-flex;color:var(--c-accent)}.states-bar{padding:var(--space-12);border-bottom:1px solid var(--c-border)}.states-head{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.states-head>.props-title{margin-right:auto}.states-add{width:22px}.states-chips{display:flex;flex-wrap:wrap;gap:var(--space-4)}.state-chip{height:26px;padding:0 var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);font:inherit;font-size:var(--fs-12);color:var(--c-slate);cursor:pointer}.state-chip:hover{background:var(--c-fill)}.state-chip.is-on{border-color:var(--c-accent);background:color-mix(in srgb,var(--c-accent) 8%,transparent);color:var(--c-accent);font-weight:var(--fw-medium)}.layer-chip{position:absolute;z-index:2;transform:translateY(-100%);gap:var(--space-4);padding:var(--space-2) var(--space-6);font-size:var(--fs-12);color:var(--c-slate);cursor:default;-webkit-user-select:none;user-select:none}.layer-chip.is-selected{color:var(--c-accent)}.preview-view{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;background:var(--c-dark-bg)}.preview-bar{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-12);height:36px;padding:0 var(--space-12) 0 var(--space-16);color:var(--c-chip);font-size:var(--fs-13)}.preview-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-size{color:var(--c-text-faint);font-size:var(--fs-12)}.preview-close{width:28px}.preview-stage{flex:1;min-height:0;overflow:auto;padding:0 var(--space-32) var(--space-32)}.preview-sizer{position:relative;margin:0 auto}.preview-page{position:absolute;top:0;left:0;overflow:hidden;background:var(--c-surface);transform-origin:0 0;box-shadow:var(--shadow-modal)}.panel-title-row{flex-direction:row;align-items:center;justify-content:space-between;min-height:var(--btn-h-sm)}.state-chip.state-rename{width:110px;outline:none;cursor:text}.interaction-bar{padding:var(--space-12);border-bottom:1px solid var(--c-border)}.interaction-row{display:flex;align-items:center;gap:var(--space-8);margin-top:var(--space-8);color:var(--c-slate);font-size:var(--fs-12)}.interaction-on{flex-shrink:0;color:var(--c-ink)}.interaction-to{flex:1;min-width:0}.states-anim{display:flex;flex-direction:column;gap:var(--space-8);margin-top:var(--space-12)}.comp-side-tabs{flex-shrink:0;margin:0 var(--space-12) var(--space-8)}.comp-page-btn{width:calc(100% - 24px);margin:0 var(--space-12) var(--space-10);justify-content:center}.link-layer{position:absolute;inset:0;z-index:3;overflow:visible;color:var(--c-accent);pointer-events:none}.link-layer path{fill:none;stroke:var(--c-accent);stroke-width:1.5}.link-layer .link-dot{fill:var(--c-on-accent);stroke:var(--c-accent);stroke-width:1.5}.link-layer .link-drag{stroke-dasharray:4 4}.link-layer .link-target{fill:var(--c-accent-5);stroke:var(--c-accent);stroke-width:1.5}.link-pill{position:absolute;z-index:4;transform:translate(-50%,-50%);padding:var(--space-4) var(--space-10);border:0;border-radius:var(--radius-md);background:var(--c-accent);color:var(--c-on-accent);font:inherit;font-size:var(--fs-11);font-weight:var(--fw-medium);white-space:nowrap;cursor:pointer;box-shadow:0 1px 4px color-mix(in srgb,var(--c-ink) 18%,transparent)}.link-pill:hover{background:var(--c-accent-hover)}.link-auto{margin-right:var(--space-6);padding:0 var(--space-6);border-radius:var(--radius-md);background:color-mix(in srgb,var(--c-surface) 22%,transparent);font-size:var(--fs-10);font-weight:var(--fw-medium)}.link-handle{position:absolute;z-index:4;display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;transform:translate(-50%,-50%);border:1.5px solid var(--c-accent);border-radius:50%;background:var(--c-surface);color:var(--c-accent);cursor:crosshair;touch-action:none}.link-handle:hover{background:var(--c-accent);color:var(--c-on-accent)}.ixn-card{position:fixed;z-index:70;display:flex;flex-direction:column;gap:var(--space-8);width:264px}.ixn-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.ixn-title{flex:1;font-size:var(--fs-13);font-weight:var(--fw-medium)}.ixn-row{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:var(--space-8)}.ixn-row .field{margin:0}.ixn-label{font-size:var(--fs-12);color:var(--c-slate)}.ixn-sep{height:1px;margin:var(--space-2) 0;background:var(--c-fill)}.ixn-timeline{display:inline-flex;align-items:center;gap:var(--space-6);height:28px;padding:0 var(--space-8);border:0;border-radius:var(--radius-md);background:var(--c-accent-5);color:var(--c-accent);font-size:var(--fs-12);cursor:pointer}.ixn-timeline:hover{background:color-mix(in srgb,var(--c-accent) 10%,transparent)}.ixn-layer{overflow:hidden;padding:0 var(--space-2);font-size:var(--fs-12);text-overflow:ellipsis;white-space:nowrap}.layer-chip.is-main,.layer-chip.is-main.is-selected{background:var(--c-accent);color:var(--c-on-accent)}.layer-chip.is-set{background:transparent;color:var(--c-component);font-weight:var(--fw-medium);padding-left:0}.layer-chip.is-set.is-selected{color:var(--c-accent)}.project-name.comp-page-title{display:flex;align-items:center;gap:var(--space-8)}.sel-hover.drop-target{border-color:var(--c-canvas-select);background:color-mix(in srgb,var(--c-accent) 4%,transparent)}.drop-line{position:absolute;border-radius:var(--radius-hair);background:var(--c-canvas-select);pointer-events:none}.chat-login{margin-top:var(--space-8)}.chat-steps-dock{position:relative;padding:0 var(--space-12) var(--space-8)}.chat-steps-dock .chat-steps-group{flex-direction:column-reverse;align-items:stretch;gap:0;border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);overflow:hidden}.chat-steps-dock .chat-steps-group.is-open{box-shadow:var(--shadow-card)}.chat-steps-dock .chat-steps-row{display:flex;align-items:center}.chat-steps-dock .chat-steps-chip{flex:1;min-width:0;width:100%;max-width:none;padding:var(--space-8) var(--space-12);border:0;border-radius:0;background:transparent}.chat-steps-dock .chat-steps-chip:hover{background:var(--c-bg)}.chat-steps-dock .chat-steps-label{flex:1;min-width:0;text-align:left}.chat-steps-dock .chat-steps-list{max-height:240px;overflow-y:auto;margin:0;padding:var(--space-10) var(--space-12) var(--space-6) var(--space-24);border-left:0;border-bottom:1px solid var(--c-border)}.chat-ask{gap:var(--space-10);padding:var(--space-14);font-size:var(--fs-13);white-space:normal}.chat-ask-question{line-height:var(--lh-text);color:var(--c-ink)}.chat-ask-options{display:flex;flex-direction:column;gap:var(--space-6)}.chat-ask-option{display:flex;align-items:flex-start;gap:var(--space-8);width:100%;min-height:var(--btn-h-md);padding:var(--space-8) var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font:inherit;font-size:var(--fs-12);line-height:var(--lh-text);color:var(--c-ink);text-align:left;cursor:pointer}button.chat-ask-option:hover{background:var(--c-hover)}.chat-ask-option.is-static{cursor:default}.chat-ask-option.is-picked{border-color:transparent;background:var(--c-selected);color:var(--c-ink)}.chat-ask-mark{display:inline-grid;flex:none;place-items:center;width:16px;height:16px;margin-top:calc((1lh - 16px)/2);border:1.5px solid var(--c-border);background:var(--c-surface);color:var(--c-on-accent)}.chat-ask-mark.is-radio{border-radius:50%}.chat-ask-mark.is-box{border-radius:var(--radius-sm)}.chat-ask-mark.is-on{border-color:var(--c-accent);background:var(--c-accent)}.chat-ask-num{display:inline-grid;flex:none;place-items:center;width:20px;height:20px;border-radius:var(--radius-md);background:var(--c-selected);font-size:var(--fs-11);color:var(--c-slate)}.chat-ask-option.is-picked .chat-ask-num{background:var(--c-accent);color:var(--c-on-accent)}.chat-ask-label{flex:1;min-width:0}.chat-ask-option.is-other textarea{flex:1;min-width:0;padding:0;border:0;background:transparent;font:inherit;color:var(--c-ink);resize:none;outline:none}.chat-ask-foot{display:flex;justify-content:flex-end}.chat-ask.is-done .chat-ask-question{color:var(--c-slate)}.chat-board{gap:var(--space-10);padding:var(--space-12)}.chat-board-head{display:flex;align-items:center;gap:var(--space-6)}.chat-board-title{flex:1;min-width:0;font-weight:var(--fw-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-board-pill{flex:none}.chat-board-pill.is-edit input{width:34px;padding:0;border:0;background:transparent;font:inherit;color:var(--c-ink);text-align:right;outline:none}.chat-board-shots{display:flex;flex-direction:column;gap:var(--space-6);margin:0;padding:0;list-style:none}.chat-shot{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-8) var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface)}.chat-shot.is-building{border-color:var(--c-accent)}.chat-shot-head{display:flex;align-items:center;gap:var(--space-8)}.chat-shot-num{display:inline-grid;flex:none;place-items:center;width:18px;height:18px;border-radius:var(--radius-sm);background:var(--c-selected);font-size:var(--fs-11);color:var(--c-slate)}.chat-shot.is-building .chat-shot-num,.chat-shot.is-done .chat-shot-num{background:var(--c-accent);color:var(--c-on-accent)}.chat-shot-title{flex:1;min-width:0;padding:0;border:0;background:transparent;font:inherit;font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--c-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none}.chat-shot-remove{flex:none;place-items:center;width:20px}.chat-shot-thumb{display:block;width:100%;border-radius:var(--radius-md);background:var(--c-bg)}.chat-shot-fields{display:flex;flex-direction:column;gap:var(--space-4);margin:0}.chat-shot-field{display:flex;align-items:baseline;gap:var(--space-8);font-size:var(--fs-12)}.chat-shot-field dt{flex:none;width:64px;color:var(--c-muted)}.chat-shot-field dd{flex:1;min-width:0;margin:0;color:var(--c-ink);overflow-wrap:anywhere}.chat-shot-field dd input:not([type=color]){width:100%;padding:var(--space-2) var(--space-6);border:1px solid transparent;border-radius:var(--radius-sm);background:var(--c-bg);font:inherit;color:var(--c-ink);outline:none}.chat-shot-field dd input:focus{border-color:var(--c-ink)}.chat-shot-accent{display:flex;align-items:center;gap:var(--space-6)}.chat-shot-accent input[type=color]{width:18px;height:18px;padding:0;border:0;background:none;cursor:pointer}.chat-shot-swatch{width:14px;height:14px;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-ink) 12%,transparent)}.chat-shot-accent code{padding:var(--space-1) var(--space-6);border-radius:var(--radius-sm);background:var(--c-bg);font-size:var(--fs-11)}.chat-board-gap{flex:1}.chat-board.is-approved .chat-card-done strong{color:var(--c-success)}.chat-steps-stop{display:inline-flex;flex:none;align-items:center;gap:var(--space-6);height:26px;padding:0 var(--space-10);margin-right:var(--space-8);font:inherit;font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--c-ink);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);cursor:pointer}.chat-steps-stop span{flex:none;width:8px;height:8px;border-radius:var(--radius-sm);background:var(--c-ink)}.chat-row{display:flex;align-items:flex-start;gap:var(--space-10);min-width:0}.chat-row>.chat-msg{min-width:0}.chat-avatar{display:grid;flex:none;place-items:center;width:24px;height:24px;margin-top:var(--space-4)}.chat-row.is-agent .chat-avatar{margin-top:var(--space-2)}.user-avatar{display:grid;place-items:center;padding:0;overflow:hidden;border:1px solid var(--c-border);border-radius:50%;background:var(--c-selected);color:var(--c-slate);cursor:pointer}.user-avatar img,.rail-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.rail-avatar{overflow:hidden}.leyar-mark{position:relative;display:inline-block;flex:none}.leyar-mark-card{position:absolute;left:0;right:0;border-radius:calc(2px * var(--k));transform-origin:50% 50%}.leyar-mark-card.is-back{top:0;height:calc(11px * var(--k));background:var(--c-logo-pink)}.leyar-mark-card.is-mid{top:calc(3px * var(--k));height:calc(12px * var(--k));background:var(--c-logo-cyan)}.leyar-mark-card.is-front{top:calc(7px * var(--k));height:calc(14px * var(--k));background:var(--c-accent)}.leyar-mark.is-stack .leyar-mark-card{animation:lm-stack 1.6s cubic-bezier(.34,1.56,.64,1) infinite}.leyar-mark.is-stack .is-mid{animation-delay:.12s}.leyar-mark.is-stack .is-front{animation-delay:.24s}@keyframes lm-stack{0%{transform:translateY(-120%);opacity:0}25%,72%{transform:none;opacity:1}to{transform:translateY(-40%);opacity:0}}.leyar-mark.is-shuffle .leyar-mark-card{animation:lm-shuffle 1.8s ease-in-out infinite}.leyar-mark.is-shuffle .is-mid{animation-delay:.6s}.leyar-mark.is-shuffle .is-back{animation-delay:1.2s}@keyframes lm-shuffle{0%,18%{transform:none}34%{transform:translate(65%) rotate(10deg)}50%{transform:translate(30%) translateY(-30%) rotate(-4deg)}66%,to{transform:none}}.leyar-mark.is-spread .leyar-mark-card{animation:lm-spread 1.4s ease-in-out infinite}.leyar-mark.is-spread .is-back{--dy: calc(-4px * var(--k))}.leyar-mark.is-spread .is-mid{--dy: calc(-1px * var(--k))}.leyar-mark.is-spread .is-front{--dy: calc(3px * var(--k))}@keyframes lm-spread{0%,to{transform:none}50%{transform:translateY(var(--dy)) scaleX(.92)}}.leyar-mark.is-tilt .leyar-mark-card{animation:lm-tilt 1.6s ease-in-out infinite}.leyar-mark.is-tilt .is-mid{animation-delay:.1s}.leyar-mark.is-tilt .is-front{animation-delay:.2s}@keyframes lm-tilt{0%,to{transform:none}50%{transform:skewY(-14deg) scaleY(.8) translate(calc(2px * var(--k)))}}.leyar-mark.is-wave .leyar-mark-card{animation:lm-wave 1.2s ease-in-out infinite}.leyar-mark.is-wave .is-mid{animation-delay:.15s}.leyar-mark.is-wave .is-front{animation-delay:.3s}@keyframes lm-wave{0%,60%,to{transform:none}25%{transform:translateY(calc(-4px * var(--k)))}}.leyar-mark.is-fan .leyar-mark-card{transform-origin:15% 100%;animation:lm-fan 1.8s cubic-bezier(.45,0,.2,1) infinite}.leyar-mark.is-fan .is-back{--r: -24deg}.leyar-mark.is-fan .is-mid{--r: -10deg}.leyar-mark.is-fan .is-front{--r: 6deg}@keyframes lm-fan{0%,15%,to{transform:none}45%,65%{transform:rotate(var(--r))}}.leyar-mark.is-flip{perspective:calc(60px * var(--k))}.leyar-mark.is-flip .leyar-mark-card{animation:lm-flip 1.8s ease-in-out infinite}.leyar-mark.is-flip .is-mid{animation-delay:.2s}.leyar-mark.is-flip .is-back{animation-delay:.4s}@keyframes lm-flip{0%,20%{transform:rotateX(0)}55%,to{transform:rotateX(360deg)}}.leyar-mark.is-orbit .leyar-mark-card{animation:lm-orbit 1.8s cubic-bezier(.45,0,.55,1) infinite}.leyar-mark.is-orbit .is-mid{animation-delay:-.6s}.leyar-mark.is-orbit .is-front{animation-delay:-1.2s}@keyframes lm-orbit{0%{transform:rotate(0) translate(calc(3px * var(--k))) rotate(0) scale(.9)}to{transform:rotate(360deg) translate(calc(3px * var(--k))) rotate(-360deg) scale(.9)}}.leyar-mark.is-peel .is-front{transform-origin:0% 0%;animation:lm-peel 1.6s ease-in-out infinite}.leyar-mark.is-peel .is-mid{transform-origin:0% 0%;animation:lm-peel 1.6s ease-in-out .25s infinite}@keyframes lm-peel{0%,20%,to{transform:none}50%,60%{transform:rotate(-28deg) translateY(calc(-2px * var(--k)))}}.leyar-mark.is-build .leyar-mark-card{transform-origin:50% 100%;animation:lm-build 1.9s cubic-bezier(.34,1.56,.64,1) infinite}.leyar-mark.is-build .is-mid{animation-delay:.18s}.leyar-mark.is-build .is-back{animation-delay:.36s}@keyframes lm-build{0%{transform:scale(0);opacity:0}30%,80%{transform:none;opacity:1}to{transform:scale(.6);opacity:0}}@media(prefers-reduced-motion:reduce){.leyar-mark .leyar-mark-card{animation:none!important}}.canvas-overlay-clip{position:absolute;inset:0;z-index:2;pointer-events:none}.canvas-overlay-clip>*{pointer-events:auto}.canvas-overlay-clip .link-layer{pointer-events:none}.signin-gate{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-16);background:var(--c-bg);overflow-y:auto}.signin-card{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-16);width:342px;max-width:calc(100vw - 32px);padding:var(--space-16);border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--c-ink) 8%,transparent));font-family:var(--font-ui);color:var(--c-ink)}.signin-title{margin:0;overflow:hidden;font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-18);line-height:normal;text-overflow:ellipsis;white-space:nowrap}.signin-field{display:flex;flex-direction:column;gap:var(--space-4);font-size:var(--fs-12);font-weight:var(--fw-regular)}.signin-input svg{flex-shrink:0}.signin-input input{flex:1;min-width:0;padding:0;border:0;background:none;font:inherit;font-size:var(--fs-12);line-height:normal;color:var(--c-ink);outline:none}.signin-input input::placeholder{color:var(--c-slate)}.signin-help{align-self:flex-start;font-size:var(--fs-12);color:var(--c-slate);text-decoration:none}.signin-help:hover{color:var(--c-ink)}.signin-btns{display:flex;flex-direction:column;gap:var(--space-8)}.signin-btn{width:100%}.signin-or{display:flex;align-items:center;gap:var(--space-16);font-size:var(--fs-12);color:var(--c-slate)}.signin-or:before,.signin-or:after{content:"";flex:1;height:1px;background:var(--c-fill)}.signin-error{margin:0;padding:var(--space-8) var(--space-10);border-radius:var(--radius-md);background:var(--c-danger-soft);color:var(--c-danger);font-size:var(--fs-12)}.signin-note{margin:0;padding:var(--space-10) var(--space-12);border-radius:var(--radius-md);background:var(--c-accent-5);font-size:var(--fs-12);line-height:var(--lh-text)}.signin-switch{margin:0;font-size:var(--fs-12);text-align:center;color:var(--c-slate)}.hm{display:flex;gap:0;padding:var(--space-16);overflow:hidden;background:var(--c-bg)}.hm-menu{display:flex;flex-direction:column;flex-shrink:0;width:376px;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-card);overflow:hidden}.hm-logo{display:flex;align-items:center;height:55px;flex-shrink:0;padding:var(--space-12);border-bottom:1px solid var(--c-border)}.hm-account{display:flex;align-items:center;gap:var(--space-16);padding:var(--space-12);border-bottom:1px solid var(--c-border)}.hm-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;background:var(--c-accent);color:var(--c-on-accent);font-size:var(--fs-16);font-weight:var(--fw-medium)}.hm-avatar img{width:100%;height:100%;object-fit:cover}.hm-account-text{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:var(--space-6);min-width:0}.hm-account-name{max-width:100%;overflow:hidden;font-size:var(--fs-16);font-weight:var(--fw-medium);text-overflow:ellipsis;white-space:nowrap}.hm-pill{flex-shrink:0;padding:var(--space-2) var(--space-6);border-radius:var(--radius-sm);background:var(--c-fill);color:var(--c-slate);font-size:var(--fs-10);line-height:normal;white-space:nowrap}.hm-bell{display:flex;padding:var(--space-8);color:var(--c-ink)}.hm-block{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-12);border-bottom:1px solid var(--c-border)}.hm-block-grow{flex:1;gap:var(--space-16);border-bottom:0}.hm-grow{flex:1}.hm-workspace{display:flex;align-items:center;gap:var(--space-8)}.hm-workspace-dot{flex-shrink:0;width:30px;height:30px;border-radius:var(--radius-full);background:var(--c-rose)}.hm-search{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-ink);cursor:text}.hm-search input{flex:1;min-width:0;padding:0;border:0;outline:none;background:transparent;font:inherit;font-size:var(--fs-12);color:var(--c-ink)}.hm-search input::placeholder{color:var(--c-ink)}.hm-search:focus-within{border-color:var(--c-ink-30)}.hm-nav{display:flex;align-items:center;gap:var(--space-8);width:100%;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--c-ink);font:inherit;text-align:left;cursor:pointer}.hm-nav-icon{display:flex;padding:var(--space-8);border-radius:var(--radius-sm)}.hm-nav-label{flex:1;font-size:var(--fs-14);font-weight:var(--fw-medium)}.hm-nav:hover,.hm-nav.is-active{background:var(--c-bg)}.hm-main{display:flex;flex:1;min-width:0;overflow-y:auto}.hm-inner{display:flex;flex-direction:column;gap:var(--space-32);width:min(1106px,calc(100% - 64px));margin:auto;padding:var(--space-32) 0}.hm-section{display:flex;flex-direction:column;gap:var(--space-8)}.hm-title,.hm-subtitle{margin:0;overflow:hidden;font-family:var(--font-title);font-weight:var(--fw-medium);line-height:normal;color:var(--c-ink);text-overflow:ellipsis;white-space:nowrap}.hm-subtitle{font-size:var(--fs-14)}.hm-kinds{display:flex;gap:var(--space-16)}.hm-kind{display:flex;flex:1;align-items:flex-start;gap:var(--space-12);min-width:0;padding:var(--space-16);border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);color:var(--c-ink);font:inherit;text-align:left;cursor:pointer}.hm-kind:disabled{background:var(--c-bg);cursor:default}.hm-kind-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:49px;height:49px;border-radius:var(--radius-lg);color:var(--c-on-accent)}.hm-kind-text{display:flex;flex-direction:column;gap:var(--space-12);min-width:0}.hm-kind-name{font-size:var(--fs-18)}.hm-kind-meta{font-size:var(--fs-12);color:var(--c-slate)}.chatbox.hm-ai{justify-content:space-between;height:208px;margin:0;padding:var(--space-16);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.chatbox.hm-ai .tb-input{flex:1;min-height:0;padding:0;font-size:var(--fs-12)}.chatbox.hm-ai .tb-input::placeholder{color:var(--c-ink)}.chatbox.hm-ai .chatbox-foot{padding:0;border-top:0}.chatbox.hm-ai .chatbox-tools{display:flex;gap:var(--space-4)}.chatbox.hm-ai .tb-attach,.chatbox.hm-ai .tb-send{width:30px}.hm-projects{gap:var(--space-16)}.hm-projects-head{display:flex;align-items:center;justify-content:space-between}.hm-tabs{display:flex;align-items:center;gap:var(--space-6);height:32px;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--c-fill)}.hm-tab{display:flex;align-items:center;justify-content:center;height:24px;padding:0 var(--space-8);border:0;border-radius:var(--radius-md);background:transparent;color:var(--c-ink);cursor:pointer}.hm-tab.is-active{background:var(--c-surface);box-shadow:var(--shadow-card)}.hm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-24) var(--space-16)}.hm-card{display:flex;flex-direction:column;gap:var(--space-12);min-width:0;cursor:pointer}.hm-thumb{aspect-ratio:16 / 9;border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface)}.hm-card-info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-8)}.hm-card-row{display:flex;align-items:center;gap:var(--space-8);width:100%}.hm-card-name{flex:1;min-width:0;overflow:hidden;font-size:var(--fs-14);text-overflow:ellipsis;white-space:nowrap}.hm-card-actions{display:flex;gap:var(--space-4)}.hm-icon-sm{display:flex;padding:var(--space-6);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--c-ink);cursor:pointer}.hm-icon-sm:hover{background:var(--c-fill)}.hm-rename{flex:1;min-width:0;padding:var(--space-2) var(--space-6);border:1px solid var(--c-accent);border-radius:var(--radius-sm);outline:none;font:inherit;font-size:var(--fs-14)}.hm-list{display:flex;flex-direction:column;border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);overflow:hidden}.hm-list-row{display:flex;align-items:center;gap:var(--space-16);padding:var(--space-10) var(--space-16);border-bottom:1px solid var(--c-border);cursor:pointer}.hm-list-row:last-child{border-bottom:0}.hm-list-row:hover{background:var(--c-bg)}.hm-list-date{font-size:var(--fs-12);color:var(--c-slate);white-space:nowrap}.hm-empty{margin:0;font-size:var(--fs-13);color:var(--c-slate)}.dlg-backdrop{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--space-16);background:color-mix(in srgb,var(--c-ink) 48%,transparent)}.dlg{display:flex;flex-direction:column;gap:var(--space-8);width:400px;max-width:100%;padding:var(--space-24);border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);box-shadow:var(--shadow-pop)}.dlg-title{margin:0;font-size:var(--fs-16);font-weight:var(--fw-medium);color:var(--c-ink)}.dlg-message{margin:0;font-size:var(--fs-13);line-height:var(--lh-text);color:var(--c-slate);white-space:pre-wrap}.dlg-actions{display:flex;justify-content:flex-end;gap:var(--space-8);margin-top:var(--space-16)}.hm-thumb{overflow:hidden}.hm-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.hm-pills{display:flex;gap:var(--space-4)}.hm-where{display:inline-flex;align-items:center;gap:var(--space-4)}.hm-where>svg{display:none}.page-list.page-tree{gap:var(--space-8);margin:0}.page-list.page-tree,.page-list.board-cards{margin:calc(-1 * var(--space-8));padding:var(--space-8)}.pt-card{border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);overflow:hidden}.page-row.pt-head{gap:var(--space-6);padding:var(--space-10) var(--space-10);border-radius:0}.pt-head .page-row-name,.page-row.is-version .page-row-name{font-weight:var(--fw-medium)}.pt-group-head .page-row-name{flex:0 1 auto}.pt-group-head .page-row-size{margin-left:auto}.pt-card.is-open .pt-group-head{border-bottom:1px solid var(--c-border)}.pt-globe{color:var(--c-slate)}.pt-globe.is-active{color:var(--c-warning-strong)}.pt-devices{padding:var(--space-8);border-bottom:1px solid var(--c-border)}.seg-group.pt-seg{gap:var(--space-2)}.seg-btn.pt-seg-btn{flex:1;width:auto;height:28px;gap:var(--space-6);font-size:var(--fs-12)}.seg-btn.pt-seg-btn.is-on{background:var(--c-surface);filter:drop-shadow(0 0 1px color-mix(in srgb,var(--c-ink) 12%,transparent))}.seg-btn.pt-seg-btn.is-missing{color:var(--c-slate);opacity:.6}.pt-versions{display:flex;align-items:center;justify-content:space-between;padding:var(--space-10) var(--space-10) var(--space-4);font-size:var(--fs-12);color:var(--c-slate)}.page-list.pt-version-list{gap:var(--space-2);margin:0;padding:0 var(--space-4) var(--space-8);overflow:visible}.page-tree>.page-components{padding:var(--space-4) 0 0}.frame-chrome.canvas-chip{cursor:default}.frame.is-board-selected .frame-chrome.canvas-chip{background:var(--c-accent, var(--c-accent));color:var(--c-on-accent)}.frame.is-board-selected .frame-chrome.canvas-chip img{filter:brightness(0) invert(1)}.frame.is-board-selected .artboard{outline:1px solid var(--c-accent, var(--c-accent))}.page-row.pt-head{padding:var(--space-10) var(--space-8)}.pt-group-head .page-row-name{flex-shrink:0;max-width:70%}.pt-group-head .page-row-size{min-width:0;overflow:hidden;text-overflow:ellipsis;padding-left:var(--space-4)}.pt-devices{padding:var(--space-6)}.seg-btn.pt-seg-btn{gap:var(--space-4);padding:0 var(--space-4);min-width:0}.pt-versions{padding:var(--space-10) var(--space-8) var(--space-4)}.page-list.pt-version-list{padding:0 var(--space-2) var(--space-6)}.seg-group.pt-seg{flex:none}.pt-versions{padding:var(--space-10) var(--space-10) var(--space-4)}.pt-group-head .pages-add{margin-left:auto}.pt-new-page{width:100%}.seg-btn.seg-tab:hover:not(.is-on):not(:disabled){background:transparent;filter:none}.page-tree .page-row:hover{background:transparent}.pt-card:has(>.pt-group-head[aria-expanded=true]){box-shadow:var(--shadow-card)}.row-caret.is-none{display:none}.page-list.pt-version-list{padding:0 var(--space-4) var(--space-6)}.pt-version-list>li>.page-row.is-version{padding:var(--space-4) var(--space-6);border-radius:var(--radius-md)}.pt-card{flex-shrink:0}.seg-group.canvas-dots{flex:none;height:33px;margin-bottom:var(--space-8)}.props-group.is-content{padding:var(--space-8) var(--space-12)}.props-group.is-content .props-group-rows>.fold:first-child{border-top:0}.props-group.is-canvas{padding:var(--space-12)}.props-group.is-canvas .props-group-rows>.fold{padding:0 var(--space-12)}.props-group.is-canvas .fold-head{padding:0;min-height:20px}.props-group.is-canvas .fold-body{margin-top:var(--space-12)}.props-group.is-canvas:not(:has(.fold.is-open)){box-shadow:none}.pt-version-list>li>.page-row.is-version.is-active,.page-tree .pt-version-list>li>.page-row.is-version.is-active:hover{background:var(--c-hover)}.layer-row.in-selection{background:var(--c-bg)}.layer-row.is-selected.block-first:not(.block-last){border-radius:var(--radius-md) var(--radius-md) 0 0}.layer-row.in-selection:not(.block-last){border-radius:0}.layer-row.in-selection.block-last{border-radius:0 0 var(--radius-md) var(--radius-md)}.layer-row.in-selection.is-selected{background:var(--c-selected)}.cmp-type{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-12)}.cmp-type-name{font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--c-ink)}.cmp-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}.cmp-type-grid .cmp-thumb{height:72px}.cmp-type .cmp-card{content-visibility:auto;contain-intrinsic-size:auto 100px}.cmp-type{margin-bottom:0;padding:var(--space-4) 0 var(--space-12);border-top:1px solid var(--c-border)}.cmp-type:first-child{border-top:0}.cmp-type-head{display:flex;align-items:center;gap:var(--space-6);width:100%;padding:var(--space-8) 0 var(--space-4);border:0;background:none;font:inherit;text-align:left;cursor:pointer}.cmp-type-head[aria-expanded=false]{padding-bottom:0}.cmp-type:has(.cmp-type-head[aria-expanded=false]){padding-bottom:var(--space-4)}.comp-page-btn{margin-top:var(--space-12)}.cmp-group.is-card{padding:0 var(--space-12);border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface)}.cmp-group.is-card+.cmp-group.is-card{margin-top:var(--space-8)}.cmp-group.is-card.is-open{box-shadow:var(--shadow-card)}.cmp-group-head.is-card{gap:var(--space-8);min-height:44px;padding:0}.cmp-group-head.is-card .cmp-count{margin-left:auto}.cmp-types{display:flex;flex-direction:column;gap:0}.cmp-type,.cmp-type:first-child{margin:0 calc(-1 * var(--space-12));padding:0 var(--space-12);border:0;border-top:1px solid var(--c-border);border-radius:0;background:none;box-shadow:none}.cmp-type:has(.cmp-type-head[aria-expanded=true]){padding-bottom:var(--space-12);box-shadow:none}.cmp-type-head,.cmp-type-head[aria-expanded=false]{gap:var(--space-8);min-height:40px;padding:0;color:var(--c-ink)}.cmp-type-head[aria-expanded=true]{margin-bottom:var(--space-4)}.cmp-type-arrow{margin-left:auto}.cmp-empty.is-first{justify-content:center;min-height:100%;padding:var(--space-24) var(--space-16);text-align:center}.cmp-empty-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:var(--space-4);border-radius:var(--radius-xl);background:var(--c-accent-5);color:var(--c-accent)}.cmp-empty.is-first .cmp-empty-title{font-size:var(--fs-14);font-weight:var(--fw-medium)}.cmp-empty-sub{max-width:220px;margin:0;font-size:var(--fs-12);line-height:var(--lh-text);color:var(--c-muted)}.cmp-empty-btn{margin-top:var(--space-8)}.cmp-empty.is-first{justify-content:flex-start;min-height:0;padding:var(--space-56) var(--space-16) var(--space-24)}.asset-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:var(--space-6);margin-bottom:var(--space-12)}.asset-icon{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-ink);cursor:pointer}.cmp-icons{margin:0 calc(-1 * var(--space-12));padding:var(--space-12);border-top:1px solid var(--c-border)}.canvas-ruler{position:absolute;top:0;left:0;z-index:3;overflow:hidden;background:var(--c-surface);pointer-events:none}.canvas-ruler.is-h{border-bottom:1px solid var(--c-border)}.canvas-ruler.is-v{border-right:1px solid var(--c-border)}.canvas-ruler.is-corner{border-right:1px solid var(--c-border);border-bottom:1px solid var(--c-border)}.canvas-ruler .ruler{position:absolute;inset:0}.cme-head-actions{display:flex;align-items:center;gap:var(--space-8)}.pages{gap:var(--space-12)}.page-tree .page-row-name{font-size:var(--fs-12)}.page-row.pt-head{padding:var(--space-8) var(--space-10)}.page-tree .page-row-size{font-size:var(--fs-11)}.pt-versions{padding:var(--space-8) var(--space-10) var(--space-2);font-size:var(--fs-11)}.pt-version-list>li>.page-row.is-version{padding:var(--space-6) var(--space-10)}.cme-rail{justify-content:flex-start;border-right:1px solid var(--c-border);background:var(--c-surface)}.cme-layers .cmp-panel{padding:0 var(--space-4) var(--space-12)}.cme-layers .cmp-tabs .dsp-seg-btn{white-space:nowrap}.props-head-input{min-width:0;flex:1;padding:0 var(--space-4);margin:0 calc(-1 * var(--space-4));border:1px solid var(--c-accent);border-radius:var(--radius-sm);outline:none;background:var(--c-surface);color:inherit;font-family:inherit}.props-head-name>.props-head-title{flex:1 1 auto;min-width:0}.cme-ixn{display:flex;flex-direction:column;gap:var(--space-8);margin:0 0 var(--space-10);padding:var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface)}.cme-ixn-head{display:flex;align-items:center;gap:var(--space-6)}.cme-ixn-title{display:inline-flex;align-items:center;gap:var(--space-6);flex:1 1 auto;min-width:0;font-size:var(--fs-12);font-weight:var(--fw-medium)}.cme-ixn-on{flex:none;max-width:110px;padding:var(--space-2) var(--space-6);border-radius:var(--radius-md);background:var(--c-fill);color:var(--c-slate);font-size:var(--fs-11);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cme-ixn-item{display:flex;flex-direction:column;gap:var(--space-6)}.cme-ixn-row{display:flex;align-items:center;gap:var(--space-6)}.cme-ixn-row>*{min-width:0}.cme-ixn-row>.dropdown,.cme-ixn-row>div:not(.icon-btn){flex:1 1 0}.cme-ixn-row>svg{flex:none;color:var(--c-muted)}.cme-state-input{width:90px;border:1px solid var(--c-accent);outline:none;font:inherit}.cme-canvas{position:relative}.cme-preview{position:absolute;inset:0;z-index:50}.cme-preview .preview-view{background:transparent}.cme-preview .preview-bar{display:none}.cme-preview .preview-stage{padding-top:var(--space-32)}.cme-preview-close{position:absolute;top:10px;right:12px;z-index:51;width:28px}.context-menu{max-height:calc(100vh - 16px);overflow-y:auto}.cme-bar-main .cme-bar-group:last-child{flex-shrink:1;min-width:0;flex-wrap:nowrap}.cme-states{min-width:0;overflow-x:auto;scrollbar-width:none}.cme-states::-webkit-scrollbar{display:none}.cme-bar-group:last-child>.cme-add-version{flex-shrink:0}.cme-states .dsp-seg-btn.is-made{gap:var(--space-6);color:var(--c-accent);font-weight:var(--fw-medium)}.cme-states .dsp-seg-btn.is-made:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}.cme-ixn-label{flex:none;width:52px;font-size:var(--fs-12);color:var(--c-slate)}.cme-preview .preview-page{background:transparent;box-shadow:none;overflow:visible}.cme-preview .preview-page>div:not([data-l]){background:transparent!important}.cme-preview .preview-page>div:not([data-l]){overflow:visible!important}.cme-design-btns{display:flex;gap:var(--space-6)}.cme-design-btns:empty{display:none}.cme-design-btns>button{flex:1 1 0;justify-content:center}.design-pill{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:var(--space-6);height:20px;padding:0 var(--space-8);border-radius:var(--radius-md);background:var(--c-fill);color:var(--c-slate);font-size:var(--fs-11);font-weight:var(--fw-medium);white-space:nowrap;pointer-events:none}.design-pill.is-state{background:var(--c-accent-soft);color:var(--c-accent)}.layer-row:has(.design-pill.in-layers):not(:hover) .layer-toggle:not(.is-on){display:none}.layer-row:has(.design-pill.in-layers):hover .design-pill.in-layers{display:none}.design-pill.in-layers{position:static;flex-shrink:0;height:18px;padding:0 var(--space-8);font-size:var(--fs-11)}.design-pill.is-state:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.tl-menu:has(>.ag){display:block;width:340px;padding:var(--space-10)}.ag{display:flex;flex-direction:column;gap:var(--space-10);max-height:min(560px,calc(100vh - 140px))}.ag-tabs{display:flex}.ag-tabs .dsp-seg-btn{flex:1}.ag-scroll{overflow-y:auto;min-height:0;margin:0 calc(-1 * var(--space-4));padding:0 var(--space-4) var(--space-4)}.ag-group+.ag-group{margin-top:var(--space-14)}.ag-title{margin:0 0 var(--space-8);font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--c-ink)}.ag-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.ag-tile{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-6);width:100%;padding:0;border:0;background:none;cursor:pointer;font:inherit}.ag-stage{position:relative;display:flex;align-items:center;justify-content:center;height:84px;overflow:hidden;border-radius:var(--radius-lg);background:var(--c-canvas, var(--c-hover));border:1px solid transparent;transition:border-color .15s}.ag-label{font-size:var(--fs-12);color:var(--c-slate);text-align:center}.ag-tile:hover .ag-label{color:var(--c-ink)}.ag-tile-wrap{position:relative}.ag-del{position:absolute;top:4px;right:4px;width:18px}.ag-sample{display:flex;align-items:center;gap:var(--space-6);width:78px;height:26px;padding:0 var(--space-8);border-radius:var(--radius-md);background:var(--c-ink);will-change:transform,opacity,filter}.ag-sample-dot{flex:none;width:12px;height:12px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--c-surface) 15%,transparent)}.ag-sample-lines{display:flex;flex-direction:column;gap:var(--space-4);flex:1}.ag-sample-lines span{height:3px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--c-surface) 55%,transparent)}.ag-sample-lines span+span{width:60%;background:color-mix(in srgb,var(--c-surface) 30%,transparent)}.ag-sample.is-small{width:22px;height:14px;padding:0 var(--space-4);border-radius:var(--radius-sm)}.ag-sample.is-small .ag-sample-dot{width:6px;height:6px;box-shadow:none}.ag-sample.is-small .ag-sample-lines{display:none}.ag-row{display:flex;align-items:center;gap:var(--space-10);width:100%;height:34px;padding:0 var(--space-8);border:0;border-radius:var(--radius-md);background:none;color:var(--c-ink);font:inherit;font-size:var(--fs-13);text-align:left;cursor:pointer}.ag-row:hover{background:var(--c-hover, var(--c-hover))}.ag-row-stage{display:flex;align-items:center;justify-content:center;width:34px;height:24px;overflow:hidden;border-radius:var(--radius-md);background:var(--c-canvas, var(--c-hover))}.ag-ease-head{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4)}.ag-ease-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:var(--space-6)}.ag-ease{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4) var(--space-6);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-slate);font:inherit;cursor:pointer;overflow:hidden}.ag-ease:hover{color:var(--c-ink)}.ag-ease.is-on{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent)}.ag-ease-label{font-size:var(--fs-11);white-space:nowrap}.ag-ease-dot{position:absolute;left:6px;top:6px;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.6}.ag-saved-ease{display:flex;flex-wrap:wrap;gap:var(--space-4)}.ag-text{display:inline-flex;align-items:baseline;gap:0;color:var(--c-ink);font-size:var(--fs-16);font-weight:var(--fw-medium);letter-spacing:-.01em}.ag-text>span{display:inline-block;will-change:transform,opacity,filter}.ag-text.is-word{gap:var(--space-6);font-size:var(--fs-14)}.ag-text.is-line{flex-direction:column;align-items:center;gap:var(--space-1);font-size:var(--fs-14);line-height:var(--lh-tight)}.ag-tile:disabled{cursor:default;opacity:.45}.ag-tile:disabled:hover .ag-stage{border-color:transparent}.cme-delete{width:30px}.cme-ixn-pop{position:fixed;z-index:60;width:320px;border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:0 16px 40px color-mix(in srgb,var(--c-ink) 12%,transparent),0 2px 6px color-mix(in srgb,var(--c-ink) 6%,transparent);animation:cme-ixn-pop-in .14s ease-out}@keyframes cme-ixn-pop-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.cme-ixn-pop .cme-ixn{gap:var(--space-10);margin:0;padding:var(--space-14);border:0;background:transparent}.cme-ixn-pop .cme-ixn-title{font-size:var(--fs-12);font-weight:var(--fw-medium)}.cme-ixn-pop .cme-ixn-title svg,.cme-ixn-pop .cme-ixn-row>svg{color:var(--c-accent)}.cme-ixn-pop .cme-ixn-on{background:var(--c-accent-5);color:var(--c-accent)}.cme-ixn-pop .cme-ixn-anim{padding-top:var(--space-10);border-top:1px solid var(--c-border)}.cme-ixn .cme-ixn-row{align-items:flex-end}.cme-ixn .cme-ixn-row>svg{margin-bottom:var(--space-12)}.cme-ixn .cme-ixn-row>.icon-btn{margin-bottom:var(--space-4)}.cme-ixn-pop .field-label{color:var(--c-ink);font-size:var(--fs-10)}.cme-ixn-pop .field-box{min-height:31px;padding:var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface)}.ixn-prev{position:relative;display:inline-flex;width:24px;height:22px;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--c-bg);color:var(--c-muted);overflow:hidden}.ixn-prev svg{position:absolute;left:3px;top:0}.ixn-ease-x{position:absolute;left:3px;bottom:4px}.ixn-ease-dot{display:block;width:4px;height:4px;margin:0 0 calc(-1 * var(--space-2)) calc(-1 * var(--space-2));border-radius:50%;background:var(--c-accent)}.ixn-appear-block{width:12px;height:9px;border-radius:var(--radius-sm);background:var(--c-accent)}.eyedrop-cover{position:fixed;inset:0;z-index:5000;cursor:crosshair}.eyedrop-loupe{position:fixed;z-index:5001;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);pointer-events:none}.eyedrop-loupe canvas{width:120px;height:120px;border:2px solid var(--c-surface);border-radius:50%;box-shadow:var(--shadow-pop)}.eyedrop-hex{padding:var(--space-2) var(--space-8);border-radius:var(--radius-md);background:var(--c-ink);color:var(--c-on-accent);font:500 11px Inter,system-ui,sans-serif}.eyedrop-hex:empty{display:none}.dropdown-trigger .ixn-prev{width:18px;height:14px;border-radius:var(--radius-sm);transform:scale(.85)}.state-tip{position:fixed;z-index:1200;width:220px;padding:var(--space-8) var(--space-8) var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--shadow-modal);pointer-events:none;animation:cme-ixn-pop-in .14s ease-out}.state-tip-title{margin:var(--space-8) var(--space-4) var(--space-2);font-size:var(--fs-12);font-weight:var(--fw-medium)}.state-tip-text{margin:0 var(--space-4);color:var(--c-muted);font-size:var(--fs-11);line-height:var(--lh-text)}.state-tip-stage{position:relative;height:72px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--c-bg);overflow:hidden}.st-box{position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--space-6);width:104px;height:34px;padding:0 var(--space-12);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);overflow:hidden}.st-bar{display:block;height:5px;width:70%;border-radius:var(--radius-sm);background:var(--c-border-strong)}.st-bar.is-short{width:40%}.st-mark{position:absolute;display:none}.st-pointer{position:absolute;display:none;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid var(--c-ink);transform:rotate(-25deg)}.is-hover .st-pointer,.is-press .st-pointer,.is-drag .st-pointer{display:block}.is-hover .st-pointer{animation:st-hover-pointer 2s ease-in-out infinite}.is-hover .st-box{animation:st-hover-box 2s ease-in-out infinite}@keyframes st-hover-pointer{0%,15%{left:160px;top:52px}45%,85%{left:130px;top:36px}to{left:160px;top:52px}}@keyframes st-hover-box{0%,30%{background:var(--c-surface)}45%,85%{background:var(--c-border-strong)}to{background:var(--c-surface)}}.is-press .st-pointer{left:128px;top:34px}.is-press .st-box{animation:st-press 1.4s ease-in-out infinite}@keyframes st-press{0%,30%,to{transform:scale(1);background:var(--c-surface)}45%,70%{transform:scale(.92);background:var(--c-border-strong)}}.is-focus .st-box{animation:st-focus 1.6s ease-in-out infinite}@keyframes st-focus{0%,to{box-shadow:0 0 color-mix(in srgb,var(--c-accent) 0%,transparent);border-color:var(--c-border)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--c-accent) 25%,transparent);border-color:var(--c-accent)}}.is-select .st-box{animation:st-select 2s ease-in-out infinite}.is-select .st-bar{animation:st-select-bar 2s ease-in-out infinite}@keyframes st-select{0%,25%,to{background:var(--c-surface);border-color:var(--c-border)}45%,85%{background:var(--c-accent-5);border-color:var(--c-accent)}}@keyframes st-select-bar{0%,25%,to{background:var(--c-border-strong)}45%,85%{background:var(--c-accent)}}.is-disabled .st-box{opacity:.4}.is-switch .st-box{width:46px;height:26px;padding:0;border-radius:var(--radius-lg);animation:st-switch-track 2s ease-in-out infinite}.is-switch .st-bar{display:none}.is-switch .st-mark{display:block;top:3px;width:18px;height:18px;border-radius:50%;background:var(--c-surface);box-shadow:0 1px 3px color-mix(in srgb,var(--c-ink) 25%,transparent);animation:st-switch-knob 2s ease-in-out infinite}@keyframes st-switch-track{0%,30%,to{background:var(--c-border-strong)}45%,85%{background:var(--c-accent)}}@keyframes st-switch-knob{0%,30%,to{left:3px}45%,85%{left:23px}}.is-collapse .st-box{animation:st-collapse 2.4s ease-in-out infinite}.is-expand .st-box{animation:st-expand 2.4s ease-in-out infinite}@keyframes st-collapse{0%,20%,to{width:130px}45%,80%{width:36px}}@keyframes st-expand{0%,20%,to{width:36px;height:34px}45%,80%{width:130px;height:50px}}.is-spin .st-bar{opacity:.35}.is-spin .st-mark,.is-offline .st-mark{display:block}.is-spin .st-mark{right:10px;top:9px;width:14px;height:14px;border:2px solid var(--c-border-strong);border-top-color:var(--c-accent);border-radius:50%;animation:st-spin .8s linear infinite}@keyframes st-spin{to{transform:rotate(360deg)}}.is-error .st-box{border-color:var(--c-danger)}.is-success .st-box{border-color:var(--c-success)}.is-warning .st-box{border-color:var(--c-warning-strong)}.is-info .st-box{border-color:var(--c-info)}.is-error .st-mark,.is-success .st-mark,.is-warning .st-mark,.is-info .st-mark{display:block;right:10px;top:12px;width:9px;height:9px;border-radius:50%;animation:st-pulse 1.4s ease-in-out infinite}.is-error .st-mark{background:var(--c-danger)}.is-success .st-mark{background:var(--c-success)}.is-warning .st-mark{background:var(--c-warning-strong)}.is-info .st-mark{background:var(--c-info)}@keyframes st-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.is-check .st-box,.is-uncheck .st-box,.is-mixed .st-box,.is-done .st-box{width:30px;height:30px;padding:0;border-radius:var(--radius-md)}.is-check .st-bar,.is-uncheck .st-bar,.is-mixed .st-bar,.is-done .st-bar{display:none}.is-check .st-box,.is-done .st-box{animation:st-check-box 2s ease-in-out infinite}.is-check .st-mark,.is-done .st-mark{display:block;left:10px;top:5px;width:7px;height:13px;border:solid var(--c-surface);border-width:0 2.5px 2.5px 0;transform:rotate(45deg);animation:st-check-mark 2s ease-in-out infinite}.is-done .st-box{border-radius:50%}@keyframes st-check-box{0%,25%,to{background:var(--c-surface);border-color:var(--c-border)}40%,85%{background:var(--c-accent);border-color:var(--c-accent)}}@keyframes st-check-mark{0%,30%,to{opacity:0}45%,85%{opacity:1}}.is-mixed .st-box{background:var(--c-accent);border-color:var(--c-accent)}.is-mixed .st-mark{display:block;left:8px;top:13px;width:12px;height:2.5px;border-radius:var(--radius-sm);background:var(--c-surface)}.is-skeleton .st-box{border-color:transparent;background:transparent}.is-skeleton .st-bar{height:8px;background:linear-gradient(90deg,var(--c-chip) 0%,var(--c-hover) 50%,var(--c-chip) 100%);background-size:200% 100%;animation:st-shine 1.2s linear infinite}@keyframes st-shine{0%{background-position:200% 0}to{background-position:0 0}}.is-drag .st-box{animation:st-drag 2.2s ease-in-out infinite}.is-drag .st-pointer{animation:st-drag-pointer 2.2s ease-in-out infinite}@keyframes st-drag{0%,15%,to{transform:translate(0);box-shadow:none}40%,75%{transform:translate(18px,-6px) rotate(-3deg);box-shadow:var(--shadow-modal)}}@keyframes st-drag-pointer{0%,15%,to{left:120px;top:38px}40%,75%{left:138px;top:32px}}.is-drop .st-box{border-style:dashed;border-width:1.5px;animation:st-drop 1.6s ease-in-out infinite}.is-drop .st-bar,.is-empty .st-bar{display:none}@keyframes st-drop{0%,to{border-color:var(--c-border);background:var(--c-surface)}50%{border-color:var(--c-accent);background:var(--c-accent-5)}}.is-empty .st-box{border-style:dashed;background:transparent}.is-type .st-bar.is-short{display:none}.is-type .st-bar{animation:st-type 2.4s steps(6) infinite;background:var(--c-ink)}@keyframes st-type{0%{width:0}80%,to{width:70%}}.is-filled .st-bar{background:var(--c-ink)}.is-steps .st-bar{animation:st-steps 2.4s ease-in-out infinite}.is-steps .st-bar.is-short{animation-delay:.6s}@keyframes st-steps{0%,20%{background:var(--c-border-strong)}40%,to{background:var(--c-accent)}}.state-tip-stage.is-dark{background:var(--c-dark-bg)}.is-dark .st-box{border-color:var(--c-dark-line);background:var(--c-dark-bg)}.is-dark .st-bar{background:var(--c-dark-line)}.is-lock .st-box{background:var(--c-hover)}.is-offline .st-box{opacity:.55}.is-offline .st-mark{right:10px;top:12px;width:9px;height:9px;border-radius:50%;background:var(--c-text-faint);animation:st-pulse 1.4s ease-in-out infinite}.is-visited .st-bar{background:var(--c-component)}.quick-items{display:flex;flex-direction:column;gap:var(--space-10);margin-top:var(--space-12);padding-top:var(--space-12);border-top:1px solid var(--c-border)}.quick-row{display:flex;flex-direction:column;gap:var(--space-4)}.quick-line{display:flex;align-items:flex-start;gap:var(--space-4)}.quick-ctl{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-6)}.quick-text{width:100%;min-height:31px;box-sizing:border-box;font:inherit;font-size:var(--fs-12);color:var(--c-ink)}.quick-items .icon-pick{height:31px}.quick-open{flex:none;width:31px}.fold-actions{position:absolute;top:7px;right:36px;display:flex;gap:var(--space-2)}.fold-actions .fold-btn{width:22px;height:22px;padding:0;border:0;background:transparent;color:var(--c-slate);cursor:pointer}.fold-actions .fold-btn:hover:not(:disabled){background:var(--c-fill);color:var(--c-ink)}.fold-actions .fold-btn:disabled{opacity:.35;cursor:default}.props-head-icon{display:inline-block;flex:none;margin-right:var(--space-6);vertical-align:-2px;color:var(--c-accent)}.tl-col-grip{position:absolute;top:0;bottom:0;z-index:3;width:6px;cursor:col-resize}.tl-insp-grip{position:relative;z-index:3;flex:none;width:6px;margin-right:calc(-1 * var(--space-6));cursor:col-resize}.tl-col-grip:hover,.tl-insp-grip:hover{background:linear-gradient(90deg,transparent 2px,var(--c-accent) 2px,var(--c-accent) 4px,transparent 4px)}.tl-insp-sample{display:flex;flex:none;align-items:center;justify-content:center;height:64px;border-radius:var(--radius-lg);background:var(--c-canvas, var(--c-hover));overflow:hidden}button.tl-insp-sample{position:relative;width:100%;padding:0;border:1px solid transparent;font:inherit;cursor:pointer}.tl-insp-change{position:absolute;right:6px;bottom:5px;padding:var(--space-1) var(--space-6);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-accent);font-size:var(--fs-10);font-weight:var(--fw-medium);box-shadow:0 0 0 1px var(--c-border)}button.tl-insp-sample:hover .tl-insp-change{background:var(--c-accent);color:var(--c-on-accent);box-shadow:none}.tl-insp-mixed{color:var(--c-muted);font-size:var(--fs-11)}.link-end{position:absolute;z-index:4;width:14px;height:14px;transform:translate(-50%,-50%);border-radius:50%;cursor:grab;touch-action:none}.link-end:hover{box-shadow:0 0 0 2px var(--c-accent);background:color-mix(in srgb,var(--c-accent) 12%,transparent)}.link-end:active{cursor:grabbing}.link-layer .link-hit{fill:none;stroke:transparent;stroke-width:14px;pointer-events:stroke;cursor:copy}.link-pt{position:absolute;z-index:4;width:10px;height:10px;transform:translate(-50%,-50%);border:2px solid var(--c-accent);border-radius:50%;background:var(--c-surface);cursor:move;touch-action:none}.link-pt:hover{background:var(--c-accent)}.proto-start{display:flex;align-items:flex-end;gap:var(--space-8)}.proto-start>.field,.proto-start>label{flex:1;min-width:0}.proto-play{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--space-6);height:33px}.proto-head{margin:var(--space-14) 0 var(--space-6);color:var(--c-ink);font-size:var(--fs-12);font-weight:var(--fw-medium)}.proto-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.proto-row{display:flex;align-items:center;gap:var(--space-6);width:100%;padding:var(--space-8) var(--space-8);border:0;border-radius:var(--radius-md);background:transparent;color:var(--c-ink);font:inherit;font-size:var(--fs-12);text-align:left;cursor:pointer}.proto-row:hover{background:var(--c-hover, var(--c-hover))}.proto-row svg{flex-shrink:0;color:var(--c-accent)}.proto-from,.proto-to{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proto-trigger{flex-shrink:0;margin-left:auto;padding:var(--space-1) var(--space-8);border-radius:var(--radius-md);background:var(--c-accent-5);color:var(--c-accent);font-size:var(--fs-11)}.scene-thumb{display:inline-flex;flex-shrink:0;height:22px;max-width:40px;overflow:hidden;border:1px solid var(--c-border);border-radius:var(--radius-sm)}.scene-thumb img{width:100%;height:100%;object-fit:cover}.scene-row .scene-play{display:none;padding:var(--space-4)}.slide-num{flex-shrink:0;width:14px;color:var(--c-muted);font-size:var(--fs-11);text-align:right;font-variant-numeric:tabular-nums}.slide-row.is-skipped .scene-thumb,.slide-row.is-skipped .page-row-name{opacity:.4}.slide-list li.is-drop-before>.slide-row{box-shadow:inset 0 2px 0 var(--c-accent)}.slide-list li.is-drop-after>.slide-row{box-shadow:inset 0 -2px 0 var(--c-accent)}.slide-build-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.slide-build-grid .sab-wide{grid-column:1 / -1}.build-order{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:var(--space-4) 0;list-style:none}.build-row{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-6) var(--space-8);border-radius:var(--radius-md);cursor:pointer;font-size:var(--fs-12)}.build-row:hover{background:var(--c-hover, color-mix(in srgb, var(--c-ink) 4%, transparent))}.build-row.is-on{background:var(--c-accent-5)}.build-row.is-missing .build-name{color:var(--c-muted)}.build-num{width:14px;flex-shrink:0;color:var(--c-muted);text-align:right;font-variant-numeric:tabular-nums}.build-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.build-meta{margin-left:auto;flex-shrink:0;color:var(--c-muted);font-size:var(--fs-11)}.slide-player{position:fixed;inset:0;z-index:10000;overflow:hidden;background:var(--c-black);cursor:none}.sp-stage{position:absolute;left:50%;top:50%;overflow:hidden;transform-origin:50% 50%}.sp-slide{position:absolute;left:0;top:0;overflow:hidden;background:var(--c-surface)}.sp-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-content:start;gap:var(--space-12);padding:var(--space-32);overflow:auto;background:color-mix(in srgb,var(--c-ink) 88%,transparent);cursor:default}.sp-grid-item{display:flex;align-items:center;gap:var(--space-10);padding:var(--space-14) var(--space-16);border:1px solid color-mix(in srgb,var(--c-surface) 16%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--c-surface) 6%,transparent);color:var(--c-on-accent);font:inherit;font-size:var(--fs-14);text-align:left;cursor:pointer}.sp-grid-item.is-on{border-color:var(--c-accent)}.sp-grid-num{color:color-mix(in srgb,var(--c-surface) 50%,transparent);font-variant-numeric:tabular-nums}.bo{position:fixed;inset:0;z-index:880;display:flex;flex-direction:column;background:var(--c-surface);color:var(--c-ink)}.bo-top{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--space-28) var(--space-32) 0}.bo-progress{display:flex;gap:var(--space-8)}.bo-dot{width:36px;height:4px;border-radius:var(--radius-sm);background:var(--c-fill);transition:background .25s}.bo-dot.is-done{background:var(--c-accent)}.bo-close{position:absolute;top:18px;right:24px}.bo-main{display:flex;flex:1;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--space-16);width:min(560px,calc(100% - 48px));margin:0 auto;animation:bo-in .3s cubic-bezier(.22,1,.36,1)}@keyframes bo-in{0%{opacity:0;transform:translateY(12px)}}.bo-mark{display:flex;justify-content:center;margin-bottom:var(--space-8)}.bo-title{margin:0 0 var(--space-12);font-size:var(--fs-18);font-weight:var(--fw-medium);line-height:var(--lh-tight);text-align:center}.bo-input{width:100%;box-sizing:border-box}.ui-input.bo-input-big{height:auto;padding:var(--space-20);font-size:var(--fs-24);font-weight:var(--fw-medium)}.bo-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-8)}.bo-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12)}.bo-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-12);height:140px;border:1.5px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);color:var(--c-ink);font:inherit;cursor:pointer;transition:border-color .15s,background .15s}.bo-card.is-on{border-color:var(--c-accent);background:var(--c-accent-5)}.bo-card-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background:var(--c-hover)}.bo-card.is-on .bo-card-icon{background:var(--c-surface);color:var(--c-accent)}.bo-card-label{font-size:var(--fs-14);font-weight:var(--fw-medium)}.bo-drop{display:flex;align-items:center;justify-content:center;height:140px;border:1.5px dashed var(--c-border);border-radius:var(--radius-xl);color:var(--c-muted);font-size:var(--fs-13);cursor:pointer}.bo-drop.has-file{border-style:solid}.bo-drop img{max-width:70%;max-height:100px;object-fit:contain}.bo-swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-12)}.bo-swatch{position:relative;display:flex;flex-direction:column;gap:var(--space-2);width:92px}.bo-chip{width:92px;height:72px;border:1px solid var(--c-border);border-radius:var(--radius-lg);cursor:pointer}.bo-add{display:inline-flex;align-items:center;justify-content:center;background:var(--c-hover);color:var(--c-muted)}.bo-sw-name{font-size:var(--fs-12);font-weight:var(--fw-medium)}.bo-sw-hex{color:var(--c-muted);font-size:var(--fs-11)}.bo-sw-del{position:absolute;top:5px;right:5px}.bo-fonts{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16)}.bo-sub{margin:0 0 var(--space-6);color:var(--c-muted);font-size:var(--fs-12)}.bo-sample{margin:var(--space-12) 0 0;font-size:var(--fs-32);line-height:var(--lh-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bo-sample-body{font-size:var(--fs-14);line-height:var(--lh-text);white-space:normal}.bo-review{display:flex;flex-direction:column;border:1px solid var(--c-border);border-radius:var(--radius-xl)}.bo-review-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);min-height:64px;padding:0 var(--space-20)}.bo-review-row+.bo-review-row{border-top:1px solid var(--c-border)}.bo-review-k{font-size:var(--fs-14);font-weight:var(--fw-medium)}.bo-review-v{display:flex;align-items:center;gap:var(--space-6);font-size:var(--fs-14)}.bo-review-v img{max-width:140px;max-height:40px;object-fit:contain}.bo-mini{width:22px;height:22px;border:1px solid var(--c-border);border-radius:var(--radius-md)}.bo-ai{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-10);border-radius:var(--radius-md);background:var(--c-accent-5);color:var(--c-accent);font-size:var(--fs-12);font-weight:var(--fw-medium)}.bo-warn{margin:0;color:var(--c-muted);font-size:var(--fs-13);text-align:center}.bo-foot{display:flex;align-items:center;justify-content:space-between;width:min(560px,calc(100% - 48px));margin:0 auto;padding:var(--space-24) 0 var(--space-40)}.bo-next{min-width:160px}.mgt{position:absolute;font-size:var(--fs-12);bottom:12px;z-index:6;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);box-shadow:var(--shadow-pop);outline:none;--mgt-names: 180px}.mgt-resize{position:absolute;top:0;left:0;right:0;height:6px;cursor:ns-resize;z-index:2}.mgt-bar{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-bottom:1px solid var(--c-border)}.mgt-play{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:50%;background:var(--c-accent);color:var(--c-on-accent);cursor:pointer}.mgt-time{min-width:108px;font-size:var(--fs-12);font-variant-numeric:tabular-nums;font-weight:var(--fw-medium)}.mgt-time span{color:var(--c-muted);font-weight:var(--fw-regular)}.mgt-len{width:76px}.mgt-len .field-label{display:none}.mgt-mode{width:96px;height:30px}.mgt-auto{flex-shrink:0}.mgt-rec{width:8px;height:8px;border-radius:50%;background:currentColor}.mgt-spacer{flex:1}.mgt-body{display:flex;flex:1;min-height:0}.mgt-tracks{position:relative;display:flex;flex:1;min-width:0;overflow:hidden}.mgt-rows{position:relative;flex:1;min-width:0;overflow-y:auto;overflow-x:hidden}.mgt-list{position:relative}.mgt-list>.mgt-row{position:absolute;left:0;right:0}.mgt-list>.mgt-row.is-sel{background:var(--c-accent-5)}.mgt-canvas{position:absolute;top:30px;left:var(--mgt-names);touch-action:none}.mgt-row,.mgt-ruler-row{display:flex;height:30px;border-bottom:1px solid var(--c-hover)}.mgt-ruler-row{position:sticky;top:0;z-index:2;background:var(--c-surface)}.mgt-name{display:flex;flex-shrink:0;align-items:center;gap:var(--space-4);width:var(--mgt-names);padding-right:var(--space-8);border-right:1px solid var(--c-border);font-size:var(--fs-12);cursor:pointer}.mgt-head{padding-left:var(--space-12);color:var(--c-muted);cursor:default}.mgt-group.is-sel>.mgt-row:first-child{background:var(--c-accent-5)}.mgt-prop .mgt-name{color:var(--c-muted);cursor:default}.mgt-caret{display:inline-block;width:12px;color:var(--c-muted);font-size:var(--fs-10);transition:transform .12s}.mgt-caret.is-open{transform:rotate(90deg)}.mgt-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mgt-lane{position:relative;flex:1;min-width:0}.mgt-ruler{cursor:ew-resize}.mgt-tick{position:absolute;top:8px;transform:translate(-50%);color:var(--c-muted);font-size:var(--fs-10)}.mgt-span{position:absolute;top:13px;height:4px;border-radius:var(--radius-sm);background:var(--c-accent-soft)}.mgt-key{position:absolute;top:9px;width:11px;height:11px;margin-left:calc(-1 * var(--space-6));border:1.5px solid var(--c-accent);border-radius:var(--radius-sm);background:var(--c-surface);transform:rotate(45deg);cursor:grab}.mgt-key:hover,.mgt-key.is-on{background:var(--c-accent)}.mgt-playhead{position:absolute;top:0;bottom:0;width:1.5px;margin-left:calc(-1 * var(--space-1));background:var(--c-accent);pointer-events:none;z-index:3}.mgt-insp{display:flex;flex-direction:column;gap:var(--space-8);width:250px;flex-shrink:0;padding:var(--space-12);border-left:1px solid var(--c-border);overflow-y:auto}.mgt-insp-title{display:flex;align-items:center;justify-content:space-between;margin:0;font-size:var(--fs-12);font-weight:var(--fw-medium)}.mgt-insp-sub,.mgt-insp-empty{margin:0;color:var(--c-muted);font-size:var(--fs-11)}.mgt-eases{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.mgt-ease{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-ink);font:inherit;font-size:var(--fs-11);cursor:pointer}.mgt-ease.is-on{border-color:var(--c-accent);background:var(--c-accent-5);color:var(--c-accent)}.mgt-fields{display:flex;flex-direction:column;gap:var(--space-6)}.mgt-field{display:flex;align-items:flex-end;gap:var(--space-6)}.mgt-field>:first-child{flex:1}.mgt-keybtn{width:11px;height:11px;margin:0 var(--space-4) var(--space-10);border:1.5px solid var(--c-accent);border-radius:var(--radius-sm);background:var(--c-surface);transform:rotate(45deg);cursor:pointer}.mgt-keybtn.is-on{background:var(--c-accent)}.mgt .mgt-mode{flex:none;width:84px;height:28px}.mge-pop{position:fixed;z-index:1000;width:420px}.mge{display:flex;flex-direction:column;gap:var(--space-10);max-height:min(560px,calc(100vh - 140px))}.mge-tabs{display:flex;flex-wrap:wrap;gap:var(--space-4)}.mge-tab{height:26px;padding:0 var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-slate);font:inherit;font-size:var(--fs-12);cursor:pointer}.mge-tab.is-on{border-color:var(--c-accent);background:var(--c-accent-5);color:var(--c-accent)}.mge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);overflow-y:auto;min-height:0}.mge-tile{display:flex;flex-direction:column;gap:var(--space-6);padding:0;border:0;background:none;font:inherit;cursor:pointer}.mge-tile:disabled{opacity:.4;cursor:default}.mge-stage{display:block;height:76px;overflow:hidden;border:1px solid transparent;border-radius:var(--radius-lg);background:var(--c-canvas, var(--c-hover));transition:border-color .15s}.mge-svg{display:block;width:100%;height:100%}.mge-label{font-size:var(--fs-12);color:var(--c-slate);text-align:center}.mge-tile:not(:disabled):hover .mge-label{color:var(--c-ink)}.mge-saved-list{display:flex;flex-direction:column;gap:var(--space-12);min-height:0;overflow-y:auto}.mge-saved .mge-grid{overflow:visible}.mge-saved-head{margin-bottom:var(--space-6);font-size:var(--fs-11);font-weight:var(--fw-medium);color:var(--c-muted)}.mge-tile-wrap{position:relative;display:flex;flex-direction:column}.mge-del{position:absolute;top:4px;right:4px;place-items:center;width:22px}img.mge-svg{object-fit:contain}.mge-empty{display:grid;place-items:center;height:100%;font-size:var(--fs-18);font-weight:var(--fw-medium);color:var(--c-muted)}.mge-none{padding:var(--space-24) 0;font-size:var(--fs-12);color:var(--c-muted);text-align:center}.mgt-camera .mgt-name{font-weight:var(--fw-medium)}.mgi-group{display:flex;flex-direction:column;gap:var(--space-6);padding-top:var(--space-8);border-top:1px solid var(--c-hover)}.mgi-group-title{margin:0;color:var(--c-muted);font-size:var(--fs-11);font-weight:var(--fw-medium)}.mgi-tools-title{display:flex;align-items:center;justify-content:space-between}.mgi-color{gap:var(--space-6)}.mgi-swatch{width:16px;height:16px;flex-shrink:0;padding:0;border:1px solid color-mix(in srgb,var(--c-ink) 12%,transparent);border-radius:var(--radius-sm);cursor:pointer}.mgi-hex{font-size:var(--fs-12);font-variant-numeric:tabular-nums}.mgi-row{display:flex;align-items:flex-end;gap:var(--space-6)}.mgi-row>.field{flex:1}.mgi-btn{flex:1}.mgi-inline{margin:0 var(--space-4) 0 0;pointer-events:none}.mgi-end{margin-bottom:var(--space-4)}.mgi-card{display:flex;flex-direction:column;gap:var(--space-6)}.mgi-card-title{display:flex;align-items:center;justify-content:space-between;margin:0;font-size:var(--fs-12);font-weight:var(--fw-medium)}.mgi-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.mgi-wide{grid-column:1 / -1}.mgi-sub{display:flex;flex-direction:column;gap:var(--space-6);padding-top:var(--space-6);border-top:1px dashed var(--c-border)}.mgi-onoff{display:flex;flex-direction:column;gap:var(--space-4)}.mgi-onoff .seg-group{height:30px}.code-layer-box{position:absolute;pointer-events:none}.code-layer{display:block;border:0;background:transparent;pointer-events:none}.mgt-spring{display:flex;flex-direction:column;gap:var(--space-6)}.mge-stagger{display:grid;grid-template-columns:auto 90px 1fr;align-items:center;gap:var(--space-8);padding:var(--space-10) var(--space-12) 0;font-size:var(--fs-12);color:var(--c-muted)}.mgt .mgt-mode.mgt-views{width:auto}.mgt .mgt-views .seg-tab{padding:0 var(--space-10)}.mgt-bar{min-width:0;flex-wrap:wrap;row-gap:var(--space-8)}.mg-gl{position:absolute;left:0;top:0;pointer-events:none}.shape-layer.is-gl{opacity:0}.mgt-film{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-6) var(--space-12);border-bottom:1px solid var(--c-border);min-width:0}.mgt-film-total{font-size:var(--fs-11);color:var(--c-muted);font-variant-numeric:tabular-nums;min-width:40px}.mgt-film-track{position:relative;flex:1;height:24px;min-width:0}.mgt-film-scene{position:absolute;top:0;height:24px;display:flex;align-items:center;padding:0 var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-hover);font-size:var(--fs-11);color:var(--c-ink);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.mgt-film-scene span{overflow:hidden;text-overflow:ellipsis}.mgt-film-scene:hover{background:var(--c-selected)}.mgt-film-scene.is-on{border-color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent);background:var(--c-surface)}.mgt-film-trans{position:absolute;top:3px;z-index:50;width:18px;height:18px;margin-left:calc(-1 * var(--space-10));display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-muted);cursor:pointer}.mgt-film-trans.is-set{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-on-accent)}.mgt-film-skipped{font-size:var(--fs-11);color:var(--c-muted)}.mgt-film-pop{position:fixed;z-index:1000;width:280px;display:flex;flex-direction:column;gap:var(--space-8)}.film-player{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c-ink) 72%,transparent)}.film-player-box{display:flex;flex-direction:column;gap:var(--space-8);max-width:86vw}.film-player-view{display:block;width:min(80vw,calc(70vh * 16 / 9));max-height:70vh;height:auto;background:var(--c-black);border-radius:var(--radius-md)}.film-player-bar{display:flex;align-items:center;gap:var(--space-10)}.film-player-scrub{flex:1;accent-color:var(--c-accent)}.film-player-error{margin:0;font-size:var(--fs-12);color:var(--c-danger)}.mgt-sound-row{position:sticky;top:30px;z-index:2;display:flex;background:var(--c-surface);border-bottom:1px solid var(--c-border)}.mgt-sound-name{gap:var(--space-2);padding-left:var(--space-8);color:var(--c-muted)}.mgt-sound-name .mgt-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mgt-sound-name .icon-btn{width:22px}.mgt-sound-lane{overflow:hidden}.mgt-sound-clip{position:absolute;top:4px;bottom:4px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--c-accent) 14%,var(--c-surface));border:1px solid color-mix(in srgb,var(--c-accent) 40%,transparent);overflow:hidden;cursor:grab}.mgt-sound-clip.is-muted{opacity:.45}.mgt-sound-clip svg{position:absolute;inset:0;width:100%;height:100%}.mgt-sound-clip path{fill:color-mix(in srgb,var(--c-accent) 55%,transparent)}.mgt-sound-label{position:absolute;left:6px;top:1px;font-size:var(--fs-10);color:var(--c-ink);white-space:nowrap;pointer-events:none}.mgt-sound-edge{position:absolute;top:0;bottom:0;width:6px;cursor:ew-resize}.mgt-sound-edge.is-start{left:0}.mgt-sound-edge.is-end{right:0}.mgt-beat{position:absolute;bottom:0;width:1px;height:7px;background:var(--c-accent);opacity:.7;pointer-events:none}.mgt-marker{position:absolute;top:0;width:9px;height:11px;margin-left:calc(-1 * var(--space-4));padding:0;border:0;background:var(--c-warning-strong);clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);cursor:pointer;z-index:1}.chatbox-send{display:flex;align-items:center;gap:var(--space-6);min-width:0}.mdl-pill{display:flex;align-items:center;gap:var(--space-6);height:30px;padding:0 var(--space-8) 0 var(--space-10);border:0;border-radius:var(--radius-md);background:transparent;color:var(--c-muted);font:500 12px/1 Inter,system-ui,sans-serif;white-space:nowrap;cursor:pointer}.mdl-pill:hover,.mdl-pill.is-open{background:var(--c-hover);color:var(--c-ink)}.mdl-pill-model{color:var(--c-ink)}.mdl-pill-dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.6}.mdl-chev{transition:transform .15s}.mdl-pill.is-open .mdl-chev{transform:rotate(180deg)}.mdl-card{position:fixed;z-index:1100;width:248px;padding:var(--space-6);font-family:var(--font-ui);color:var(--c-ink);box-shadow:var(--shadow-pop);transform-origin:bottom right;animation:mdl-in .16s cubic-bezier(.2,.9,.3,1.2)}@keyframes mdl-in{0%{opacity:0;transform:translateY(4px) scale(.97)}}.mdl-head{display:flex;justify-content:space-between;padding:var(--space-8) var(--space-8) var(--space-6);font-size:var(--fs-11);font-weight:var(--fw-medium);color:var(--c-muted)}.mdl-head-value{color:var(--c-accent);font-weight:var(--fw-medium)}.mdl-models{display:flex;flex-direction:column}.mdl-model{display:flex;align-items:center;gap:var(--space-8);height:32px;padding:0 var(--space-8);border:0;border-radius:var(--radius-md);background:transparent;color:var(--c-ink);font:500 12px/1 Inter,system-ui,sans-serif;text-align:left;cursor:pointer}.mdl-model:hover{background:var(--c-hover)}.mdl-model-hint{flex:1;color:var(--c-muted);font-weight:var(--fw-regular)}.mdl-check{color:var(--c-accent);opacity:0}.mdl-model.is-on{background:var(--c-accent-5)}.mdl-model.is-on .mdl-check{opacity:1}.mdl-sep{height:1px;margin:var(--space-6) var(--space-2);background:var(--c-fill)}.mdl-track{position:relative;height:24px;margin:var(--space-2) var(--space-16) 0}.mdl-rail,.mdl-rail-fill{position:absolute;top:50%;left:0;height:4px;margin-top:calc(-1 * var(--space-2));border-radius:var(--radius-sm)}.mdl-rail{right:0;background:var(--c-chip)}.mdl-rail-fill{width:var(--mdl-fill);background:var(--c-accent);transition:width .22s cubic-bezier(.2,.9,.3,1.15)}.mdl-rail-fill.is-auto{opacity:0}.mdl-stop{position:absolute;top:50%;width:14px;height:14px;margin:calc(-1 * var(--space-8)) 0 0 calc(-1 * var(--space-8));padding:0;border:2px solid var(--c-chip);border-radius:50%;background:var(--c-surface);cursor:pointer;transition:border-color .15s,transform .18s cubic-bezier(.2,.9,.3,1.4)}.mdl-stop:hover{transform:scale(1.15)}.mdl-stop.is-in{border-color:var(--c-accent)}.mdl-stop.is-on{background:var(--c-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--c-accent) 14%,transparent);transform:scale(1.15)}.mdl-ends{display:flex;justify-content:space-between;padding:var(--space-4) var(--space-8) var(--space-6);font-size:var(--fs-11);color:var(--c-muted)}.bw-body{display:flex;flex:1;min-height:0}.bw-nav{display:flex;flex-direction:column;gap:var(--space-2);width:196px;flex-shrink:0;box-sizing:border-box;padding:var(--space-12) var(--space-8);border-right:1px solid var(--c-border);overflow-y:auto}.bw-nav-btn{display:flex;align-items:center;gap:var(--space-10);height:32px;padding:0 var(--space-10);border:0;border-radius:var(--radius-md);background:transparent;color:var(--c-slate);font:inherit;font-size:var(--fs-13);text-align:left;cursor:pointer}.bw-nav-btn:hover{background:var(--c-hover);color:var(--c-ink)}.bw-nav-btn.is-on{background:var(--c-selected);color:var(--c-ink);font-weight:var(--fw-medium)}.bw-main{display:flex;flex:1;min-width:0;flex-direction:column}.bw-main-head{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-16) var(--space-24) var(--space-12)}.bw-title{flex:1;margin:0;font-size:var(--fs-18);font-weight:var(--fw-medium)}.bw-ask{display:flex;align-items:center;gap:var(--space-6);width:260px;height:32px;box-sizing:border-box;padding:0 var(--space-4) 0 var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-accent)}.bw-ask:focus-within{border-color:var(--c-ink)}.bw-ask input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--c-ink);font:inherit;font-size:var(--fs-12)}.bw-ask-send{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:var(--radius-md);background:var(--c-accent);color:var(--c-on-accent);cursor:pointer}.bw-ask-send:disabled{opacity:.4;cursor:default}.bw-editor{flex:1;min-height:0;overflow-y:auto;padding:0 var(--space-24) var(--space-24);animation:bo-in .25s cubic-bezier(.22,1,.36,1)}.bw-group{display:flex;flex-direction:column;gap:var(--space-10);padding:var(--space-16) 0;border-top:1px solid var(--c-border)}.bw-group:first-child{border-top:0;padding-top:var(--space-4)}.bw-group-head{display:flex;align-items:center;justify-content:space-between;min-height:28px}.bw-group-title{margin:0;font-size:var(--fs-16);font-weight:var(--fw-medium)}.bw-field{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--space-6)}.bw-label{font-size:var(--fs-11);color:var(--c-slate)}.bw-input{width:100%;box-sizing:border-box;resize:vertical}.bw-two{display:flex;gap:var(--space-12)}.bw-pills{display:flex;flex-wrap:wrap;gap:var(--space-6)}.bw-chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);min-height:36px;box-sizing:border-box;padding:var(--space-4) var(--space-6);border:1px solid var(--c-border);border-radius:var(--radius-md)}.bw-chips:focus-within{border-color:var(--c-ink)}.bw-chip{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6) var(--space-4) var(--space-10);border-radius:var(--radius-md);background:var(--c-chip);font-size:var(--fs-12)}.bw-chip button{display:flex;padding:var(--space-2);border:0;border-radius:var(--radius-md);background:transparent;color:var(--c-slate);cursor:pointer}.bw-chip button:hover{background:color-mix(in srgb,var(--c-ink) 8%,transparent);color:var(--c-ink)}.bw-chip-input{flex:1;min-width:120px;border:0;outline:0;background:transparent;font:inherit;font-size:var(--fs-13)}.bw-rows{display:flex;flex-direction:column;border:1px solid var(--c-border);border-radius:var(--radius-md)}.bw-row{display:flex;align-items:center;gap:var(--space-10);min-height:44px;box-sizing:border-box;padding:var(--space-6) var(--space-10);border-top:1px solid var(--c-border)}.bw-row:first-child{border-top:0}.bw-row.is-on{background:var(--c-accent-5)}.bw-row-name{flex:1;min-width:0;font-size:var(--fs-13)}.bw-row-swatches{display:flex}.bw-dot{width:16px;height:16px;margin-right:calc(-1 * var(--space-4));border:2px solid var(--c-surface);border-radius:var(--radius-full)}.bw-tag{padding:var(--space-4) var(--space-8);border-radius:var(--radius-md);background:var(--c-accent-5);color:var(--c-accent);font-size:var(--fs-11)}.bw-swatch{width:28px;height:28px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--c-ink) 8%,transparent);border-radius:var(--radius-md);cursor:pointer}.bw-cell{flex:1;min-width:0;padding:var(--space-6) var(--space-8)}.bw-hex{flex:0 0 92px;font-variant-numeric:tabular-nums}.bw-role{flex:0 0 130px}.bw-logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-10)}.bw-logo-tile{position:relative;display:flex;align-items:center;justify-content:center;height:140px;padding:0 var(--space-16);border:1px solid var(--c-border);border-radius:var(--radius-md);overflow:hidden}.bw-tile-label{position:absolute;left:10px;bottom:8px;font-size:var(--fs-11)}.bw-meta{margin:0;font-size:var(--fs-11);color:var(--c-slate)}.bw-logo{position:relative;display:inline-block;flex-shrink:0;overflow:hidden}.bw-logo iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;pointer-events:none;background:transparent;color-scheme:normal}.bw-initials{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:24%;font-weight:var(--fw-medium)}.bw-scale{display:flex;flex-direction:column}.bw-scale-row{display:flex;align-items:baseline;gap:var(--space-16);padding:var(--space-10) 0;border-top:1px solid var(--c-border)}.bw-scale-row:first-child{border-top:0}.bw-scale-k{flex:0 0 96px;font-size:var(--fs-12);color:var(--c-slate)}.bw-scale-k em{margin-left:var(--space-4);font-style:normal;color:var(--c-ink-30)}.bw-scale-v{flex:1;min-width:0;overflow:hidden;line-height:var(--lh-tight);white-space:nowrap;text-overflow:ellipsis}.bw-preview{display:flex;flex-direction:column;gap:var(--space-12);width:320px;flex-shrink:0;box-sizing:border-box;padding:var(--space-16);border-left:1px solid var(--c-border);background:var(--c-bg);overflow-y:auto}.bw-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-10);padding:var(--space-20);border:1px solid var(--c-border);border-radius:var(--radius-lg)}.bw-card-name{margin:var(--space-4) 0 0;font-size:var(--fs-18);line-height:var(--lh-tight)}.bw-card-tag{margin:0;font-size:var(--fs-13);opacity:.75}.bw-card-swatches{display:flex;gap:var(--space-6);margin-top:var(--space-6)}.bw-card-swatches span{width:28px;height:28px;border:1px solid color-mix(in srgb,var(--c-ink) 8%,transparent);border-radius:var(--radius-full)}.bw-card-hero{border:0}.bw-hero-title{margin:0;font-size:var(--fs-18);line-height:var(--lh-tight)}.bw-hero-text{margin:0;font-size:var(--fs-12);line-height:var(--lh-text);opacity:.85}.bw-hero-btn{margin-top:var(--space-4);padding:var(--space-8) var(--space-14);border-radius:var(--radius-md);font-size:var(--fs-12);font-weight:var(--fw-medium)}.bw-preview-words{display:flex;flex-wrap:wrap;gap:var(--space-6)}.bw-preview-words span{padding:var(--space-4) var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font-size:var(--fs-11);color:var(--c-slate)}@media(max-width:1100px){.bw-preview{display:none}}.bw-role .field-label{display:none}.bw-tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--space-14)}.bw-tpl{display:flex;flex-direction:column;gap:var(--space-8)}.bw-tpl-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;padding:var(--space-12);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg);cursor:pointer;overflow:hidden}.bw-tpl-thumb:disabled{cursor:default}.bw-tpl-img{display:block;max-width:100%;max-height:100%;border-radius:var(--radius-sm);box-shadow:0 1px 4px color-mix(in srgb,var(--c-ink) 12%,transparent)}.bw-making{display:block;width:100%;height:100%;min-height:80px;border-radius:var(--radius-sm);background:var(--c-fill) linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--c-ink) 7%,transparent) 50%,transparent 100%);background-size:200% 100%;animation:ps-shimmer 1.4s linear infinite}.bw-tpl-wait{width:60%;height:50%;border-radius:var(--radius-sm);background:var(--c-fill)}.bw-tpl-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.bw-tpl-name{flex:1;min-width:0;overflow:hidden;font-size:var(--fs-12);white-space:nowrap;text-overflow:ellipsis}.bw-page{position:absolute;top:var(--gap);right:var(--gap);bottom:var(--gap);left:calc(var(--left-w, 320px) + var(--gap) * 2);z-index:20;width:auto;height:auto;box-shadow:var(--shadow-card)}.sidebar-is-collapsed .bw-page{left:calc(56px + var(--gap) * 2)}.bw-tpl-set{display:flex;flex-direction:column;gap:var(--space-10);padding:var(--space-16) 0;border-top:1px solid var(--c-border)}.bw-tpl-set-head{display:flex;align-items:baseline;gap:var(--space-8)}.bw-tpl-size{font-size:var(--fs-11);color:var(--c-slate)}.bw-tpl-set .bw-tpl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bw-book-grid{width:100%;grid-template-columns:repeat(auto-fill,minmax(320px,360px))}.bw-book-actions{display:flex;gap:var(--space-8)}.bw-book-grid .bw-tpl-name{font-size:var(--fs-14)}.bw-search{width:180px}.bw-group-head .bw-group-title{white-space:nowrap}.bw-group-head .bw-search{flex:none;width:20%;margin-left:auto}.bw-pill-swatch{display:inline-flex;align-items:center;gap:var(--space-6)}.bw-pill-swatch i{width:12px;height:12px;border-radius:var(--radius-full)}.bw-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:var(--space-6)}.bw-icon-cell{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);cursor:pointer}.bw-icon-cell:hover{background:var(--c-hover)}.bw-icon-cell.is-on{border-color:var(--c-accent);background:var(--c-accent-5)}.bw-icon-check{position:absolute;top:3px;right:3px;display:flex;padding:var(--space-2);border-radius:var(--radius-full);background:var(--c-accent);color:var(--c-on-accent)}.bw-treat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-10)}.bw-treat{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font:inherit;font-size:var(--fs-12);text-align:left;cursor:pointer}.bw-treat.is-on{border-color:var(--c-accent);box-shadow:0 0 0 1px var(--c-accent)}.bw-img{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--radius-sm);background:var(--c-fill)}.bw-img img{display:block;width:100%;height:100%;object-fit:cover}.bw-img i{position:absolute;inset:0;pointer-events:none}.bw-img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-10)}.bw-img-cell{position:relative}.bw-img-del{position:absolute;top:6px;right:6px;display:flex;padding:var(--space-4);border:0;border-radius:var(--radius-full);background:color-mix(in srgb,var(--c-ink) 70%,transparent);color:var(--c-on-accent);cursor:pointer;opacity:0}.bw-img-cell:hover .bw-img-del{opacity:1}.bw-pattern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-12)}.bw-pattern-cell{display:flex;flex-direction:column;gap:var(--space-6);padding:0;border:0;background:transparent;font:inherit;font-size:var(--fs-12);text-align:left;cursor:pointer}.bw-pattern-tile{display:block;height:110px;overflow:hidden;outline:1px solid var(--c-border)}.bw-pattern-cell.is-on .bw-pattern-tile{outline:2px solid var(--c-accent);outline-offset:2px}.bw-pattern-name{display:flex;align-items:center;gap:var(--space-6)}.bw-pattern-cell.is-on .bw-pattern-name{color:var(--c-accent)}.bw-pattern{display:block}.bw-shapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-10)}.bw-shape{display:flex;flex-direction:column;gap:var(--space-10);padding:var(--space-14);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font:inherit;font-size:var(--fs-12);text-align:left;cursor:pointer}.bw-shape.is-on{border-color:var(--c-accent);box-shadow:0 0 0 1px var(--c-accent)}.bw-shape-row{display:flex;gap:var(--space-8)}.bw-shape-row i{width:32px;height:32px}.bw-card-strip{flex-direction:row;flex-wrap:wrap;gap:var(--space-14);padding:var(--space-16) var(--space-20);background:var(--c-surface)}.bw-preview-images{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.bw-preview-pattern{height:72px;overflow:hidden;border-radius:var(--radius-lg)}.page-row-count{margin-left:auto}.slide-row.is-open{font-weight:var(--fw-medium)}.page-list.board-versions{margin:var(--space-2) 0 0;padding:0 var(--space-4) var(--space-6) var(--space-28)}.board-cards>li>.page-row:hover{background:transparent}.board-version.is-active{background:var(--c-hover)}.board-versions .layer-list{padding-bottom:0}.board-version .ui-icon{flex-shrink:0;color:var(--c-slate)}.board-focus-back{width:100%;margin:var(--space-8) 0 var(--space-4)}.board-focus-arrow{display:flex;transform:rotate(90deg)}.side-templates{display:flex;flex-direction:column;gap:var(--space-10);padding-bottom:var(--space-12)}.side-tpl-row{width:100%;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer}.side-tpl-row:disabled{opacity:.45;cursor:default}.side-tpl-thumb{width:38px;height:22px;flex-shrink:0;border:1px dashed var(--c-border);border-radius:var(--radius-sm)}.side-tpl-box{display:flex;align-items:center;justify-content:center;width:40px;height:26px;flex-shrink:0}.side-tpl-box .scene-thumb{max-width:40px;max-height:26px;width:auto;height:26px}.side-tpl-box .side-tpl-thumb{width:40px;height:22px}.board-blank{border:0;box-shadow:none;background:var(--c-bg)}.side-brand-nav{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-8) var(--space-12)}.bw-industry{max-width:320px}.bw-industry .field-label{display:none}.bw-chip{border-radius:var(--radius-sm)}.bp{display:flex;flex-direction:column;max-width:860px}.bp-cover{position:relative;height:220px;overflow:hidden;border-radius:var(--radius-lg)}.bp-cover img,.bp-cover .bw-pattern{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bp-cover-small{height:140px}.bp-edit{position:absolute;top:12px;right:12px}.bp-head{display:flex;align-items:flex-end;height:56px;padding-left:var(--space-24)}.bp-avatar{display:flex;align-items:center;justify-content:center;width:112px;height:112px;box-sizing:border-box;margin-top:calc(-1 * var(--space-56));padding:var(--space-10);overflow:hidden;border:4px solid var(--c-surface);border-radius:var(--radius-xl);background:var(--c-surface);box-shadow:var(--shadow-pop)}.bp-avatar .bw-logo{max-width:100%}.bp-name{margin:var(--space-14) 0 0;font-size:var(--fs-18);line-height:var(--lh-tight)}.bp-tagline{margin:var(--space-6) 0 0;font-size:var(--fs-14);color:var(--c-ink)}.bp-about{margin:var(--space-10) 0 0;max-width:640px;font-size:var(--fs-13);line-height:var(--lh-text);color:var(--c-slate)}.bp-meta{display:flex;flex-wrap:wrap;gap:var(--space-16);margin-top:var(--space-14);font-size:var(--fs-12);color:var(--c-slate)}.bp-meta span{display:inline-flex;align-items:center;gap:var(--space-6)}.bp-tags{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-14)}.bp-tags span{padding:var(--space-4) var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-md);font-size:var(--fs-12)}.bp-stats{display:flex;gap:var(--space-32);margin-top:var(--space-20);padding-top:var(--space-16);border-top:1px solid var(--c-border)}.bp-stats>div{display:flex;flex-direction:column;gap:var(--space-8)}.bp-stat-k{font-size:var(--fs-11);color:var(--c-slate)}.bp-stat-v{font-size:var(--fs-13)}.bp-swatches{display:flex;gap:var(--space-6)}.bp-swatches i{width:22px;height:22px;border:1px solid color-mix(in srgb,var(--c-ink) 8%,transparent);border-radius:var(--radius-md)}.bp-avatar{position:relative;z-index:1}.bp-avatar{padding:0;background:var(--c-bg)}.bp-avatar .bw-tpl-img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;border-radius:var(--radius-xl);box-shadow:none}.bp-avatar .bw-tpl-wait{width:100%;height:100%;border-radius:var(--radius-xl)}.bw-board-view{position:relative;display:block;overflow:hidden;border-radius:var(--radius-xl)}.bw-board-view iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;pointer-events:none}.bp-avatar{border-radius:var(--radius-lg)}.bp-avatar .bw-board-view,.bp-avatar .bw-tpl-img,.bp-avatar .bw-tpl-wait{border-radius:var(--radius-md)}.bp-head{gap:var(--space-16);height:auto;min-height:56px}.bp-title{min-width:0;padding-bottom:var(--space-2)}.bp-title .bp-name{margin:0}.bp-title .bp-tagline{margin-top:var(--space-4)}.bp-head{align-items:flex-start;gap:var(--space-20)}.bp-title{padding-top:var(--space-20)}.bp-head+.bp-about{margin-top:var(--space-20)}.bp-head{align-items:flex-end}.bp-title{padding-bottom:0}.bp-title .bp-tagline{margin-bottom:0;line-height:var(--lh-tight)}.bw-ai-row{display:flex;align-items:center;gap:var(--space-8)}.bw-ai-pick{width:220px}.bw-ai-pick .field-label{display:none}.image-ai-actions{display:flex;gap:var(--space-6)}.bw-tpl-new{margin-left:auto}.bw-page-view{border-radius:var(--radius-sm);box-shadow:0 1px 4px color-mix(in srgb,var(--c-ink) 12%,transparent)}.bw-view-pill{padding:var(--space-2) var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-md);font-size:var(--fs-10);color:var(--c-slate)}.bw-view-pill b{font-weight:var(--fw-medium);color:var(--c-ink)}.bw-tpl-set-head{flex-wrap:wrap}.bw-tpl-fold{display:inline-flex;align-items:center;gap:var(--space-6);padding:0;border:0;background:transparent;color:var(--c-ink);font:inherit;cursor:pointer}.bw-tpl-fold .ui-icon{color:var(--c-slate);transition:transform .15s}.bw-tpl-set.is-folded .bw-tpl-fold .ui-icon{transform:rotate(-90deg)}.bw-tpl-group{margin-top:var(--space-8)}.bw-tpl-group+.bw-tpl-group{margin-top:var(--space-28)}.bw-tpl-group-title{margin:0 0 var(--space-4);font-size:var(--fs-16);font-weight:var(--fw-medium)}.props-publish{margin-left:auto}.bp{max-width:none;padding-top:var(--space-20)}.bp-head{padding-right:var(--space-4)}.bp-ask{margin-left:auto;align-self:flex-end}.bp-meta .bp-tag{padding:var(--space-4) var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-ink)}.bp-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--space-16);margin-top:var(--space-24)}.bp-card{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-20);border:1px solid var(--c-border);border-radius:var(--radius-lg)}.bp-card-title{margin:0;font-size:var(--fs-13);font-weight:var(--fw-medium)}.bp-card-text{margin:0;font-size:var(--fs-13);line-height:var(--lh-text)}.bp-card-text.is-muted{color:var(--c-slate)}.bp-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:var(--space-8)}.bp-chip{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--fs-11)}.bp-chip i{height:52px;margin-bottom:var(--space-4);border:1px solid color-mix(in srgb,var(--c-ink) 6%,transparent);border-radius:var(--radius-md)}.bp-chip b{font-weight:var(--fw-medium)}.bp-chip em{font-style:normal;color:var(--c-slate);font-variant-numeric:tabular-nums}.bp-type{display:flex;align-items:center;gap:var(--space-16);padding-top:var(--space-12);border-top:1px solid var(--c-border)}.bp-type-aa{font-size:var(--fs-48);line-height:1}.bp-type-names{display:flex;flex-direction:column;gap:var(--space-2)}.bp-type-names b{font-size:var(--fs-14);font-weight:var(--fw-medium)}.bp-type-names em{font-size:var(--fs-12);font-style:normal;color:var(--c-slate)}.bp-designs{display:flex;flex-direction:column;gap:var(--space-12);margin-top:var(--space-28);padding-bottom:var(--space-24)}.bp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-12)}.bp-post{display:flex;align-items:center;justify-content:center;height:200px;padding:var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-bg);cursor:pointer}@media(max-width:1100px){.bp-cols{grid-template-columns:1fr}}.bw-page{right:calc(var(--right-w, 320px) + var(--gap) * 2)}.props-only-title{margin:0;padding:var(--space-4) var(--space-2)}.dsp-embed{display:flex;flex-direction:column;min-height:0}.dsp.dsp-embed-inner{width:auto;height:auto;border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:none;overflow:hidden}.dsp-embed-inner .dsp-body{overflow:visible}.bo-body{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--space-64);min-height:0;padding:0 var(--space-24)}.bo-body .bo-main{flex:0 1 560px;width:auto;margin:0}.bo-body~.bo-foot{width:min(984px,calc(100% - 48px))}.bo-preview{display:flex;flex:0 0 360px;flex-direction:column;overflow:hidden;border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);box-shadow:var(--shadow-modal)}@media(max-width:1080px){.bo-preview{display:none}.bo-body~.bo-foot{width:min(560px,calc(100% - 48px))}}.bo-pv-cover{height:96px;background:var(--c-hover);transition:background .3s}.bo-pv-head{display:flex;flex-direction:column;gap:var(--space-8);padding:0 var(--space-24) var(--space-20)}.bo-pv-logo{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin-top:calc(-1 * var(--space-40));overflow:hidden;border:4px solid var(--c-surface);border-radius:var(--radius-xl);background:var(--c-surface);box-shadow:var(--shadow-pop)}.bo-pv-logo img{max-width:100%;max-height:100%;object-fit:contain}.bo-pv-logo>span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--c-ink-30);color:var(--c-on-accent);font-size:var(--fs-24);font-weight:var(--fw-medium);transition:background .3s}.bo-pv-logo>span.is-ai{background:var(--c-accent-5);color:var(--c-accent)}.bo-pv-name{margin:var(--space-4) 0 0;overflow:hidden;font-size:var(--fs-24);font-weight:var(--fw-medium);line-height:var(--lh-tight);white-space:nowrap;text-overflow:ellipsis}.bo-pv-name.is-empty{color:var(--c-ink-30)}.bo-pv-about{margin:0;color:var(--c-slate);font-size:var(--fs-14);line-height:var(--lh-text)}.bo-pv-line{display:block;width:70%;height:10px;border-radius:var(--radius-sm);background:var(--c-hover)}.bo-pv-line.is-short{width:96px}.bo-pv-tags{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-4)}.bo-pv-tags span{padding:var(--space-4) var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-md);font-size:var(--fs-12)}.bo-pv-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);min-height:56px;padding:0 var(--space-24);border-top:1px solid var(--c-border)}.bo-pv-k{font-size:var(--fs-13);font-weight:var(--fw-medium)}.bo-pv-colors{display:flex;gap:var(--space-6)}.bo-pv-colors span{width:24px;height:24px;border:1px solid color-mix(in srgb,var(--c-ink) 8%,transparent);border-radius:var(--radius-md)}.bo-pv-colors span.is-empty{border:1.5px dashed var(--c-border)}.bo-pv-fonts{display:flex;align-items:baseline;gap:var(--space-8);font-size:var(--fs-13)}.bo-pv-fonts b{font-size:var(--fs-16)}.bo-count{margin:0;color:var(--c-muted);font-size:var(--fs-13);text-align:center}.bo-suggest{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-10)}.bo-pal,.bo-pair{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-8);border:1.5px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);color:var(--c-ink);font:inherit;text-align:left;cursor:pointer}.bo-pal.is-on,.bo-pair.is-on{border-color:var(--c-accent);background:var(--c-accent-5)}.bo-pal-strip{display:flex;height:36px;overflow:hidden;border-radius:var(--radius-md)}.bo-pal-strip span{flex:1}.bo-pal-strip span:first-child{flex:2}.bo-pal-name{font-size:var(--fs-12);font-weight:var(--fw-medium)}.bo-pair{flex-direction:row;align-items:center;gap:var(--space-10)}.bo-pair-h{font-size:var(--fs-24);font-weight:var(--fw-medium);line-height:1}.bo-pair-names{display:flex;min-width:0;flex-direction:column;font-size:var(--fs-12)}.bo-pair-names span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bo-pair-names span+span{color:var(--c-muted)}.bo{background:var(--c-hover)}.bo-body{flex-wrap:wrap;align-content:safe center;align-items:flex-start;padding:var(--space-32) var(--space-24);overflow:auto}.bo-panel{display:flex;flex:0 1 600px;flex-direction:column;gap:var(--space-28);min-width:0;min-height:480px;padding:var(--space-32);border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);box-shadow:var(--shadow-modal)}.bo-body .bo-main{flex:1;justify-content:flex-start;width:auto}.bo-panel .bo-mark{justify-content:flex-start;margin-bottom:var(--space-4)}.bo-panel .bo-title{margin:0 0 var(--space-4);font-size:var(--fs-18);text-align:left}.bo-panel .bo-chips{justify-content:flex-start}.bo-panel .bo-count,.bo-panel .bo-warn{text-align:left}.bo-panel .bo-foot,.bo-body~.bo-foot{width:auto;margin:0;padding:var(--space-20) 0 0;border-top:1px solid var(--c-border)}.bo-preview{position:sticky;top:0;border-radius:var(--radius-xl);box-shadow:var(--shadow-modal)}.bo-sec{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);margin-top:var(--space-4);font-size:var(--fs-13);font-weight:var(--fw-medium)}.bo-pal-name{color:var(--c-slate);font-weight:var(--fw-regular)}@media(max-width:1080px){.bo-panel{flex-basis:600px}}.bp-title .bp-meta{margin-top:var(--space-6)}.bo-shell{display:flex;flex:0 1 1040px;min-width:0;overflow:hidden;border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);box-shadow:var(--shadow-modal)}.bo-shell .bo-panel{flex:1 1 600px;border:0;border-radius:0;box-shadow:none}.bo-side{display:flex;flex:0 0 420px;align-items:center;justify-content:center;padding:var(--space-32);border-left:1px solid var(--c-border);background:var(--c-hover)}.bo-side .bo-preview{position:static;flex:1;box-shadow:var(--shadow-pop)}@media(max-width:1080px){.bo-side{display:none}}.bo-upload{border-style:dashed}.bo-upload.has-file{border-style:solid}.bo-upload img{max-width:70%;max-height:64px;object-fit:contain}.bo-upload-name{max-width:90%;overflow:hidden;color:var(--c-muted);font-size:var(--fs-12);white-space:nowrap;text-overflow:ellipsis}.bo-attach{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-14) var(--space-16);border:1.5px dashed var(--c-border);border-radius:var(--radius-lg);cursor:pointer}.bo-attach.has-files{border-color:var(--c-accent);background:var(--c-accent-5)}.bo-attach-text{display:flex;flex-direction:column;gap:var(--space-2)}.bo-attach .bo-card-label{font-size:var(--fs-14)}.bo-attach .bo-upload-name{max-width:none}.bo-files{display:flex;flex-wrap:wrap;gap:var(--space-6)}.bo-file{display:inline-flex;align-items:center;gap:var(--space-6);max-width:100%;padding:var(--space-6) var(--space-6) var(--space-6) var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-md);font-size:var(--fs-12)}.bo-file>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bo-file button{display:inline-flex;padding:var(--space-4);border:0;border-radius:50%;background:none;color:var(--c-muted);cursor:pointer}.bo-file button:hover{background:var(--c-hover);color:var(--c-ink)}.bo-foot .bo-skip{margin-left:auto;margin-right:var(--space-8)}.bo-panel .bo-swatches{justify-content:flex-start}.bo-chip.is-empty{display:inline-flex;align-items:center;justify-content:center;border:1.5px dashed var(--c-border);background:var(--c-surface);color:var(--c-muted);cursor:pointer}.bo-chip.is-empty:hover{color:var(--c-ink)}.bw-logo-grid.is-four{grid-template-columns:repeat(4,1fr)}.canvas-chip-input{min-width:60px;padding:0;border:0;outline:none;background:transparent;color:inherit;font:inherit}.frame-chrome.canvas-chip,.version-chip{pointer-events:auto}.side-brand-title{display:flex;align-items:center;gap:var(--space-10);flex-wrap:wrap}.side-brand-mark{display:inline-flex;flex:none;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface)}.side-brand-mark .bw-initials{border-radius:var(--radius-md)}.project-title.side-brand-title{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left}.side-brand-title .project-name{min-width:0;flex:1}.board-focus-row{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-8) 0 var(--space-4)}.board-focus-row .board-focus-back{flex:none;width:auto;margin:0}.board-focus-row .board-focus-add{margin-left:auto}.print-px{margin:var(--space-4) 0 0;color:var(--c-muted);font-size:var(--fs-11)}.print-row{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:var(--space-8);margin-bottom:var(--space-6)}.print-row-name{font-size:var(--fs-12)}.print-row-fields{display:flex;gap:var(--space-6);min-width:0}.print-row.is-off .print-row-name,.print-row.is-off .print-row-fields{opacity:.45}.props-head .props-publish{width:100%;margin:var(--space-2) 0 0}.print-marks{position:absolute;pointer-events:none}.pm-bleed{position:absolute;border:1px solid color-mix(in srgb,var(--c-danger) 85%,transparent)}.pm-safe{position:absolute;border:1px dashed color-mix(in srgb,var(--c-accent) 70%,transparent)}.pm-col{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--c-danger) 7%,transparent);border-left:1px solid color-mix(in srgb,var(--c-danger) 18%,transparent);border-right:1px solid color-mix(in srgb,var(--c-danger) 18%,transparent)}.pm-fold{position:absolute;top:-12px;bottom:-12px;width:0;border-left:1px dashed color-mix(in srgb,var(--c-success) 95%,transparent)}.pm-fold.is-across{inset:auto -12px;width:auto;height:0;border-left:0;border-top:1px dashed color-mix(in srgb,var(--c-success) 95%,transparent)}.print-export{width:100%;margin-top:var(--space-6)}.bw-tpl-layout{display:flex;align-items:stretch;min-height:100%}.bw-tpl-nav{position:sticky;top:0;align-self:flex-start;display:flex;flex:0 0 200px;padding-right:var(--space-20);flex-direction:column;gap:var(--space-2)}.bw-tpl-search{margin-bottom:var(--space-8)}.bw-tpl-main{flex:1;min-width:0;padding-left:var(--space-20);border-left:1px solid var(--c-border)}.bw-tpl-actions{display:flex;justify-content:flex-end;margin-bottom:var(--space-8)}.bw-editor.is-templates{display:flex;flex-direction:column;padding-top:0;padding-bottom:0}.bw-editor.is-templates .bw-tpl-layout{flex:1 0 auto}.bw-editor.is-templates .bw-tpl-nav,.bw-editor.is-templates .bw-tpl-main{padding-top:var(--space-16);padding-bottom:var(--space-24)}.bw-tpl-title{flex:none;margin:0 0 var(--space-12)}.workspace.is-behind .viewport{visibility:hidden}.field-box,.dropdown-trigger,.text-input,.app-btn,.bw-btn,.bw-input,.props-publish,.dsp-generate,.dsp-ai,.print-export,.board-focus-add,.board-focus-back{border-radius:var(--radius-md)}.bo-input,.bo-next,.bo-back,.bo-card,.bo-pal,.bo-pair{border-radius:var(--radius-lg)}.ruler-guides{z-index:auto}.ruler-guide:before{background:var(--c-surface);mix-blend-mode:difference}.print-fixed{margin:0;padding:var(--space-8) var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-md);font-size:var(--fs-12)}.dev-panel{display:flex;flex-direction:column}.dev-header{gap:var(--space-8)}.dev-header .props-only-title{flex:1}.dev-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.dev-section{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-12);border-bottom:1px solid var(--c-border)}.dev-title{font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--c-ink)}.dev-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-12)}.dev-list{display:flex;flex-direction:column;gap:var(--space-2)}.dev-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);min-height:24px;font-size:var(--fs-12)}.dev-row-label{color:var(--c-muted)}.dev-row-value,.dev-color{padding:var(--space-2) var(--space-6);border:0;border-radius:var(--radius-md);background:none;font:12px/1.4 ui-monospace,Cascadia Code,Consolas,monospace;color:var(--c-ink);cursor:copy;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-row-value:hover,.dev-color:hover{background:var(--c-hover)}.dev-color{display:flex;align-items:center;gap:var(--space-8);margin-left:calc(-1 * var(--space-6));text-align:left}.dev-swatch{width:14px;height:14px;flex-shrink:0;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-ink) 10%,transparent)}.dev-tokens{display:flex;flex-wrap:wrap;gap:var(--space-4)}.dev-token{padding:var(--space-2) var(--space-8);border-radius:var(--radius-md);background:var(--c-bg);font-size:var(--fs-11);color:var(--c-ink)}.dev-code-section{border-bottom:0}.dev-code-head{display:flex;align-items:center;gap:var(--space-8)}.dev-langs{flex:1}.dev-code-box{position:relative}.dev-code{margin:0;padding:var(--space-10) var(--space-40) var(--space-10) var(--space-12);border-radius:var(--radius-md);background:var(--c-bg);overflow-x:auto;font:11px/1.6 ui-monospace,Cascadia Code,Consolas,monospace;color:var(--c-ink);white-space:pre;-webkit-user-select:text;user-select:text}.dev-code-copy{position:absolute;top:6px;right:6px}.dev-prop{color:var(--c-accent)}.dev-val{color:var(--c-success)}.dev-code .dev-val:only-child{white-space:pre-wrap;word-break:break-word}.dvp-side{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-12);overflow-y:auto}.dvp-brief{width:100%;min-height:96px;resize:vertical;border:0;outline:none;background:none;font:inherit;font-size:var(--fs-12);line-height:var(--lh-text);color:var(--c-ink)}.dvp-plan-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-6)}.dvp-busy{display:flex;align-items:center;gap:var(--space-8);min-height:34px;font-size:var(--fs-12)}.dvp-busy-text{flex:1;min-width:0;color:var(--c-ink)}.dvp-spinner{width:14px;height:14px;flex-shrink:0;border:2px solid var(--c-border);border-top-color:var(--c-accent);border-radius:50%;animation:dvp-spin .8s linear infinite}@keyframes dvp-spin{to{transform:rotate(360deg)}}.dvp-plan{display:flex;flex-direction:column;gap:var(--space-8)}.dvp-summary{font-size:var(--fs-12);line-height:var(--lh-text);color:var(--c-ink)}.dvp-card{display:flex;flex-direction:column;gap:var(--space-10);padding:var(--space-12);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface)}.dvp-card-title{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--c-ink)}.dvp-card-count{font-size:var(--fs-11);font-weight:var(--fw-regular);color:var(--c-muted)}.dvp-item{display:flex;flex-direction:column;gap:var(--space-4)}.dvp-item+.dvp-item{padding-top:var(--space-10);border-top:1px solid var(--c-border)}.dvp-item-head{display:flex;align-items:center;gap:var(--space-6);font-size:var(--fs-12);color:var(--c-ink)}.dvp-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dvp-route{font:11px ui-monospace,Cascadia Code,Consolas,monospace;color:var(--c-muted)}.dvp-item-sub{font-size:var(--fs-11);line-height:var(--lh-text);color:var(--c-muted)}.dvp-question{color:var(--c-ink)}.dvp-fields{display:flex;flex-wrap:wrap;gap:var(--space-4)}.dvp-field{padding:var(--space-1) var(--space-6);border-radius:var(--radius-md);background:var(--c-bg);font:11px ui-monospace,Cascadia Code,Consolas,monospace;color:var(--c-ink)}.dvp-decide{height:28px;margin-top:var(--space-2)}.dvp-decide .dsp-seg-btn{font-size:var(--fs-11)}.dvp-switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:0;border:0;background:none;font:inherit;font-size:var(--fs-12);color:var(--c-ink);cursor:pointer}.dvp-switch{position:relative;width:28px;height:16px;flex-shrink:0;border-radius:var(--radius-full);background:var(--c-fill);transition:background .15s}.dvp-switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--c-surface);box-shadow:0 1px 2px color-mix(in srgb,var(--c-ink) 20%,transparent);transition:transform .15s}.dvp-switch.is-on{background:var(--c-accent)}.dvp-switch.is-on:after{transform:translate(12px)}.dvp-build{display:flex;align-items:flex-start;gap:var(--space-6);font-size:var(--fs-11);line-height:var(--lh-text);color:var(--c-ink)}.dvp-build>svg{flex-shrink:0;margin-top:var(--space-1);color:var(--c-success)}.dvp-build.is-error>svg{color:var(--c-danger)}.dvp-build.is-error{color:var(--c-danger)}.dvp-actions{display:flex;gap:var(--space-6)}.dvp-actions .app-btn{flex:1}.dvp-matches{display:flex;flex-direction:column;gap:var(--space-4)}.dvp-match{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);font-size:var(--fs-11);color:var(--c-ink)}.dvp-match-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dvp-match-pct{flex-shrink:0;font-variant-numeric:tabular-nums;color:var(--c-warning)}.dvp-match-pct.is-good{color:var(--c-success)}.dvp-match-pct.is-low{color:var(--c-danger)}.conn-list{display:flex;flex-direction:column;padding:0 var(--space-12) var(--space-12)}.conn-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-6) var(--space-8);min-height:40px;padding:var(--space-6) 0;border-bottom:1px solid var(--c-border)}.conn-row:last-child{border-bottom:0}.conn-name{display:flex;align-items:center;gap:var(--space-8);font-size:var(--fs-12);color:var(--c-ink)}.conn-state{display:flex;align-items:center;gap:var(--space-8);min-width:0}.conn-ok{display:flex;align-items:center;gap:var(--space-4);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-11);color:var(--c-success)}.conn-ok>svg{flex-shrink:0}.conn-row:has(+.conn-sub){border-bottom:0}.conn-sub{min-height:32px;padding:0 0 var(--space-8) var(--space-24)}.conn-sub .conn-name{color:var(--c-muted)}.conn-select{max-width:190px}.conn-form{display:flex;flex-direction:column;gap:var(--space-6);flex-basis:100%}.conn-steps{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-2) 0;padding-left:var(--space-20);font-size:var(--fs-11);line-height:var(--lh-text);color:var(--c-ink)}.conn-copy{max-width:100%;margin-top:var(--space-4);word-break:break-all}.conn-form-row{display:flex;align-items:center;gap:var(--space-12)}.conn-form-row .conn-btn{margin-left:auto}.conn-error{font-size:var(--fs-11);line-height:var(--lh-text);color:var(--c-danger)}.dvp-item-head:has(.conn-form){flex-wrap:wrap}.dvp-item-head .conn-form{flex-basis:100%}.dvp-publish{display:flex;align-items:center;justify-content:center;gap:var(--space-6)}.dvp-published{display:flex;flex-direction:column;gap:var(--space-6)}.dvp-live,.dvp-repo{display:flex;align-items:center;gap:var(--space-6);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-12);color:var(--c-ink);text-decoration:none}.dvp-live:hover,.dvp-repo:hover{text-decoration:underline}.dvp-repo{font-size:var(--fs-11);color:var(--c-muted)}.dvp-live-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--c-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-success) 15%,transparent)}.side-settings{display:flex;flex-direction:column;flex-shrink:0}.side-settings>*{flex-shrink:0}.conn-btn{width:auto;flex:none;gap:var(--space-6);border-radius:var(--radius-md)}.conn-row.is-flush{min-height:34px;padding:0;border-bottom:0}.dvp-card .conn-list{padding:0}.tb-attach.voice-rec{width:auto;font-variant-numeric:tabular-nums}.voice-dot{width:8px;height:8px;border-radius:50%;background:var(--c-danger);animation:voice-pulse 1s ease-in-out infinite}@keyframes voice-pulse{50%{opacity:.35}}.voice-spin{width:13px;height:13px;border:2px solid var(--c-border);border-top-color:var(--c-accent);border-radius:50%;animation:dvp-spin .8s linear infinite}.dev-bar{gap:var(--space-8);padding:var(--space-6) var(--space-8) var(--space-6) var(--space-12);left:calc(50% + (var(--left-w, 0px) - var(--right-w, 0px)) / 2);max-width:calc(100% - var(--left-w, 0px) - var(--right-w, 0px) - 40px)}.project-area.sidebar-is-collapsed .dev-bar{left:calc(50% + (46px - var(--right-w, 0px)) / 2);max-width:calc(100% - 46px - var(--right-w, 0px) - 40px)}.dev-bar.is-stacked{top:64px}.dev-bar-switch{display:flex;align-items:center;gap:var(--space-8);padding:0;border:0;background:none;font:inherit;font-size:var(--fs-12);color:var(--c-ink);cursor:pointer}.dev-bar-sep{width:1px;height:16px;background:var(--c-fill)}.dev-bar-text{min-width:0;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--c-muted)}.dev-bar-text.is-ok{color:var(--c-success)}.dev-bar-text.is-error{color:var(--c-danger)}.dev-bar-live{display:flex;align-items:center;gap:var(--space-6);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-12);color:var(--c-ink);text-decoration:none}.dev-bar-live:hover{text-decoration:underline}.dev-bar-close{width:22px}.site-preview-devices{display:flex;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);background:color-mix(in srgb,var(--c-surface) 8%,transparent)}.site-preview-device{padding:var(--space-4) var(--space-10);border:0;border-radius:var(--radius-md);background:none;font:inherit;font-size:var(--fs-12);color:var(--c-text-faint);cursor:pointer}.site-preview-device.is-on{background:color-mix(in srgb,var(--c-surface) 16%,transparent);color:var(--c-on-accent)}.site-preview-stage{display:flex;justify-content:center;overflow:hidden;padding:0 var(--space-16) var(--space-16)}.site-preview-sizer{position:relative;flex-shrink:0;overflow:hidden;border-radius:var(--radius-md);background:var(--c-surface)}.site-preview-frame{position:absolute;top:0;left:0;border:0;transform-origin:0 0;background:var(--c-surface)}.dev-bar-ask-dot{width:7px;height:7px;border-radius:50%;background:var(--c-surface);animation:voice-pulse 1s ease-in-out infinite}.conn-card{display:flex;flex-direction:column;gap:var(--space-8)}.conn-card-title{font-size:var(--fs-13);line-height:var(--lh-text);color:var(--c-ink)}.conn-card-found{font-size:var(--fs-11);line-height:var(--lh-text);color:var(--c-muted)}.conn-card .conn-row{border-bottom:0;padding:0}.conn-card-actions{display:flex;gap:var(--space-6)}.conn-card-state{font-size:var(--fs-11);line-height:var(--lh-text);color:var(--c-muted)}.db-view{display:flex;flex-direction:column;padding:0 var(--space-12) var(--space-12)}.db-head{display:flex;align-items:center;justify-content:space-between;min-height:36px}.db-title{display:flex;align-items:center;gap:var(--space-8);font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--c-ink)}.db-actions{display:flex;align-items:center;gap:var(--space-10)}.db-empty{padding:var(--space-6) 0;font-size:var(--fs-11);color:var(--c-muted)}.db-table{border-bottom:1px solid var(--c-border)}.db-table:last-child{border-bottom:0}.db-table-row{display:flex;align-items:center;gap:var(--space-6);width:100%;min-height:32px;padding:0;border:0;background:none;font:inherit;font-size:var(--fs-12);color:var(--c-ink);text-align:left;cursor:pointer}.db-table-row>svg{flex:none;transform:rotate(-90deg);color:var(--c-muted)}.db-table.is-open .db-table-row>svg{transform:none}.db-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:var(--fs-12)}.db-pill{flex:none}.db-detail{display:flex;flex-direction:column;gap:var(--space-8);padding:0 0 var(--space-10) var(--space-20)}.db-cols{display:flex;flex-wrap:wrap;gap:var(--space-4)}.db-col{display:inline-flex;align-items:baseline;gap:var(--space-4);padding:var(--space-2) var(--space-6);border-radius:var(--radius-md);background:var(--c-bg);font:10.5px ui-monospace,Cascadia Code,Consolas,monospace;color:var(--c-ink)}.db-col em{font-style:normal;color:var(--c-muted)}.db-rows{max-height:220px;overflow:auto;border-radius:var(--radius-md);background:var(--c-bg)}.db-rows table{border-collapse:collapse;font-size:var(--fs-11)}.db-rows th,.db-rows td{padding:var(--space-4) var(--space-8);white-space:nowrap;text-align:left;color:var(--c-ink)}.db-rows th{position:sticky;top:0;background:var(--c-selected);font-weight:var(--fw-medium)}.db-rows tr+tr td{border-top:1px solid var(--c-border)}.build-view{position:absolute;top:var(--gap);right:calc(var(--right-w, 320px) + var(--gap) * 2);bottom:var(--gap);left:calc(var(--left-w, 320px) + var(--gap) * 2);z-index:20;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg);box-shadow:var(--shadow-card)}.sidebar-is-collapsed .build-view{left:calc(56px + var(--gap) * 2)}.preview-view.is-embedded{position:relative;inset:auto;z-index:auto;flex:1;min-height:0;background:var(--c-bg)}.preview-view.is-embedded .preview-bar{height:44px;border-bottom:1px solid var(--c-border);background:var(--c-surface);color:var(--c-ink)}.preview-view.is-embedded .preview-title,.preview-view.is-embedded .preview-size{color:var(--c-muted);font-size:var(--fs-12)}.preview-view.is-embedded .site-preview-devices{background:var(--c-bg)}.preview-view.is-embedded .site-preview-device{color:var(--c-muted)}.preview-view.is-embedded .site-preview-device.is-on{background:var(--c-surface);color:var(--c-ink);box-shadow:0 1px 2px color-mix(in srgb,var(--c-ink) 8%,transparent)}.preview-view.is-embedded .site-preview-stage{padding:var(--space-16)}.preview-view.is-embedded .site-preview-sizer{box-shadow:var(--shadow-pop)}.build-busy{display:flex;align-items:center;gap:var(--space-6);font-size:var(--fs-12);color:var(--c-muted);white-space:nowrap}.build-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-12)}.build-empty-title{margin:0;font-size:var(--fs-14);font-weight:var(--fw-medium);color:var(--c-ink)}.build-empty-note{max-width:360px;margin:0;font-size:var(--fs-12);color:var(--c-muted);text-align:center}.project-area.is-build .build-view{right:var(--gap);border:0;background:transparent;box-shadow:none}.build-view.is-start{align-items:center;justify-content:center}.build-view.is-start .build-chat{display:flex;flex-direction:column;width:min(760px,100%);height:100%;overflow:hidden}.build-view.is-start .chat-view,.build-view.is-start .chat-view-head{background:transparent}.build-start-note{position:absolute;bottom:12px;display:flex;align-items:center;gap:var(--space-8);margin:0;font-size:var(--fs-12);color:var(--c-muted)}.build-view.is-split{flex-direction:row;gap:var(--gap)}.build-view.is-split .build-chat{display:flex;flex:none;flex-direction:column;width:clamp(340px,30%,460px);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-card);overflow:hidden}.build-preview{display:flex;flex:1;min-width:0;flex-direction:column;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg);box-shadow:var(--shadow-card);overflow:hidden}.build-switch{display:flex;flex:none;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-lg);background:var(--c-bg)}.build-switch-btn{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-10);border:0;border-radius:var(--radius-md);background:none;font:inherit;font-size:var(--fs-12);color:var(--c-muted);cursor:pointer}.build-switch-btn.is-on{background:var(--c-surface);color:var(--c-ink);box-shadow:0 1px 2px color-mix(in srgb,var(--c-ink) 8%,transparent)}.build-code-bar{display:flex;flex:none;align-items:center;gap:var(--space-12);height:44px;padding:0 var(--space-12);border-bottom:1px solid var(--c-border);background:var(--c-surface)}.build-code-spacer{flex:1}.code-editor{display:flex;flex:1;min-height:0;background:var(--c-surface)}.code-tree{display:flex;flex:none;flex-direction:column;width:240px;min-height:0;border-right:1px solid var(--c-border);background:var(--c-bg)}.code-tree.is-drop,.code-row.is-drop{background:color-mix(in srgb,var(--c-accent) 6%,transparent)}.code-tree-head{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 var(--space-6) 0 var(--space-12);font-size:var(--fs-11);font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--c-muted)}.code-tree-actions{display:flex;gap:var(--space-2)}.code-new{padding:0 var(--space-8) var(--space-6)}.code-new input{width:100%;height:26px;padding:0 var(--space-8);border:1px solid var(--c-accent);border-radius:var(--radius-md);font:12px ui-monospace,Cascadia Code,Consolas,monospace;outline:none}.code-tree-list{flex:1;min-height:0;overflow:auto;padding-bottom:var(--space-12)}.code-row{display:flex;align-items:center;gap:var(--space-6);height:24px;padding-right:var(--space-6);font-size:var(--fs-13);color:var(--c-ink);white-space:nowrap;cursor:pointer}.code-row:hover{background:var(--c-hover)}.code-row.is-current{background:var(--c-selected)}.code-row>svg{flex:none;color:var(--c-muted)}.code-chev{transition:transform .12s}.code-chev.is-closed{transform:rotate(-90deg)}.code-chev-space{flex:none;width:11px}.code-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.code-row-del{flex:none}.code-main{display:flex;flex:1;min-width:0;flex-direction:column}.code-tabs{display:flex;flex:none;align-items:stretch;height:34px;overflow-x:auto;border-bottom:1px solid var(--c-border);background:var(--c-bg)}.code-tab{display:flex;align-items:center;gap:var(--space-6);padding:0 var(--space-8) 0 var(--space-12);border-right:1px solid var(--c-border);font-size:var(--fs-12);color:var(--c-muted);white-space:nowrap;cursor:pointer}.code-tab.is-current{background:var(--c-surface);color:var(--c-ink);box-shadow:inset 0 -2px 0 var(--c-accent)}.code-tab-close{display:inline-flex;padding:var(--space-2);border:0;border-radius:var(--radius-sm);background:none;color:var(--c-muted);cursor:pointer}.code-tab-close:hover{background:var(--c-hover)}.code-dot{width:7px;height:7px;margin:0 var(--space-4);border-radius:50%;background:var(--c-ink)}.code-busy{display:flex;align-items:center;margin-left:auto;padding:0 var(--space-12);font-size:var(--fs-11);color:var(--c-muted);white-space:nowrap}.code-error{margin:0;padding:var(--space-6) var(--space-12)}.code-stage{position:relative;flex:1;min-height:0}.code-monaco{position:absolute;inset:0}.code-image{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-24);background:repeating-conic-gradient(var(--c-hover) 0% 25%,var(--c-surface) 0% 50%) 50% / 16px 16px}.code-image img{max-width:100%;max-height:100%;object-fit:contain}.code-empty{margin:0;padding:var(--space-12);font-size:var(--fs-12);color:var(--c-muted)}.code-note{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.hm-inner{width:min(1464px,calc(100% - 64px));padding:var(--space-32) 0}.hm-title{font-size:var(--fs-18)}.hm-kinds{gap:var(--space-12)}.hm-kind{gap:var(--space-8);padding:var(--space-12);background:var(--c-bg)}.hm-kind:not(:disabled):hover{background:var(--c-surface)}.hm-kind-icon{width:24px;height:24px;border-radius:var(--radius-md)}.hm-kind-text{gap:var(--space-8)}.hm-kind-name{font-size:var(--fs-14);line-height:normal}.hm-kind-meta{overflow:hidden;line-height:normal;text-overflow:ellipsis;white-space:nowrap}.chatbox.hm-ai{box-shadow:var(--shadow-card)}.chatbox.hm-ai .tb-input{font-size:var(--fs-16)}.hm-projects-head{gap:var(--space-8)}.hm-head-grow{flex:1}.hm-head-search{display:flex;align-items:center;gap:var(--space-8);width:320px;height:32px;padding:0 var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-ink)}.hm-head-search input{flex:1;min-width:0;border:0;outline:none;background:none;font:inherit;font-size:var(--fs-12);color:var(--c-ink)}.hm-head-search input::placeholder{color:var(--c-ink)}.hm-head-search:focus-within{border-color:var(--c-ink)}.hm-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.hm-thumb{position:relative;aspect-ratio:280 / 176}.hm-card:hover .hm-thumb{box-shadow:var(--shadow-card)}.hm-thumb-play{position:absolute;right:10px;bottom:10px;display:none;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-ink);cursor:pointer}.hm-card:hover .hm-thumb-play{display:flex}.hm-pill{padding:var(--space-2) var(--space-6);border-radius:var(--radius-sm);font-size:var(--fs-10)}.hm-inner{margin:0 auto}.chatbox.hm-ai .mdl-pill,.build-view.is-code .build-chat{display:none}.code-editor{position:relative;flex-direction:column}.ide-bar{display:flex;flex:none;align-items:center;gap:var(--space-6);height:40px;padding:0 var(--space-10);border-bottom:1px solid var(--c-border);background:var(--c-surface)}.ide-sep{width:1px;height:18px;margin:0 var(--space-4);background:var(--c-fill)}.ide-grow{flex:1}.ide-body{display:flex;flex:1;min-height:0}.ide-side-tabs{display:flex;flex:none;gap:var(--space-2);padding:var(--space-6) var(--space-6) 0}.ide-side-tab{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--space-6);height:26px;border:0;border-radius:var(--radius-md);background:none;font:inherit;font-size:var(--fs-12);color:var(--c-muted);cursor:pointer}.ide-side-tab.is-on{background:var(--c-surface);color:var(--c-ink);box-shadow:0 0 0 1px var(--c-border)}.code-row.has-error .code-name{color:var(--c-danger)}.code-err-count{flex:none;min-width:16px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--c-danger-soft);font-size:var(--fs-10);color:var(--c-danger);text-align:center}.ide-search{display:flex;flex:1;min-height:0;flex-direction:column;padding:var(--space-8);gap:var(--space-8)}.ide-search-box{display:flex;align-items:center;gap:var(--space-6);height:30px;padding:0 var(--space-4) 0 var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface)}.ide-search-box:focus-within{border-color:var(--c-ink)}.ide-search-box input{flex:1;min-width:0;border:0;outline:none;background:none;font:inherit;font-size:var(--fs-12)}.ide-hits{flex:1;min-height:0;overflow:auto}.ide-hit{display:flex;flex-direction:column;gap:var(--space-2);width:100%;padding:var(--space-6) var(--space-6);border:0;border-radius:var(--radius-sm);background:none;font:inherit;text-align:left;cursor:pointer}.ide-hit:hover{background:var(--c-hover)}.ide-hit-file{display:flex;gap:var(--space-6);overflow:hidden;font-size:var(--fs-12);color:var(--c-ink);white-space:nowrap}.ide-hit-file em{overflow:hidden;font-style:normal;color:var(--c-muted);text-overflow:ellipsis}.ide-hit-text{overflow:hidden;font:11.5px ui-monospace,Cascadia Code,Consolas,monospace;color:var(--c-muted);text-overflow:ellipsis;white-space:nowrap}.code-tab>svg{flex:none;color:var(--c-muted)}.ide-crumbs{flex:none;padding:var(--space-4) var(--space-12);border-bottom:1px solid var(--c-border);font-size:var(--fs-11);color:var(--c-muted);white-space:nowrap;overflow:hidden}.ide-welcome{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-10);font-size:var(--fs-12);color:var(--c-muted)}.ide-welcome p{display:flex;align-items:center;gap:var(--space-4);margin:0}.ide-welcome kbd{padding:var(--space-1) var(--space-6);border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);font:11px ui-monospace,Consolas,monospace;color:var(--c-ink)}.ide-panel{position:relative;display:flex;flex:none;flex-direction:column;border-top:1px solid var(--c-border);background:var(--c-surface)}.ide-panel-drag{position:absolute;top:-3px;right:0;left:0;z-index:2;height:6px;cursor:ns-resize}.ide-panel-tabs{display:flex;flex:none;align-items:center;gap:var(--space-4);height:34px;padding:0 var(--space-8)}.ide-panel-tab{display:flex;align-items:center;gap:var(--space-6);height:34px;padding:0 var(--space-8);border:0;background:none;font:inherit;font-size:var(--fs-11);font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--c-muted);cursor:pointer}.ide-panel-tab.is-on{color:var(--c-ink);box-shadow:inset 0 -2px 0 var(--c-accent)}.ide-badge{min-width:16px;padding:0 var(--space-6);border-radius:var(--radius-md);background:var(--c-selected);font-size:var(--fs-10);letter-spacing:0;color:var(--c-ink)}.ide-badge.is-error{background:var(--c-danger-soft);color:var(--c-danger)}.ide-term{flex:1;min-height:0;overflow:auto;padding:var(--space-4) var(--space-12) var(--space-8);font:12px/1.5 ui-monospace,Cascadia Code,Consolas,monospace;color:var(--c-ink);cursor:text}.ide-term-line{white-space:pre-wrap;word-break:break-word}.ide-term-line.is-cmd{margin-top:var(--space-6);color:var(--c-accent);font-weight:var(--fw-medium)}.ide-term-line.is-err{color:var(--c-danger)}.ide-term-line.is-info{color:var(--c-muted)}.ide-term-input{display:flex;align-items:center;gap:var(--space-8);margin-top:var(--space-4)}.ide-prompt{flex:none;color:var(--c-success);font-weight:var(--fw-medium)}.ide-term-input input{flex:1;min-width:0;border:0;outline:none;background:none;font:inherit;color:var(--c-ink)}.ide-problems{flex:1;min-height:0;overflow:auto}.ide-problem{display:flex;align-items:center;gap:var(--space-8);min-height:28px;padding:var(--space-4) var(--space-12);font-size:var(--fs-12);cursor:pointer}.ide-problem:hover{background:var(--c-hover)}.ide-sev{flex:none;width:8px;height:8px;border-radius:50%}.ide-sev.is-error{background:var(--c-danger)}.ide-sev.is-warning{background:var(--c-warning-strong)}.ide-problem-msg{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--c-ink)}.ide-problem-at{flex:none;font:11px ui-monospace,Consolas,monospace;color:var(--c-muted)}.ide-fix{flex:none}.ide-status{display:flex;flex:none;align-items:center;gap:var(--space-2);height:24px;padding:0 var(--space-6);border-top:1px solid var(--c-border);background:var(--c-bg)}.ide-stat{display:inline-flex;align-items:center;gap:var(--space-4);height:20px;padding:0 var(--space-6);border:0;border-radius:var(--radius-sm);background:none;font:inherit;font-size:var(--fs-11);color:var(--c-muted);white-space:nowrap}button.ide-stat{cursor:pointer}button.ide-stat:hover{background:var(--c-hover)}.ide-stat.is-error{color:var(--c-danger)}.ide-stat-gap{width:6px}.ide-live-dot{width:7px;height:7px;border-radius:50%;background:var(--c-muted);opacity:.5}.ide-stat.is-live{color:var(--c-success)}.ide-stat.is-live .ide-live-dot{background:var(--c-success);opacity:1}.ide-quick-back{position:absolute;inset:0;z-index:30;display:flex;justify-content:center;padding-top:var(--space-64);background:color-mix(in srgb,var(--c-ink) 8%,transparent)}.ide-quick{display:flex;flex-direction:column;width:min(560px,90%);max-height:60%;overflow:hidden;border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--shadow-modal)}.ide-quick input{flex:none;height:40px;padding:0 var(--space-14);border:0;border-bottom:1px solid var(--c-border);outline:none;font:inherit;font-size:var(--fs-13)}.ide-quick-list{overflow:auto;padding:var(--space-4)}.ide-quick-item{display:flex;align-items:center;gap:var(--space-8);width:100%;height:30px;padding:0 var(--space-10);border:0;border-radius:var(--radius-md);background:none;font:inherit;font-size:var(--fs-13);color:var(--c-ink);text-align:left;cursor:pointer}.ide-quick-item:hover{background:var(--c-hover)}.ide-quick-item em{overflow:hidden;font-style:normal;font-size:var(--fs-11);color:var(--c-muted);text-overflow:ellipsis;white-space:nowrap}.project-area.is-build .build-view{inset:0;border:0;border-radius:0;background:var(--c-bg);box-shadow:none}.build-view.is-home{flex-direction:column;align-items:center;justify-content:center;gap:var(--space-32);padding:var(--space-24)}.bh-title{max-width:100%;margin:0;overflow:hidden;font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-18);line-height:normal;color:var(--c-ink);text-align:center;text-overflow:ellipsis;white-space:nowrap}.bh-box{position:relative;width:min(624px,100%)}.chatbox.bh-chat{justify-content:space-between;height:231px;margin:0;padding:var(--space-16);border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);box-shadow:var(--shadow-card)}.chatbox.bh-chat .tb-input{flex:1;min-height:0;padding:0;font-size:var(--fs-14)}.chatbox.bh-chat .chatbox-foot{padding:0;border-top:0}.bh-hint{position:absolute;top:17px;left:17px;display:none;font-size:var(--fs-14);color:var(--c-ink);pointer-events:none}.bh-box:has(.tb-input:placeholder-shown) .bh-hint{display:block}.bh-hint b{font-weight:var(--fw-regular);color:var(--c-accent)}.bh-caret{display:inline-block;width:1px;height:15px;margin-left:var(--space-1);vertical-align:-2px;background:var(--c-accent);animation:bh-blink 1s steps(1) infinite}@keyframes bh-blink{50%{opacity:0}}.build-view .mdl-pill:before,.hv .chatbox.hv-ai .mdl-pill:before{content:"";flex:none;width:14px;height:14px;margin-right:var(--space-2);background:url(/assets/claude-symbol-CupSbZQe.png) center / contain no-repeat}.build-view.is-work{flex-direction:row;gap:0}.bw-chat{display:flex;flex:none;flex-direction:column;width:477px;min-height:0}.bw-chat.is-hidden{display:none}.bw-chat .chat-view-head{padding:var(--space-12);border-bottom:0}.bw-chat .chat-view-picker .dropdown-trigger{height:26px;padding:0;border:0;background:none;font-size:var(--fs-14)}.bw-chat .chatbox{height:171px;margin:var(--space-12);padding:var(--space-16);border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);box-shadow:var(--shadow-card)}.bw-chat .chatbox .tb-input{flex:1;min-height:0;padding:0;font-size:var(--fs-14)}.bw-chat .chatbox .tb-input::placeholder{color:var(--c-slate)}.bw-chat .chatbox .chatbox-foot{padding:0;border-top:0}.bw-main{display:flex;flex:1;min-width:0;flex-direction:column;border-top:1px solid var(--c-border);border-left:1px solid var(--c-border);background:var(--c-surface)}.bw-bar{display:grid;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-12);height:55px;padding:var(--space-12)}.bw-bar-group{display:flex;align-items:center;gap:var(--space-8);min-width:0}.bw-bar-group.is-end{justify-content:flex-end}.bw-icon{flex:none;width:30px}.bw-tabs{display:flex;flex:none;align-items:center;gap:var(--space-4);height:30px;padding:0 var(--space-2);border-radius:var(--radius-md);background:var(--c-fill)}.bw-tabs.is-icons{gap:var(--space-2)}.bw-tab{display:flex;align-items:center;gap:var(--space-8);height:26px;padding:0 var(--space-8);border:0;border-radius:var(--radius-md);background:none;font:inherit;font-size:var(--fs-12);color:var(--c-ink);cursor:pointer}.bw-tabs.is-icons .bw-tab{justify-content:center;width:26px;padding:0}.bw-tab.is-on{background:var(--c-surface);box-shadow:var(--shadow-card)}.bw-address{display:flex;align-items:center;gap:var(--space-8);width:375px;max-width:100%;height:30px;padding:0 var(--space-4) 0 var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-ink)}.bw-address:focus-within{border-color:var(--c-ink)}.bw-address input{flex:1;min-width:0;border:0;outline:none;background:none;font:inherit;font-size:var(--fs-12);color:var(--c-ink)}.bw-btn{flex:none;display:inline-flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-8);border:0;background:none;color:var(--c-ink);font:inherit;font-size:var(--fs-14);line-height:normal;cursor:pointer}.bw-btn:hover{background:var(--c-hover)}.bw-body{display:flex;flex:1;min-height:0;flex-direction:column}.bw-stage{display:flex;flex:1;min-height:0;flex-direction:column;margin:0 var(--space-12);overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--c-chip)}.preview-view.is-bare{background:var(--c-chip)}.preview-view.is-bare .site-preview-stage{padding:var(--space-16) var(--space-16) 0}.bw-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-12);font-size:var(--fs-13);color:var(--c-muted)}.bw-empty p{margin:0}.bw-body .code-editor{border-top:1px solid var(--c-border)}.bw-settings{position:absolute;top:55px;right:12px;bottom:12px;z-index:30;display:flex;flex-direction:column;width:340px;overflow:hidden;border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--shadow-modal)}.bw-settings-head{display:flex;flex:none;align-items:center;justify-content:space-between;height:44px;padding:0 var(--space-8) 0 var(--space-14);border-bottom:1px solid var(--c-border);font-size:var(--fs-14);font-weight:var(--fw-medium);color:var(--c-ink)}.bw-settings-body{flex:1;min-height:0;overflow:auto}.bw-chat .chat-view-head{display:flex;align-items:center;justify-content:space-between;height:55px;padding:0 var(--space-12);border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border)}.bw-chat .chatbox{margin:var(--space-10) var(--space-12) var(--space-12)}.chat-chips-row{display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-12) var(--space-12) 0}.bw-chip{display:inline-flex;align-items:center;gap:var(--space-6);height:23px;padding:0 var(--space-8);border:0;border-radius:var(--radius-md);background:var(--c-fill);font:inherit;font-size:var(--fs-12);color:var(--c-slate);white-space:nowrap;cursor:pointer}.bw-chip:hover{color:var(--c-ink)}.bw-chip.is-primary{background:var(--c-accent);color:var(--c-on-accent)}.bw-chip.is-primary:hover{filter:brightness(1.08);color:var(--c-on-accent)}.bw-main{border-top:0;border-left:0;background:var(--c-bg)}.bw-bar{border:1px solid var(--c-border);border-right:0;background:var(--c-surface)}.bw-body{padding-top:var(--space-12);border-left:1px solid var(--c-border);background:var(--c-bg)}.bw-body .code-editor{margin-top:calc(-1 * var(--space-12))}.bw-icon,.ide-btn,.ide-search-box,.code-new input,.ide-side-tab,.ide-fix,.code-tab-close,.code-row-del{border-radius:var(--radius-md)}.bw-settings,.ide-quick,.ide-quick input{border-radius:var(--radius-xl)}.ide-quick input{border-radius:0}.bw-body{padding-top:0}.bw-stage{margin:0;border-radius:0;background:var(--c-surface)}.preview-view.is-bare,.preview-view.is-bare .site-preview-stage{padding:0;background:var(--c-surface)}.preview-view.is-bare .site-preview-stage{height:100%}.preview-view.is-bare .site-preview-sizer{border-radius:0;box-shadow:none}.bw-body .code-editor{margin-top:0}.bw-chat{position:relative}.bw-chat-drag{position:absolute;top:0;right:-4px;bottom:0;z-index:5;width:8px;cursor:col-resize}.bw-chat-drag:hover,.build-view.is-dragging .bw-chat-drag{background:linear-gradient(90deg,transparent 3px,var(--c-accent) 3px,var(--c-accent) 5px,transparent 5px)}.build-view.is-dragging,.build-view.is-dragging *{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.build-view.is-dragging iframe{pointer-events:none}.bw-icon.is-select{border-color:var(--c-border);background:var(--c-selected);color:var(--c-ink)}.bw-main{container:bw-main / inline-size}.bw-bar{grid-template-columns:minmax(max-content,1fr) minmax(0,auto) minmax(max-content,1fr)}.bw-bar>.bw-bar-group:nth-child(2){justify-content:center}.bw-address{flex:0 1 375px;min-width:90px}.build-busy .bw-label,.dev-bar-live .bw-label{overflow:hidden;max-width:220px;text-overflow:ellipsis;white-space:nowrap}@container bw-main (max-width: 1100px){.bw-bar .bw-btn:not(.is-primary) .bw-label,.bw-bar .build-busy .bw-label,.bw-bar .dev-bar-live .bw-label{display:none}}@container bw-main (max-width: 860px){.bw-bar .bw-tab .bw-label{display:none}.bw-bar .bw-tabs:not(.is-icons) .bw-tab{padding:0 var(--space-8)}}@container bw-main (max-width: 640px){.bw-bar{gap:var(--space-8);padding:var(--space-12) var(--space-8)}.bw-bar .bw-devices{display:none}}.bh-settings{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:var(--space-6);height:37px;padding:0 var(--space-16);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);box-shadow:0 0 2px color-mix(in srgb,var(--c-accent) 12%,transparent);font:inherit;font-size:var(--fs-12);color:var(--c-ink);cursor:pointer}.bh-settings:hover,.bh-settings[aria-pressed=true]{background:var(--c-hover)}.bh-apps{display:flex;align-items:center;gap:var(--space-32);max-width:100%;padding:var(--space-8) var(--space-8) var(--space-8) var(--space-16);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-card)}.bh-apps-title{overflow:hidden;font-size:var(--fs-16);font-weight:var(--fw-medium);color:var(--c-ink);text-overflow:ellipsis;white-space:nowrap}.bh-apps-icons,.bh-apps-logos{display:flex;flex:none;align-items:center}.bh-apps-icons{gap:var(--space-4)}.bh-app{position:relative;display:flex;margin-right:calc(-1 * var(--space-6));padding:0;border:0;border-radius:var(--radius-md);background:none;cursor:pointer}.bh-app:last-child{margin-right:0}.bh-app .conn-logo{border:1.5px solid var(--c-surface)}.bh-app:hover{z-index:1}.bh-app.is-on:after{content:"";position:absolute;right:0;bottom:0;width:7px;height:7px;border:1.5px solid var(--c-surface);border-radius:50%;background:var(--c-success)}.conn-logo{display:inline-flex;flex:none;align-items:center;justify-content:center;width:30px;height:30px;overflow:hidden;border-radius:var(--radius-full);background:var(--c-bg);color:var(--c-ink)}.conn-logo img{display:block;width:14px;height:14px}.conn-plug{display:inline-block;flex:none;width:12px;height:12px;background:currentColor;-webkit-mask:no-repeat center / contain;mask:no-repeat center / contain}.conn-text{display:flex;flex:1;flex-direction:column;gap:var(--space-4);min-width:0}.conn-text .conn-name{font-size:var(--fs-14)}.conn-desc{overflow:hidden;font-size:var(--fs-12);color:var(--c-slate);text-overflow:ellipsis;white-space:nowrap}a.conn-desc.is-link{color:var(--c-accent);text-decoration:none}a.conn-desc.is-link:hover{text-decoration:underline}.conn-connect{flex:none}.conn-row{justify-content:flex-start}.pset{position:absolute;z-index:40;display:flex;flex-direction:column;gap:var(--space-16);width:min(624px,calc(100% - 24px));max-height:calc(100% - 80px);padding:var(--space-16);border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);box-shadow:var(--shadow-modal)}.pset.is-bar{top:67px;right:13px}.pset.is-home{top:61px;right:12px}.pset-title{font-size:var(--fs-16);font-weight:var(--fw-medium);color:var(--c-ink)}.pset-tabs{display:flex;flex:none;align-items:center;gap:var(--space-6);height:32px;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--c-fill)}.pset-tab{display:flex;flex:1 0 0;align-items:center;justify-content:center;gap:var(--space-4);min-width:0;height:24px;padding:0 var(--space-8);border:0;border-radius:var(--radius-md);background:none;font:inherit;font-size:var(--fs-12);color:var(--c-ink);white-space:nowrap;cursor:pointer}.pset-tab.is-on{background:var(--c-surface);box-shadow:var(--shadow-card)}.pset-body{min-height:0;overflow:auto}.pset-apps,.pset-list{display:flex;flex-direction:column;gap:var(--space-16)}.pset .conn-row{gap:var(--space-8);min-height:0;padding:0;border-bottom:0}.pset .conn-row .conn-state{margin-left:auto}.pset .conn-form{padding-left:var(--space-40)}.pset .conn-sub{margin-top:calc(-1 * var(--space-8));padding:0 0 0 var(--space-40)}.pset .conn-error{padding-left:var(--space-40)}.pset-input{width:100%}.chatbox-mirror{position:absolute;z-index:1;box-sizing:border-box;overflow:hidden;color:var(--c-ink);white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;pointer-events:none}.chatbox-mirror mark{background:none;color:var(--c-accent)}.tb-input.has-tags{color:transparent;caret-color:var(--c-ink)}.tb-input.has-tags::selection{color:transparent;background:color-mix(in srgb,var(--c-accent) 16%,transparent)}.pset-domain{flex-wrap:wrap}.dom-list{display:flex;flex-basis:100%;flex-direction:column;gap:var(--space-10);padding-left:var(--space-40)}.dom-item{display:flex;flex-direction:column;gap:var(--space-6)}.dom-head{display:flex;align-items:center;gap:var(--space-8);min-width:0;font-size:var(--fs-12);color:var(--c-ink)}.dom-name{overflow:hidden;font-weight:var(--fw-medium);text-overflow:ellipsis;white-space:nowrap}.dom-note{color:var(--c-slate);white-space:nowrap}.dom-grow{flex:1}.dom-state{flex:none;padding:var(--space-2) var(--space-8);border-radius:var(--radius-md);font-size:var(--fs-11)}.dom-state.is-live{background:var(--c-success-soft);color:var(--c-success)}.dom-state.is-dns,.dom-state.is-verify{background:var(--c-warning-soft);color:var(--c-warning-deep)}.dom-records{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--c-border);border-radius:var(--radius-md);font-size:var(--fs-12);table-layout:fixed}.dom-records th{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--c-border);background:var(--c-bg);font-weight:var(--fw-medium);color:var(--c-slate);text-align:left}.dom-records th:first-child{width:64px}.dom-records th:nth-child(2){width:30%}.dom-records td{padding:var(--space-4) var(--space-8);color:var(--c-ink)}.dom-copy{max-width:100%}.dom-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dom-copy svg{flex:none;color:var(--c-slate)}.bw-fix{display:flex;flex:none;align-items:center;gap:var(--space-8);min-width:0;padding:var(--space-6) var(--space-8) var(--space-6) var(--space-12);border-bottom:1px solid var(--c-danger-line);background:var(--c-danger-soft);font-size:var(--fs-12);color:var(--c-danger)}.bw-fix-title{flex:none;font-weight:var(--fw-medium)}.bw-fix-line{flex:1;min-width:0;overflow:hidden;font-family:ui-monospace,Consolas,monospace;font-size:var(--fs-11);color:var(--c-ink);white-space:nowrap;text-overflow:ellipsis}.bw-fix .bw-btn{margin-left:auto}.bw-fix-line+.bw-btn{margin-left:0}.bw-checkpoints{position:relative;flex:none}.bw-cp-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:40;display:flex;flex-direction:column;gap:var(--space-6);width:320px;max-height:420px;padding:var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);box-shadow:var(--shadow-pop);font-size:var(--fs-12);color:var(--c-ink)}.bw-cp-title{padding:var(--space-2) var(--space-4);font-weight:var(--fw-medium)}.bw-cp-empty,.bw-cp-error{margin:0;padding:var(--space-4);color:var(--c-muted)}.bw-cp-error{color:var(--c-danger)}.bw-cp-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;overflow-y:auto;list-style:none}.bw-cp{display:flex;align-items:center;gap:var(--space-8);min-height:30px;padding:0 var(--space-4) 0 var(--space-8);border-radius:var(--radius-md)}.bw-cp:hover{background:var(--c-hover)}.bw-cp-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bw-cp.is-you .bw-cp-label,.bw-cp.is-other .bw-cp-label{color:var(--c-slate)}.bw-cp-meta{flex:none;color:var(--c-muted)}.bw-cp-now{flex:none;padding:0 var(--space-8);color:var(--c-accent)}.bw-cp-back{flex:none}.chat-checkpoint{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-6);font-size:var(--fs-12);color:var(--c-muted)}.chat-checkpoint-undo,.chat-checkpoint-done{margin-left:auto}.chat-checkpoint.is-undone>span:not(.chat-checkpoint-done){text-decoration:line-through}.chat-queue{display:flex;flex-direction:column;gap:var(--space-4);margin:0 0 var(--space-6);padding:0;list-style:none}.chat-queue-item{display:flex;align-items:center;gap:var(--space-6);min-height:30px;padding:0 var(--space-4) 0 var(--space-10);border:1px dashed var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font-size:var(--fs-12);color:var(--c-slate)}.chat-queue-text{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-queue-now,.chat-queue-x{flex:none}.chat-node-steps{margin:0;padding-left:var(--space-20);font-size:var(--fs-12);color:var(--c-slate)}.chat-node-steps li+li{margin-top:var(--space-2)}a.chat-chip{text-decoration:none}.bw-stage{position:relative}.bw-imgmenu{position:absolute;z-index:30;display:flex;flex-direction:column;min-width:190px;padding:var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--shadow-pop);transform:translate(-50%,-50%)}.bw-imgmenu-item{display:flex;align-items:center;gap:var(--space-8);height:30px;padding:0 var(--space-10);border:0;border-radius:var(--radius-md);background:none;font:inherit;font-size:var(--fs-12);color:var(--c-ink);text-align:left;cursor:pointer}.bw-imgmenu-item:hover{background:var(--c-hover)}.bw-imgmenu-item.is-muted{color:var(--c-slate)}.ds-tab{display:flex;flex-direction:column;gap:var(--space-16)}.ds-group{display:flex;flex-direction:column;gap:var(--space-4)}.ds-head{margin-bottom:var(--space-4);font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--c-slate)}.ds-row{display:flex;align-items:center;gap:var(--space-8);min-height:32px}.ds-swatch{position:relative;flex:none;width:22px;height:22px;overflow:hidden;border:1px solid color-mix(in srgb,var(--c-ink) 12%,transparent);border-radius:var(--radius-md);cursor:pointer}.ds-swatch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.ds-font{display:inline-flex;flex:none;align-items:center;justify-content:center;width:22px;font-size:var(--fs-14);color:var(--c-ink)}.ds-name{flex:1;min-width:0;overflow:hidden;font-size:var(--fs-13);color:var(--c-ink);text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.ds-value{width:180px}.ds-value.is-wide{flex:1;width:auto}.ds-add{align-self:flex-start;margin-top:var(--space-2)}.bh-top{position:absolute;top:12px;right:12px;display:flex;gap:var(--space-8)}.bh-top .bh-settings{position:static}.bh-settings.is-primary{border-color:var(--c-accent);background:var(--c-accent);color:var(--c-on-accent)}.bh-settings.is-primary:hover{background:var(--c-accent);filter:brightness(1.08)}.chat-todos{gap:var(--space-10);padding:var(--space-14) var(--space-16);border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);font-size:var(--fs-13);line-height:var(--lh-text);color:var(--c-ink)}.chat-todos li{align-items:flex-start;gap:var(--space-10)}.chat-todo-text{min-width:0}.chat-todo-box{position:relative;width:14px;height:14px;margin-top:var(--space-1);border:1.5px dashed var(--c-border-strong);border-radius:50%;background:none}.chat-todos .is-in_progress .chat-todo-box{border:1.5px solid var(--c-border-strong);border-top-color:var(--c-slate);background:none;animation:chat-todo-turn .9s linear infinite}@keyframes chat-todo-turn{to{transform:rotate(360deg)}}.chat-todos .is-completed{color:var(--c-slate);text-decoration:none}.chat-todos .is-completed .chat-todo-box{border:0;background:var(--c-accent)}.chat-todos .is-completed .chat-todo-box:after{content:"";position:absolute;top:3px;left:5px;width:3px;height:6px;border:solid var(--c-surface);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}@media(prefers-reduced-motion:reduce){.chat-todos .is-in_progress .chat-todo-box{animation:none;border-color:var(--c-slate)}}.chat-todos.is-over .is-in_progress .chat-todo-box{border:1.5px dashed var(--c-border-strong);animation:none}.dev-bar .chat-chip{display:inline-flex;flex:none;align-items:center;gap:var(--space-6);height:28px;padding:0 var(--space-10);border-radius:var(--radius-md);white-space:nowrap;line-height:1}.dev-bar .chat-chip>svg{flex:none}.bw-side{position:relative;z-index:25;display:flex;flex:none;flex-direction:column;align-items:center;gap:var(--space-16);width:46px;padding:var(--space-8) 0;border-top:1px solid var(--c-border);border-right:1px solid var(--c-border);background:var(--c-surface)}.bw-side-items{display:flex;flex:1;flex-direction:column;align-items:center;gap:var(--space-8);min-height:0}.bw-side-btn{flex:none;width:30px}.bw-side .rail-bottom{gap:var(--space-16)}.bw-side .rail-btn{width:30px}.bw-checkpoints.is-side .bw-cp-pop{top:0;right:auto;left:calc(100% + 10px)}.pset.is-bar{top:8px;right:auto;left:54px}.build-view.is-home.has-banner{padding-top:185px}.bh-banner{position:absolute;top:0;right:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-24);padding:var(--space-24) var(--space-12);border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);background:var(--c-accent-5)}.bh-banner-text{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);max-width:100%;text-align:center}.bh-banner-title{font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-18);line-height:var(--lh-tight);color:var(--c-ink)}.bh-banner-sub{font-size:var(--fs-12);color:var(--c-ink)}.bh-banner-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-8)}.bh-banner .bh-apps{gap:var(--space-32);height:38px;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-16);border:0;box-shadow:var(--shadow-card)}.bh-banner .bh-apps-title{font-size:var(--fs-14)}.bh-banner-close{position:absolute;top:4px;right:4px;width:30px}.sidebar-body,.sidebar-body .sidebar-panel{border-radius:var(--radius-xl)}.sidebar-body .rail{border-radius:var(--radius-xl) 0 0 var(--radius-xl)}.sidebar,.props,.chat.card{top:0;bottom:0;border-radius:0;box-shadow:none}.sidebar{left:0;border:0;border-right:1px solid var(--c-border)}.props,.chat.card{right:0;border:0;border-left:1px solid var(--c-border)}.sidebar-body,.sidebar-body .sidebar-panel,.sidebar-body .rail{border-radius:0}.sidebar .rail,.sidebar-collapsed{width:46px}.agent-lock{top:28px;border-radius:16px}.bw-page{top:calc(var(--gap) * 2);bottom:calc(var(--gap) * 2)}.canvas-ruler.is-main{pointer-events:auto}.canvas-ruler.is-h.is-main{cursor:ns-resize}.canvas-ruler.is-v.is-main{cursor:ew-resize}.ruler-horizontal .ruler-label{margin-bottom:var(--space-2)}.ruler-vertical .ruler-label{margin-right:var(--space-4)}.ruler .ruler-label{color:var(--ruler-ink, var(--c-ruler));margin:0}.ruler .ruler-line{background:var(--ruler-ink, var(--c-ruler));margin:0;transform:none}.ruler-horizontal .ruler-tick{gap:var(--space-4);width:0;transform:none}.ruler-horizontal .ruler-line{width:1px;height:5px}.ruler-vertical .ruler-tick{gap:var(--space-4);height:0;transform:none}.ruler-vertical .ruler-line{width:5px;height:1px}.canvas-ruler.is-h,.canvas-ruler.is-v,.canvas-ruler.is-corner{border-color:var(--ruler-edge, var(--c-border))}.ruler-guide:before{background:var(--c-accent);mix-blend-mode:normal}.tl-nav-row{display:flex;flex:none;height:14px;border-bottom:1px solid var(--c-border)}.tl-nav-spacer{width:var(--tl-name-w, 168px);flex:none;border-right:1px solid var(--c-border)}.tl-nav{position:relative;flex:1;margin:0 var(--space-8);cursor:pointer}.tl-nav-time{position:absolute;top:2px;bottom:2px;width:1px;background:var(--c-accent);pointer-events:none}.tl-nav-thumb{position:absolute;top:3px;bottom:3px;min-width:14px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--c-accent) 14%,transparent);cursor:grab}.tl-nav-thumb.is-zoomed{background:color-mix(in srgb,var(--c-accent) 24%,transparent)}.tl-nav-thumb:active{cursor:grabbing}.tl-nav-end{position:absolute;top:-1px;bottom:-1px;width:6px;border-radius:var(--radius-sm);background:var(--c-accent);opacity:.55;cursor:ew-resize}.tl-nav-end:hover{opacity:1}.tl-nav-end.is-start{left:-3px}.tl-nav-end.is-end{right:-3px}.tl-main>.tl-playhead-layer{top:15px}.props-header .panel-tabs{gap:var(--space-2);min-width:0}.props-header .panel-tab{padding:var(--space-8) var(--space-6);white-space:nowrap;flex:none}.props-header>.icon-btn{flex:none}.props-head-name>.props-head-play{flex:none;padding:var(--space-4)}.bw-pills{display:inline-flex;flex-wrap:nowrap;align-self:flex-start;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--c-fill)}.bw-pills .bw-pill{min-width:72px}.bw-choice-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-16) var(--space-32)}.bw-choice-row>.bw-field{flex:none;display:flex;flex-direction:column;gap:var(--space-6)}.bw-choice-row .bw-pills .bw-pill{min-width:64px}.bw-body,.bw-main{background:var(--c-surface)}.bw-pills{height:32px;align-items:center;border-radius:var(--radius-xl)}.bw-tpl .bw-tpl-thumb{aspect-ratio:auto;padding:var(--space-12)}.bw-tpl .bw-tpl-img{width:100%;height:auto;max-height:400px;object-fit:contain}.bw-tpl .bw-tpl-wait{width:100%;height:auto;aspect-ratio:16 / 9}.card:not(.sidebar):not(.props):not(.chat),.dsp,.dlg,.pset,.home-card,.home-list,.home-new,.props-group,.pt-card,.cmp-card,.dvp-card,.mgi-card,.ds-look-card,.bw-card,.bw-logo-tile,.bw-tpl-thumb,.bw-settings,.bh-settings,.bp-card,.bp-post,.bp-cover,.dsp.dsp-embed-inner{border-radius:var(--radius-xl)}.dsp-section-buttons>.dsp-plus{box-sizing:border-box;width:41px;padding:0;justify-content:center}.dsp-label-row .dsp-add-col{width:40px}.bw-art-empty{display:flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:180px;border:1px dashed var(--c-border);border-radius:var(--radius-xl)}.bw-actions{display:inline-flex;gap:var(--space-8)}.bw-art-ask{display:flex;gap:var(--space-8);margin-bottom:var(--space-12)}.bw-art-ask .bw-input{flex:1}.bw-btn-primary{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-on-accent)}.bw-btn-primary:disabled{opacity:.5}.bw-art-err{margin:0 0 var(--space-12);color:var(--c-danger);font-size:var(--fs-12)}.bw-img-cell>img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--c-border)}.font-list .font-upload{display:flex;align-items:center;gap:var(--space-8);width:100%;border:0;background:transparent;color:var(--c-accent);font:inherit;font-size:var(--fs-13);text-align:left;cursor:pointer}.font-list .font-remove{margin-left:auto}.bw-art-empty.is-small{min-height:96px}.bw-own-icon{position:relative;display:flex;align-items:center;justify-content:center}.bw-own-svg{display:flex;width:24px;height:24px}.bw-own-svg>svg{width:100%;height:100%}.bw-own-icon:hover .bw-img-del{opacity:1}.bw-tpl-group-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.bp-cover-actions{position:absolute;top:12px;right:12px;display:flex;gap:var(--space-8)}.bp-cover-actions .bp-edit{position:static}.bw-filter-btn{position:absolute;left:6px;bottom:6px;display:inline-flex;align-items:center;gap:var(--space-4);height:22px;padding:0 var(--space-8);border:0;border-radius:var(--radius-md);background:color-mix(in srgb,var(--c-surface) 92%,transparent);color:var(--c-ink);font:inherit;font-size:var(--fs-11);cursor:pointer}.bw-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);aspect-ratio:1;border:1px dashed var(--c-border);border-radius:var(--radius-md);color:var(--c-muted);font-size:var(--fs-12);cursor:pointer}.bw-upload.is-wide{aspect-ratio:auto;min-height:160px;border-radius:var(--radius-xl)}.bw-upload.is-over{border-color:var(--c-accent);color:var(--c-accent);background:color-mix(in srgb,var(--c-accent) 4%,transparent)}.bw-upload.is-icon{aspect-ratio:auto;gap:var(--space-2);font-size:var(--fs-10)}.bw-upload.is-wide.is-icon,.bw-upload.is-wide{min-height:120px}.bw-tpl-set-head>.bw-actions,.bw-tpl-set-head>.bw-tpl-restore{margin-left:auto}.bw-tpl-set-head>.bw-tpl-restore+.bw-actions,.bw-tpl-set-head>.bw-tpl-restore+.bw-tpl-new{margin-left:0}.bw-main{min-height:0}.dsp-use-brand{display:inline-flex;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-ink);font:inherit;font-size:var(--fs-10);line-height:normal;cursor:pointer}.bpk-backdrop{z-index:1200}.bpk{display:flex;flex-direction:column;width:min(560px,calc(100vw - 32px));max-height:min(640px,calc(100vh - 64px));border-radius:var(--radius-xl);background:var(--c-surface);box-shadow:var(--shadow-card);overflow:hidden}.bpk-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-14) var(--space-16);border-bottom:1px solid var(--c-border)}.bpk-title{margin:0;font-size:var(--fs-14);font-weight:var(--fw-medium)}.bpk-list{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-12);overflow-y:auto}.bpk-empty{margin:var(--space-24) 0;text-align:center;color:var(--c-muted)}.bpk-card{display:flex;align-items:center;gap:var(--space-14);padding:var(--space-12);border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);font:inherit;text-align:left;cursor:pointer}.bpk-logo{flex:none;display:flex;padding:var(--space-6);border:1px solid var(--c-border);border-radius:var(--radius-lg)}.bpk-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}.bpk-name{font-size:var(--fs-14);font-weight:var(--fw-medium);color:var(--c-ink)}.bpk-sub{font-size:var(--fs-12);color:var(--c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bpk-swatches{display:flex;gap:var(--space-4)}.bpk-swatches i{width:18px;height:18px;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-ink) 8%,transparent)}.bpk-meta{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-10);font-size:var(--fs-11);color:var(--c-muted)}.bpk-use{flex:none;padding:var(--space-6) var(--space-12);border-radius:var(--radius-md);background:var(--c-accent);color:var(--c-on-accent);font-size:var(--fs-12)}.ob{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-12) var(--space-16);overflow-y:auto;background:var(--c-bg);font-family:var(--font-ui);color:var(--c-ink)}.ob-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-32);width:626px;max-width:100%;margin:auto 0;padding:var(--space-32);border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--c-ink) 8%,transparent))}.ob-card.is-wide{width:1102px}.ob-head{display:flex;align-items:center;justify-content:space-between;width:100%}.ob-logo .logo-shape-3{background:var(--c-logo-pink)}.ob-logo .logo-shape-2{background:var(--c-logo-cyan)}.ob-logo .logo-shape-1{background:var(--c-accent)}.ob-step{padding:var(--space-4) var(--space-8);border:1px solid var(--c-accent-5);border-radius:var(--radius-md);background:var(--c-accent-5);font-size:var(--fs-12);line-height:normal;color:var(--c-accent);white-space:nowrap}.ob-title-row{display:flex;align-items:flex-start;gap:var(--space-16);width:100%}.ob-back-wrap{display:flex;align-items:center;padding-top:var(--space-8)}.ob-title{flex:1;min-width:0;margin:0;font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-18);line-height:var(--lh-tight)}.ob-accent{color:var(--c-accent)}.ob-input{width:100%}.ob-area{resize:vertical}.ob-pills{display:flex;flex-wrap:wrap;gap:var(--space-12);width:100%}.ob-error{margin:calc(-1 * var(--space-16)) 0 0;color:var(--c-danger);font-size:var(--fs-12)}.ob-foot{display:flex;align-items:center;justify-content:space-between;width:100%}.ob-skip{padding:0;border:0;background:none;font:inherit;font-size:var(--fs-12);line-height:normal;color:var(--c-slate);cursor:pointer}.ob-skip:hover{color:var(--c-ink)}.ob-note{font-size:var(--fs-12);color:var(--c-slate)}.plans{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-16);width:100%;font-family:var(--font-ui);color:var(--c-ink)}.plans-cycle{display:flex;flex-shrink:0;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--c-fill)}.plans-cycle-tab{display:flex;align-items:center;gap:var(--space-8);height:24px;padding:var(--space-8);border:0;border-radius:var(--radius-md);background:none;font:inherit;font-size:var(--fs-12);line-height:normal;color:var(--c-slate);cursor:pointer}.plans-cycle-tab.is-active{padding-right:var(--space-4);background:var(--c-surface);color:var(--c-ink);filter:drop-shadow(0 0 1px color-mix(in srgb,var(--c-ink) 12%,transparent))}.plans-cycle-tab:not(.is-active) .plans-save{background:var(--c-slate)}.plans-save{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--c-accent);font-size:var(--fs-10);color:var(--c-on-accent)}.plans-grid{display:grid;grid-template-columns:repeat(var(--plans, 4),minmax(0,1fr));gap:var(--space-16);width:100%;max-width:calc(var(--plans, 4) * var(--plan-card-max) + (var(--plans, 4) - 1) * var(--space-16));margin-inline:auto}.plan-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-16);min-width:0}.plan-badge{position:absolute;top:7px;right:12px}.plan-text{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.plan-name{margin:0;font-size:var(--fs-16);line-height:normal}.plan-tagline{margin:0;font-size:var(--fs-12);line-height:normal;color:var(--c-slate)}.plan-price{display:flex;align-items:flex-end;gap:var(--space-8);width:100%;margin:0}.plan-amount{font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-32);line-height:normal;white-space:nowrap}.plan-per{flex:1;min-width:0;padding-bottom:var(--space-8);font-size:var(--fs-12);line-height:normal;color:var(--c-slate)}.plan-btn{width:100%}.plan-features{display:flex;flex-direction:column;gap:var(--space-16);width:100%;margin:0;padding:0;list-style:none;font-size:var(--fs-12);line-height:normal}.plan-features li{display:flex;align-items:flex-start;gap:var(--space-8)}.plan-features svg{flex-shrink:0}.plan-card.is-recommended .plan-features svg{color:var(--c-accent)}.plans.is-compact .plan-amount{font-size:var(--fs-28)}@media(max-width:900px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.upgrade{display:flex;flex-direction:column;gap:var(--space-16);width:min(960px,calc(100vw - 48px));max-height:calc(100vh - 48px);padding:var(--space-24);overflow-y:auto;border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-bg);box-shadow:var(--shadow-pop)}.upgrade-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-16)}.upgrade-title{margin:0;font-size:var(--fs-18);font-weight:var(--fw-medium)}.upgrade-message{margin:var(--space-4) 0 0;color:var(--c-slate);font-size:var(--fs-13)}.upgrade-close{width:28px}.upgrade-billing{align-self:center}.acct{display:flex;flex-direction:column;gap:var(--space-12)}.acct-card{display:flex;flex-direction:column;gap:var(--space-8)}.acct-card-head,.acct-bar,.acct-row,.acct-invite,.acct-choice{display:flex;align-items:center;gap:var(--space-8)}.acct-bar .app-btn,.acct-row .app-btn,.acct-invite .app-btn,.acct-locked .app-btn{width:auto}.acct-bar{justify-content:space-between}.acct-card-title{margin:0;font-size:var(--fs-13);font-weight:var(--fw-medium)}.acct-grow{flex:1}.acct-row{min-height:32px;font-size:var(--fs-12)}.acct-row.is-pending{color:var(--c-slate)}.acct-row-main{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-12)}.acct-role{color:var(--c-slate);font-size:var(--fs-11);text-transform:capitalize}.acct-invite .conn-input{flex:1}.acct-seats,.acct-muted{margin:0;color:var(--c-slate);font-size:var(--fs-11)}.acct-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-12)}.acct-k{margin:0;color:var(--c-slate);font-size:var(--fs-11)}.acct-v{margin:0;font-size:var(--fs-18);font-weight:var(--fw-medium)}.acct-meter{height:6px;border-radius:var(--radius-sm);background:var(--c-fill);overflow:hidden}.acct-meter span{display:block;height:100%;background:var(--c-accent)}.acct-meter.is-full span{background:var(--c-danger)}.acct-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-8)}.acct-pack{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-12);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font:inherit;cursor:pointer}.acct-pack-n{font-size:var(--fs-16);font-weight:var(--fw-medium)}.acct-pack-price{margin-top:var(--space-6);font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--c-accent)}.acct-amount{min-width:48px;font-size:var(--fs-12);font-weight:var(--fw-medium);text-align:right;color:var(--c-success)}.acct-amount.is-spent{color:var(--c-ink)}.acct-choice{min-height:36px;padding:var(--space-4) var(--space-8);border-radius:var(--radius-md);font-size:var(--fs-12)}.acct-choice.is-on{background:var(--c-accent-5)}.acct-choice.is-soon{color:var(--c-slate)}.acct-choice .conn-btn{width:auto}.conn-ok.is-off{color:var(--c-slate)}.acct-locked{align-items:flex-start}.collab-layer{position:absolute;inset:0;z-index:6;overflow:hidden;pointer-events:none}.collab-cursor{position:absolute;display:flex;align-items:flex-start;gap:var(--space-2);transition:left .08s linear,top .08s linear}.collab-cursor svg{flex-shrink:0;filter:drop-shadow(0 1px 2px color-mix(in srgb,var(--c-ink) 25%,transparent))}.collab-cursor-name{margin-top:var(--space-12);padding:var(--space-2) var(--space-6);border-radius:var(--radius-sm);background:var(--who);font-size:var(--fs-11);line-height:16px;color:var(--c-on-accent);white-space:nowrap}.collab-pin{position:absolute;display:grid;place-items:center;width:28px;height:28px;padding:0;border:2px solid var(--c-surface);border-radius:50% 50% 50% var(--radius-sm);background:var(--who);box-shadow:0 2px 6px color-mix(in srgb,var(--c-ink) 20%,transparent);font:inherit;font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--c-on-accent);transform:translateY(-100%);pointer-events:auto;cursor:pointer}.collab-pin.is-active{box-shadow:0 0 0 3px color-mix(in srgb,var(--c-accent) 25%,transparent),0 2px 6px color-mix(in srgb,var(--c-ink) 20%,transparent)}.collab-pin.is-resolved{opacity:.5}.co-avatar{display:inline-grid;flex-shrink:0;place-items:center;overflow:hidden;border-radius:50%;font-size:var(--fs-11);font-weight:var(--fw-medium);color:var(--c-on-accent)}.co-avatar img{width:100%;height:100%;object-fit:cover}.co-bar{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-bottom:1px solid var(--c-border)}.co-faces{display:flex;flex:1;align-items:center;min-width:0}.co-face{margin-right:calc(-1 * var(--space-4));padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.co-more{margin-left:var(--space-8);font-size:var(--fs-11);color:var(--c-slate)}.co-viewonly{padding:var(--space-2) var(--space-6);border-radius:var(--radius-sm);background:var(--c-fill);font-size:var(--fs-10);color:var(--c-slate);white-space:nowrap}.co-share-dlg{display:flex;flex-direction:column;gap:var(--space-16);width:480px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);padding:var(--space-20);overflow-y:auto;border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);box-shadow:var(--shadow-pop);font-family:var(--font-ui);color:var(--c-ink)}.co-share-head{display:flex;align-items:center;justify-content:space-between}.co-share-title{margin:0;overflow:hidden;font-size:var(--fs-16);font-weight:var(--fw-medium);text-overflow:ellipsis;white-space:nowrap}.co-invite,.co-reply,.co-row,.co-share-foot{display:flex;align-items:center;gap:var(--space-8)}.co-row{justify-content:flex-end}.co-input{flex:1;min-width:0;padding:var(--space-8) var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font:inherit;font-size:var(--fs-12);color:var(--c-ink);outline:none}.co-input:focus{border-color:var(--c-ink)}.co-area{width:100%;resize:vertical}.co-people{display:flex;flex-direction:column;gap:var(--space-4)}.co-person,.co-team{display:flex;align-items:center;gap:var(--space-10);min-height:40px}.co-team{padding-top:var(--space-12);border-top:1px solid var(--c-border)}.co-person-text{display:flex;flex:1;flex-direction:column;min-width:0}.co-person-name{overflow:hidden;font-size:var(--fs-12);font-weight:var(--fw-medium);text-overflow:ellipsis;white-space:nowrap}.co-role{font-size:var(--fs-12);color:var(--c-slate)}.co-muted{overflow:hidden;font-size:var(--fs-11);color:var(--c-slate);text-overflow:ellipsis;white-space:nowrap}.co-error{margin:0;padding:var(--space-8) var(--space-10);border-radius:var(--radius-md);background:var(--c-danger-soft);font-size:var(--fs-12);color:var(--c-danger)}.co-comments{display:flex;flex:1;flex-direction:column;gap:var(--space-8);min-height:0;padding:var(--space-12);overflow-y:auto}.co-comments-bar{display:flex;align-items:center;justify-content:space-between}.co-check{display:flex;align-items:center;gap:var(--space-4);font-size:var(--fs-11);color:var(--c-slate)}.co-new{display:flex;flex-direction:column;gap:var(--space-8)}.co-thread{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-10);border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer}.co-thread:hover{background:var(--c-bg)}.co-thread.is-open{border-color:var(--c-border);background:var(--c-surface);cursor:default}.co-thread.is-resolved{opacity:.6}.co-msg{display:flex;gap:var(--space-8)}.co-msg.is-reply{padding-left:var(--space-12)}.co-msg-body{display:flex;flex:1;flex-direction:column;gap:var(--space-2);min-width:0}.co-msg-head{display:flex;align-items:center;gap:var(--space-6);min-width:0}.co-grow{flex:1}.co-icon{place-items:center;width:22px}.co-text{margin:0;font-size:var(--fs-12);line-height:var(--lh-text);white-space:pre-wrap;word-break:break-word}.co-empty{padding:var(--space-16) 0;text-align:center}.panel-tabs{min-width:0;gap:var(--space-2)}.panel-tab{padding:var(--space-8) var(--space-6);white-space:nowrap}.panel-tab-icon{display:grid;place-items:center;padding:0 var(--space-8)}.acct-radio-gap{width:13px;flex-shrink:0}.hv{--hv-ink: var(--c-ink);--hv-slate: var(--c-slate);--hv-line: var(--c-border);--hv-snow: var(--c-bg);--hv-violet: var(--c-accent);--hv-shadow: var(--shadow-card);padding:0;background:var(--hv-snow)}.hv .hv-title,.hv .hv-nav-label,.hv .hv-name,.hv .hv-user-name,.hv .hv-team-name,.hv .hv-label,.hv .hv-kind-name,.hv .hv-group-name,.hv .hv-field-label{font-family:var(--font-title);font-weight:var(--fw-medium)}.hv-side{display:flex;flex-direction:column;flex:none;width:376px;margin:var(--space-16);border:1px solid var(--hv-line);border-radius:var(--radius-xl);background:var(--c-surface);box-shadow:var(--shadow-card)}.hv-side-logo{display:flex;align-items:center;height:55px;flex:none;padding:var(--space-12);border-bottom:1px solid var(--hv-line)}.hv-user{display:flex;align-items:center;gap:var(--space-16);padding:var(--space-12);border-bottom:1px solid var(--hv-line)}.hv-avatar{display:flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px;overflow:hidden;border-radius:var(--radius-full);background:var(--hv-violet);color:var(--c-on-accent);font-size:var(--fs-14)}.hv-avatar img{width:100%;height:100%;object-fit:cover}.hv-user-text{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--space-6)}.hv-user-name{max-width:100%;overflow:hidden;font-size:var(--fs-16);color:var(--hv-ink);text-overflow:ellipsis;white-space:nowrap}.hv-plan{padding:var(--space-2) var(--space-6);border-radius:var(--radius-sm);background:var(--c-accent-5);font-size:var(--fs-10);line-height:normal;color:var(--hv-violet)}.hv-side-apps{display:flex;align-items:center;gap:var(--space-8);width:100%;min-height:57px;padding:var(--space-12) var(--space-16);border:0;border-bottom:1px solid var(--hv-line);background:var(--c-surface);color:var(--hv-ink);font:inherit;text-align:left;cursor:pointer}.hv-side-apps{position:relative;isolation:isolate}.hv-side-apps:before{content:"";position:absolute;inset:var(--space-6) var(--space-12);z-index:-1;border-radius:var(--radius-md)}.hv-side-apps:hover:before,.hv-side-apps.is-on:before{background:var(--hv-snow)}.hv-nav-label{flex:1;min-width:0;overflow:hidden;font-size:var(--fs-14);line-height:normal;text-overflow:ellipsis;white-space:nowrap}.hv-app-logos{display:flex;padding-right:var(--space-8)}.hv-app-logos.is-none{opacity:.45}.hv-app-logo{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:calc(-1 * var(--space-8));overflow:hidden;border:1.5px solid var(--c-surface);border-radius:var(--radius-full);background:var(--hv-snow)}.hv-app-logo img{width:14px;height:14px;object-fit:contain}.hv-side-block{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-12);border-bottom:1px solid var(--hv-line)}.hv-nav-list{display:flex;flex-direction:column;gap:var(--space-4)}.hv-nav{display:flex;align-items:center;gap:var(--space-8);width:100%;padding:var(--space-12);border:0;border-radius:var(--radius-md);background:transparent;color:var(--hv-ink);font:inherit;text-align:left;cursor:pointer}.hv-nav:hover{background:var(--hv-snow)}.hv-nav.is-on{background:var(--hv-line)}.hv-nav-plus{display:flex;border-radius:var(--radius-sm)}.hv-nav-plus:hover{background:var(--c-surface)}.hv-side-foot{display:flex;flex:1;flex-direction:column;justify-content:flex-end;padding:var(--space-12)}.hv-logout{display:flex;align-items:center;gap:var(--space-8);width:100%;padding:0;border:0;background:transparent;color:var(--hv-ink);font:inherit;text-align:left;cursor:pointer}.hv-logout-icon{display:flex;padding:var(--space-8);border-radius:var(--radius-sm)}.hv-logout:hover .hv-logout-icon{background:var(--hv-snow)}.hv-team{position:relative}.hv-team-pick{display:flex;align-items:center;gap:var(--space-8);width:100%;padding:var(--space-8);border:1px solid var(--hv-line);border-radius:var(--radius-lg);background:var(--c-surface);color:var(--hv-ink);font:inherit;text-align:left;cursor:pointer}.hv-team-mark{display:flex;flex:none;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);font-family:var(--font-title);font-size:var(--fs-10);font-weight:var(--fw-medium)}.hv-team-name{flex:1;min-width:0;overflow:hidden;font-size:var(--fs-14);text-overflow:ellipsis;white-space:nowrap}.hv-team-gear{display:flex;padding:var(--space-4);border-radius:var(--radius-sm);color:var(--hv-ink)}.hv-team-gear:hover{background:var(--hv-snow)}.hv-team-pop{position:absolute;z-index:30;top:calc(100% + 12px);left:0;right:0;display:flex;flex-direction:column;border:1px solid var(--hv-line);border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-card)}.hv-team-list{display:flex;flex-direction:column;gap:var(--space-4);max-height:260px;padding:var(--space-16) var(--space-16) var(--space-12);overflow-y:auto}.hv-team-row{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-radius:var(--radius-md);color:var(--hv-ink);cursor:pointer}.hv-team-row:hover,.hv-team-row.is-on{background:var(--hv-snow)}.hv-team-foot{padding:var(--space-16);border-top:1px solid var(--hv-line)}.hv-btn{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:var(--space-8);height:32px;padding:var(--space-8) var(--space-16);border:1px solid var(--hv-line);border-radius:var(--radius-md);background:var(--c-surface);color:var(--hv-ink);font:inherit;font-size:var(--fs-12);line-height:normal;white-space:nowrap;cursor:pointer}.hv-btn.is-wide{width:100%}.hv-pills{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.hv-faces{display:flex;align-items:center}.hv-face{display:inline-flex;flex:none;align-items:center;justify-content:center;margin-right:calc(-1 * var(--space-4));overflow:hidden;border:1px solid var(--hv-snow);border-radius:var(--radius-full);color:var(--c-on-accent);font-size:var(--fs-9);line-height:1}.hv-faces.is-big .hv-face{font-size:var(--fs-11)}.hv-face img{width:100%;height:100%;object-fit:cover}.hv-face.is-add{width:18px;height:18px;padding:0;background:var(--hv-line);color:var(--hv-ink);cursor:pointer}.hv-empty{margin:0;padding:var(--space-24);font-size:var(--fs-12);color:var(--hv-slate)}.hv-empty.is-in{padding:var(--space-8) 0 var(--space-16)}.hv-menu-wrap{position:relative;display:inline-flex}.hv-pop{position:absolute;z-index:40;top:calc(100% + 4px);right:0;display:flex;flex-direction:column;min-width:140px;padding:var(--space-4);border:1px solid var(--hv-line);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--shadow-card)}.hv-pop button{padding:var(--space-8) var(--space-10);border:0;border-radius:var(--radius-md);background:transparent;color:var(--hv-ink);font:inherit;font-size:var(--fs-12);text-align:left;cursor:pointer}.hv-pop button:hover{background:var(--hv-snow)}.hv-pop button.is-danger{color:var(--c-danger)}.hv-page{flex:1;min-width:0;height:100%;overflow-y:auto;padding:var(--space-120) var(--space-100)}.hv-page.is-all,.hv-page.is-shared,.hv-page.is-members,.hv-page.is-usage,.hv-page.is-billing,.hv-page.is-profile{padding:var(--space-100) var(--space-120) var(--space-48)}.hv-page.is-apps{display:flex;justify-content:center;padding:var(--space-100) var(--space-32) var(--space-48)}.hv-title{margin:0;overflow:hidden;font-size:var(--fs-18);line-height:normal;color:var(--hv-ink);text-overflow:ellipsis;white-space:nowrap}.hv-home{display:flex;flex-direction:column;gap:var(--space-48)}.hv-section{display:flex;flex-direction:column;gap:var(--space-16)}.hv-section-head{display:flex;align-items:center;justify-content:space-between}.hv-kinds{display:flex;gap:var(--space-12)}.hv-kind{display:flex;flex:1 1 0;min-width:0;align-items:flex-start;gap:var(--space-8);padding:var(--space-12);border:1px solid var(--hv-line);border-radius:var(--radius-lg);background:var(--hv-snow);color:var(--hv-ink);font:inherit;text-align:left;cursor:pointer}.hv-kind:hover{background:var(--c-surface)}.hv-kind-icon{display:flex;flex:none;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--radius-sm);color:var(--c-on-accent)}.hv-kind-icon.is-big{width:24px;height:24px;border-radius:var(--radius-md)}.hv-kind-text{display:flex;min-width:0;flex-direction:column;gap:var(--space-8)}.hv-kind-name{font-size:var(--fs-14);line-height:normal}.hv-kind-meta{font-size:var(--fs-12);line-height:normal;color:var(--hv-slate)}.hv .chatbox.hv-ai{height:231px;border:1px solid var(--hv-line);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--shadow-card)}.hv-recent{display:flex;gap:var(--space-16)}.hv-recent>.hv-project{flex:1 1 0;min-width:0}.hv-project{display:flex;flex-direction:column;gap:var(--space-16);color:var(--hv-ink);cursor:pointer;outline:none}.hv-project.is-gap{visibility:hidden}.hv-thumb{position:relative;height:131px;overflow:hidden;border:1px solid var(--hv-line);border-radius:var(--radius-md);background:var(--c-surface)}.hv-project:focus-visible .hv-thumb{border-color:var(--c-border-strong)}.hv-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center}.hv-thumb-play{position:absolute;right:8px;bottom:8px}.hv-info{display:flex;flex-direction:column;gap:var(--space-8)}.hv-info-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.hv-name{margin:0;overflow:hidden;font-size:var(--fs-14);line-height:normal;color:var(--hv-ink);text-overflow:ellipsis;white-space:nowrap}.hv-rename{width:100%}.hv-card{max-width:1272px;margin:0 auto}.hv-kind-tabs{display:flex;gap:var(--space-12);padding:var(--space-24);border-bottom:1px solid var(--hv-line)}.hv-kind-tab{display:flex;flex:1 1 0;align-items:center;justify-content:center;gap:var(--space-4);height:38px;border:1px solid var(--hv-line);border-radius:var(--radius-md);background:var(--c-surface);color:var(--hv-ink);font-family:var(--font-title);font-size:var(--fs-14);font-weight:var(--fw-medium);cursor:pointer}.hv-kind-tab:hover{background:var(--hv-snow)}.hv-kind-tab.is-on{border-color:var(--hv-violet);background:var(--c-accent-5)}.hv-all-head{display:flex;flex-direction:column;gap:var(--space-24);padding:var(--space-24);border-bottom:1px solid var(--hv-line)}.hv-toolbar{display:flex;align-items:center;gap:var(--space-12)}.hv-tabs{display:flex;flex:1;gap:var(--space-4)}.hv-tab{position:relative;display:flex;align-items:center;gap:var(--space-8);height:33px;padding:0 var(--space-12);border:0;border-radius:var(--radius-md);background:transparent;color:var(--hv-ink);font-family:var(--font-title);font-size:var(--fs-14);font-weight:var(--fw-medium);cursor:pointer}.hv-tab:hover{background:var(--hv-snow)}.hv-tab.is-on{background:var(--hv-line)}.hv-dot{position:absolute;top:6px;right:6px;width:5px;height:5px;border-radius:var(--radius-full);background:var(--hv-violet)}.hv-search{width:270px}.hv-search input{flex:1;min-width:0;border:0;outline:none;background:transparent;font:inherit;font-size:var(--fs-12)}.hv-seg{display:flex;padding:var(--space-2);border-radius:var(--radius-lg);background:var(--hv-line)}.hv-seg button{height:28px;padding:0 var(--space-12);border:0;border-radius:var(--radius-md);background:transparent;color:var(--hv-slate);font:inherit;font-size:var(--fs-12);cursor:pointer}.hv-seg button.is-on{background:var(--c-surface);color:var(--hv-ink)}.hv-all-body{display:flex;flex-direction:column}.hv-pad{padding:var(--space-24)}.hv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-24) var(--space-14)}.hv-group{border-bottom:1px solid var(--hv-line)}.hv-group.is-open{background:var(--hv-snow)}.hv-group.is-open .hv-grid{padding:0 var(--space-24) var(--space-32);grid-template-columns:repeat(auto-fill,minmax(220px,234px))}.hv-group.is-open .hv-empty.is-in{padding:0 var(--space-24) var(--space-24) var(--space-48)}.hv-group-head{display:flex;align-items:flex-start;gap:var(--space-12);padding:var(--space-24);color:var(--hv-ink);cursor:pointer}.hv-group-head>.ui-icon{margin-top:var(--space-2)}.hv-group-text{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--space-8)}.hv-group-name{font-size:var(--fs-14)}.hv-group-count{font-size:var(--fs-10);color:var(--hv-slate)}.hv-chev{width:30px}.hv-group-head .hv-faces{align-self:center;margin-right:var(--space-4)}.hv-group-head .hv-btn,.hv-group-head .hv-menu-wrap{align-self:center}.hv-row{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-24);border-bottom:1px solid var(--hv-line);cursor:pointer}.hv-row.is-new{background:var(--c-accent-5)}.hv-row-thumb,.hv-pick-thumb{flex:none;width:70px;height:52px;overflow:hidden;border:1px solid var(--hv-line);border-radius:var(--radius-md);background:var(--c-surface)}.hv-row-thumb img,.hv-pick-thumb img{width:100%;height:100%;object-fit:cover}.hv-row-text{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--space-8)}.hv-row-actions{display:flex;align-items:center;gap:var(--space-8)}.hv-modal-back{position:fixed;z-index:200;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-100) var(--space-16) var(--space-32);overflow-y:auto;background:color-mix(in srgb,var(--c-ink) 60%,transparent)}.hv-modal{display:flex;flex-direction:column;gap:var(--space-24);width:626px;max-width:100%}.hv-modal-head{display:flex;align-items:center;justify-content:space-between}.hv-close{width:30px}.hv-field{display:flex;flex-direction:column;gap:var(--space-8)}.hv-field-label{font-size:var(--fs-12);color:var(--hv-ink)}.hv-input input{flex:1;min-width:0;border:0;outline:none;background:transparent;font:inherit}.hv-pick{display:flex;flex-direction:column;border:1px solid var(--hv-line);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.hv-pick-list{display:flex;flex-direction:column;max-height:340px;overflow-y:auto}.hv-pick-list>.hv-empty.is-in{padding:var(--space-16)}.hv-pick-row{display:flex;align-items:center;gap:var(--space-16);padding:var(--space-16);border-bottom:1px solid var(--hv-line);cursor:pointer}.hv-pick-row input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:var(--hv-violet)}.hv-pick-row .hv-face{margin:0;font-size:var(--fs-14)}.hv-email{font-size:var(--fs-12);color:var(--hv-violet)}.hv-pick-foot{padding:var(--space-16)}.hv-note{font-size:var(--fs-12);color:var(--hv-slate)}.hv-create{align-self:flex-start}.hv-apps{display:flex;flex-direction:column;gap:var(--space-24);width:626px;max-width:100%;margin:0;align-self:flex-start}.hv-apps-group{display:flex;flex-direction:column;gap:var(--space-12)}.hv-label{margin:0;font-size:var(--fs-14);color:var(--hv-ink)}.hv-apps .conn-row{flex-wrap:wrap;justify-content:flex-start;gap:var(--space-8);padding:var(--space-12) var(--space-16);border:1px solid var(--hv-line);border-radius:var(--radius-lg)}.hv-apps .conn-row:last-child{border-bottom:1px solid var(--hv-line)}.hv-apps .conn-logo{width:32px;height:32px;border:1.5px solid var(--c-surface)}.hv-apps .conn-logo img{width:16px;height:16px}.hv-apps .conn-text{flex:1;min-width:0}.hv-apps .conn-name{font-family:var(--font-title);font-size:var(--fs-14);font-weight:var(--fw-medium)}.hv-apps .conn-connect .conn-plug{display:none}.hv-apps .conn-form{flex-basis:100%}.hv-done{align-self:flex-start}.hv-account{display:flex;flex-direction:column;gap:var(--space-24);max-width:900px}.hv .chatbox.hv-ai .tb-input{font-size:var(--fs-14)}.hv .chatbox.hv-ai .mdl-pill{display:inline-flex}.hv-page.is-all,.hv-page.is-shared,.hv-page.is-members,.hv-page.is-usage,.hv-page.is-billing,.hv-page.is-profile{padding-left:clamp(var(--space-24),6vw,var(--space-120));padding-right:clamp(var(--space-24),6vw,var(--space-120))}.hv-page.is-home{padding-left:clamp(var(--space-24),5vw,var(--space-100));padding-right:clamp(var(--space-24),5vw,var(--space-100))}.hv-toolbar{flex-wrap:wrap}.hv-tabs{flex:1 1 auto;flex-wrap:wrap}.hv-search{flex:0 1 270px;width:auto;min-width:160px}.hv-kinds,.hv-kind-tabs{flex-wrap:wrap}.hv-kind{flex-basis:180px}.hv-kind-tab{flex-basis:110px}.frame-chrome.board-bar{top:-2px;display:flex;justify-content:flex-end;pointer-events:none}.board-bar .co-bar{gap:var(--space-8);padding:0;border:0;pointer-events:auto}.board-bar .co-faces{flex:none;gap:0;height:34px;padding:0 var(--space-6) 0 var(--space-6);border:1px solid var(--c-border);border-radius:var(--radius-full);background:var(--c-surface)}.board-bar .co-face{margin-right:calc(-1 * var(--space-4))}.board-bar .co-face .co-avatar{border:1.5px solid var(--c-surface)}.co-add{place-items:center;width:24px;margin-left:var(--space-2)}.board-bar .co-viewonly{align-self:center;border-radius:var(--radius-md);padding:var(--space-4) var(--space-8);background:var(--c-surface);border:1px solid var(--c-border)}.collab-cursor-name{display:inline-flex;align-items:center;gap:var(--space-6);padding:var(--space-2) var(--space-10) var(--space-2) var(--space-2);border-radius:var(--radius-md);font-size:var(--fs-12);line-height:18px}.collab-cursor-face{display:inline-grid;flex:none;place-items:center;width:18px;height:18px;overflow:hidden;border-radius:var(--radius-full);background:color-mix(in srgb,var(--c-surface) 28%,transparent);font-size:var(--fs-10);font-weight:var(--fw-medium)}.collab-cursor-face img{width:100%;height:100%;object-fit:cover}.collab-composer{position:absolute;z-index:2;display:flex;align-items:flex-end;gap:var(--space-8);width:300px;padding:var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);box-shadow:var(--shadow-pop);pointer-events:auto;cursor:default}.collab-composer-face{display:inline-grid;flex:none;place-items:center;width:24px;height:24px;overflow:hidden;border-radius:var(--radius-full);background:var(--c-accent);font-size:var(--fs-11);font-weight:var(--fw-medium);color:var(--c-on-accent)}.collab-composer-face img{width:100%;height:100%;object-fit:cover}.collab-composer textarea{flex:1;min-width:0;height:24px;max-height:140px;padding:var(--space-4) 0;border:0;outline:none;resize:none;background:transparent;font:inherit;font-size:var(--fs-13);line-height:18px;color:var(--c-ink)}.collab-composer-send{flex:none;place-items:center;width:24px}.props.props-rail{overflow:hidden}.props-rail .rail{width:100%;height:100%;border-right:0}.collab-pin{overflow:hidden}.collab-pin img{width:100%;height:100%;object-fit:cover}.collab-pin{width:38px;height:38px;padding:var(--space-4);overflow:visible;border:0;border-radius:50% 50% 50% var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-pop);color:var(--c-on-accent);transition:transform .12s ease}.collab-pin:hover{transform:translateY(-100%) scale(1.06)}.collab-pin-face{display:grid;place-items:center;width:30px;height:30px;overflow:hidden;border-radius:var(--radius-full);background:var(--who);font-size:var(--fs-13);font-weight:var(--fw-medium)}.collab-pin-face img{width:100%;height:100%;object-fit:cover}.collab-pin.is-active{background:var(--c-accent);box-shadow:0 4px 14px color-mix(in srgb,var(--c-accent) 30%,transparent)}.collab-composer{align-items:center;padding:var(--space-6) var(--space-6) var(--space-6) var(--space-16);border-radius:var(--radius-md)}.board-bar .co-faces{height:40px;padding:0 var(--space-4)}.board-bar .co-face{margin-right:calc(-1 * var(--space-6))}.board-bar .co-face .co-avatar{border:2px solid var(--c-border);box-sizing:border-box}.board-bar .co-add{width:30px;margin-left:0;box-sizing:border-box}.frame-chrome.board-bar{top:-6px}.props-preview-btn{display:inline-flex;flex:none;align-items:center;gap:var(--space-6);height:28px;margin-left:var(--space-6);padding:0 var(--space-12) 0 var(--space-10);border:0;border-radius:var(--radius-md);background:var(--c-accent);box-shadow:0 2px 8px color-mix(in srgb,var(--c-accent) 28%,transparent);font:inherit;font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--c-on-accent);white-space:nowrap;cursor:pointer}.props-preview-btn svg{fill:currentColor}.props-preview-btn{height:30px;border-radius:var(--radius-md);box-shadow:none}.props-head-device{flex:none;margin-right:var(--space-6);vertical-align:-2px}.panel-tab{display:inline-flex;align-items:center;gap:var(--space-6)}.nt-bell{position:relative;border:0;background:transparent;cursor:pointer}.nt-dot{position:absolute;top:5px;right:5px;width:7px;height:7px;border:1.5px solid var(--c-surface);border-radius:var(--radius-full);background:var(--c-danger)}.hv-bell-wrap{position:relative}.notif-popover.hv-bell-pop{top:calc(100% + 6px);right:-4px;bottom:auto;left:auto;z-index:40}.notif-popover{width:320px;max-height:60vh;overflow-y:auto}.nt-list{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-8)}.nt-item{display:flex;align-items:flex-start;gap:var(--space-10);padding:var(--space-10) var(--space-6);border-radius:var(--radius-md)}.nt-item+.nt-item{border-top:1px solid var(--c-border)}.nt-icon{display:grid;flex:none;place-items:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--c-accent-5);color:var(--c-accent)}.nt-body{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--space-8)}.nt-text{margin:0;font-size:var(--fs-12);line-height:var(--lh-text);color:var(--c-ink)}.nt-text b{font-weight:var(--fw-medium)}.nt-actions{display:flex;gap:var(--space-6)}.co-invite-box{position:relative;display:flex;flex-direction:column;gap:var(--space-6)}.co-chips{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:var(--space-4);min-width:0;min-height:34px;padding:var(--space-4) var(--space-6);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);cursor:text}.co-chips:focus-within{border-color:var(--c-ink)}.co-chip{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-8);border-radius:var(--radius-md);background:var(--c-accent-5);font-size:var(--fs-12);color:var(--c-accent)}.co-chip button{padding:0 var(--space-4);border:0;background:none;color:inherit;font-size:var(--fs-14);line-height:1;cursor:pointer}.co-chip-input{flex:1;min-width:120px;padding:var(--space-4);border:0;outline:none;background:transparent;font:inherit;font-size:var(--fs-12);color:var(--c-ink)}.co-suggest{display:flex;flex-direction:column;max-height:220px;padding:var(--space-4);overflow-y:auto;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface)}.co-suggest-row{display:flex;align-items:center;gap:var(--space-10);padding:var(--space-6) var(--space-8);border-radius:var(--radius-md);cursor:pointer}.co-suggest-row:hover{background:var(--c-bg)}.co-suggest-row input{margin:0;accent-color:var(--c-accent)}.co-note{margin:0;padding:var(--space-8) var(--space-10);border-radius:var(--radius-md);background:color-mix(in srgb,var(--c-success) 7%,transparent);font-size:var(--fs-12);color:var(--c-success)}.co-muted.is-pending{color:var(--c-warning)}.co-person.is-declined{opacity:.55}.props-header-grow{flex:1}.props-header .props-preview-btn{margin-left:0;margin-right:var(--space-4)}.panel-tab.panel-tab-icon{width:32px;height:32px;padding:0;justify-content:center}.pt-people{display:flex;align-items:center;padding:0 var(--space-12) var(--space-8) var(--space-32)}.pt-face{display:inline-flex;margin-right:calc(-1 * var(--space-4));border:1.5px solid var(--c-surface);border-radius:var(--radius-full)}.pt-more{margin-left:var(--space-8);font-size:var(--fs-10);color:var(--c-slate)}.props-share-btn{display:inline-flex;flex:none;align-items:center;gap:var(--space-6);height:30px;margin-right:var(--space-4);padding:0 var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font:inherit;font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--c-ink);cursor:pointer}.props-share-btn:hover{background:var(--c-bg)}.props-share-icon{margin-right:var(--space-4)}.pt-card.is-open .pt-group-head:has(+.pt-people){padding-bottom:var(--space-6);border-bottom:0}.pt-card.is-open .pt-people{border-bottom:1px solid var(--c-border)}.pt-people{padding:0 var(--space-10) var(--space-10) var(--space-32)}.co-kind{align-self:flex-start}.collab-follow{position:absolute;inset:0;border:2px solid var(--who);pointer-events:none}.collab-follow-tag{position:absolute;top:8px;left:50%;transform:translate(-50%);padding:var(--space-4) var(--space-12);border:0;border-radius:var(--radius-md);background:var(--who);font:inherit;font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--c-on-accent);pointer-events:auto;cursor:pointer}button.pt-face{padding:0;background:none;cursor:pointer}button.pt-face:hover{transform:translateY(-1px)}.pt-face.is-following{box-shadow:0 0 0 2px var(--c-accent)}.panel-tab-ai{color:var(--c-accent)}.panel-tab-ai svg{overflow:visible}.panel-tab-ai svg path{transform-box:fill-box;transform-origin:center}.panel-tab-ai svg path:nth-child(3){animation:ai-breathe 2.4s ease-in-out infinite}.panel-tab-ai svg path:nth-child(1){animation:ai-twinkle 2.4s ease-in-out infinite}.panel-tab-ai svg path:nth-child(2){animation:ai-twinkle 2.4s ease-in-out 1.2s infinite}@keyframes ai-breathe{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.12) rotate(8deg)}}@keyframes ai-twinkle{0%,to{transform:scale(.6);opacity:.35}40%{transform:scale(1.25);opacity:1}70%{transform:scale(.9);opacity:.8}}@media(prefers-reduced-motion:reduce){.panel-tab-ai svg path{animation:none!important}}.hv-caret{flex:none;width:15px;height:15px;background:currentColor;mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.co-share-dlg{gap:var(--space-20);width:560px;padding:var(--space-32);border:0;box-shadow:var(--shadow-modal)}.co-share-title{font-family:var(--font-title);font-size:var(--fs-18);font-weight:var(--fw-medium);line-height:normal}.co-close.hv-close{width:30px}.co-kind{display:flex;align-self:flex-start;padding:var(--space-2);border-radius:var(--radius-lg);background:var(--c-fill)}.co-kind button{height:30px;padding:0 var(--space-14);border:0;border-radius:var(--radius-md);background:transparent;font-family:var(--font-title);font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--c-slate);cursor:pointer}.co-kind button.is-on{background:var(--c-surface);color:var(--c-ink);box-shadow:0 1px 2px color-mix(in srgb,var(--c-ink) 8%,transparent)}.co-label{margin-bottom:calc(-1 * var(--space-12));font-family:var(--font-title);font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--c-ink)}.co-invite-box .co-label{margin-bottom:var(--space-2)}.co-share-dlg .co-invite{gap:var(--space-8)}.co-share-dlg .co-chips{min-height:41px;padding:var(--space-4) var(--space-8)}.co-share-dlg .co-people{gap:0;border:1px solid var(--c-border);border-radius:var(--radius-lg)}.co-share-dlg .co-person{gap:var(--space-12);padding:var(--space-12) var(--space-16)}.co-share-dlg .co-person+.co-person{border-top:1px solid var(--c-border)}.co-share-dlg .co-person-name{font-family:var(--font-title);font-size:var(--fs-14);font-weight:var(--fw-medium)}.co-share-dlg .co-person .co-muted{color:var(--c-accent)}.co-share-dlg .co-person .co-muted.is-pending{color:var(--c-warning)}.co-share-dlg .co-team{padding:var(--space-12) var(--space-16);border:1px solid var(--c-border);border-radius:var(--radius-lg)}.co-share-dlg .co-share-foot{padding-top:0;border-top:0}.page-list.board-cards{display:flex;flex-direction:column;gap:var(--space-8)}.board-cards>li{flex-shrink:0;overflow:hidden;border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface)}.board-cards>li.is-open{box-shadow:var(--shadow-card)}.board-cards>li>.page-row{padding:var(--space-10);border-radius:0}.board-cards>li>.pt-people{padding:0 var(--space-10) var(--space-10) var(--space-32)}.board-cards>li>.page-row:has(+.pt-people){padding-bottom:var(--space-6)}.board-cards>li>:is(.pt-people,.page-row):not(:last-child){border-bottom:1px solid var(--c-border)}.board-cards>li>.page-row:has(+.pt-people){border-bottom:0}.tb-brushes .tb-menu-item{gap:var(--space-10)}.tb-brush-sample{flex:none;color:var(--c-ink)}.tb-menu-item.is-active .tb-brush-sample{color:inherit}:root{--btn-h-sm: 24px;--btn-h-md: 32px;--btn-h-lg: 40px;--btn-px-sm: 8px;--btn-px-md: 12px;--btn-px-lg: 16px;--btn-fs-sm: var(--fs-14);--btn-fs-md: var(--fs-14);--btn-fs-lg: var(--fs-14);--btn-gap: var(--space-6)}.btn{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:var(--btn-gap);height:var(--btn-h-md);padding:0 var(--btn-px-md);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font:inherit;font-size:var(--btn-fs-md);font-weight:var(--fw-medium);line-height:1;color:var(--c-ink);white-space:nowrap;cursor:pointer}.btn:hover:not(:disabled){background:var(--c-hover)}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}:where([tabindex],[role=button],[role=tab],[role=menuitem],[role=option],[role=treeitem],li,summary,a):not(input,textarea,select,.btn):focus,:where([tabindex],[role=button],[role=tab],[role=menuitem],[role=option],[role=treeitem],li,summary,a):not(input,textarea,select,.btn):focus-visible{outline:none}.btn.btn-sm{height:var(--btn-h-sm);padding:0 var(--btn-px-sm);font-size:var(--btn-fs-sm)}.btn.btn-lg{height:var(--btn-h-lg);padding:0 var(--btn-px-lg);font-size:var(--btn-fs-lg)}.btn.btn-primary{border-color:var(--c-accent);background:var(--c-accent);color:var(--c-on-accent)}.btn.btn-primary:hover:not(:disabled){border-color:var(--c-accent-hover);background:var(--c-accent-hover)}.btn.btn-ghost{border-color:transparent;background:transparent}.btn.btn-ghost:hover:not(:disabled){background:var(--c-hover)}.btn.btn-danger{border-color:var(--c-danger);background:var(--c-danger);color:var(--c-on-accent)}.btn.btn-danger:hover:not(:disabled){border-color:color-mix(in srgb,var(--c-danger) 88%,var(--c-ink));background:color-mix(in srgb,var(--c-danger) 88%,var(--c-ink))}.btn.btn-icon{width:var(--btn-h-md);padding:0}.btn.btn-icon.btn-sm{width:var(--btn-h-sm)}.btn.btn-icon.btn-lg{width:var(--btn-h-lg)}:root :is(.props-share-btn){display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap);height:var(--btn-h-md);min-height:0;padding:0 var(--btn-px-md);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font-size:var(--btn-fs-md);font-weight:var(--fw-medium);line-height:1;color:var(--c-ink);white-space:nowrap}:root :is(.props-share-btn):hover:not(:disabled){background:var(--c-hover)}:root :is(.props-share-btn):disabled{opacity:.45;cursor:default}:root :is(.mini-btn-text){height:var(--btn-h-sm);padding:0 var(--btn-px-sm);font-size:var(--btn-fs-sm)}:root :is(.hm-icon-sm){display:inline-flex;align-items:center;justify-content:center;width:var(--btn-h-sm);height:var(--btn-h-sm);min-width:0;padding:0;border-radius:var(--radius-md)}:root .mini-btn{min-width:var(--btn-h-sm)}.co-share-dlg .co-chips,.co-share-dlg .co-select:not(.co-person .co-select),.hv-input{min-height:var(--btn-h-lg);height:auto}.btn.btn-md{height:var(--btn-h-md)}.btn.btn-round{border-radius:var(--radius-md)}.btn.btn-ghost.btn-sm{padding:0 var(--btn-px-sm)}.btn svg{flex:none}.ui-card{border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-surface);color:var(--c-ink)}.ui-card.is-raised{box-shadow:var(--shadow-card)}.ui-card-p-none{padding:0}.ui-card-p-sm{padding:var(--space-12)}.ui-card-p-md{padding:var(--space-16)}.ui-card-p-lg{padding:var(--space-24)}.ui-card-p-xl{padding:var(--space-32)}.ui-input{display:block;width:100%;min-width:0;height:var(--btn-h-md);padding:0 var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font:inherit;font-size:var(--fs-12);color:var(--c-ink);outline:none}.ui-input::placeholder,.ui-input input::placeholder{color:var(--c-slate)}.ui-input:focus,.ui-input:focus-within{border-color:var(--c-ink)}.ui-input-sm{height:var(--btn-h-sm);padding:0 var(--space-8)}.ui-input-lg{height:var(--btn-h-lg);padding:0 var(--space-12)}.ui-input-box{display:flex;align-items:center;gap:var(--space-8);cursor:text}.ui-input-box>input{flex:1;min-width:0;height:100%;padding:0;border:0;outline:none;background:transparent;font:inherit;color:inherit}.ui-input-box>svg{flex:none;color:var(--c-slate)}.ui-badge{display:inline-flex;flex:none;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-6);border-radius:var(--radius-sm);font-size:var(--fs-10);font-weight:var(--fw-regular);line-height:normal;white-space:nowrap}.ui-badge-neutral{background:var(--c-fill);color:var(--c-slate)}.ui-badge-accent{background:var(--c-accent-5);color:var(--c-accent)}.ui-badge-success{background:var(--c-success-soft);color:var(--c-success)}.ui-badge-danger{background:var(--c-danger-soft);color:var(--c-danger)}.ui-badge-warning{background:var(--c-warning-soft);color:var(--c-warning)}.ui-badge-info{background:var(--c-info-soft);color:var(--c-info-deep)}.hv-thumb-play{opacity:0}.hv-project:hover .hv-thumb-play,.hv-project:focus-visible .hv-thumb-play{opacity:1}.btn.btn-dark{border-color:var(--c-ink);background:var(--c-ink);color:var(--c-on-accent)}.btn.btn-dark:hover:not(:disabled){background:color-mix(in srgb,var(--c-ink) 85%,var(--c-surface))}.btn.is-pressed,.btn.is-pressed:hover:not(:disabled){background:var(--c-accent-5);color:var(--c-accent)}.ui-badge-pink{background:var(--c-logo-pink);color:var(--c-ink)}.ui-badge-cyan{background:var(--c-logo-cyan);color:var(--c-ink)}.ui-textarea{height:auto;min-height:var(--btn-h-lg);padding:var(--space-8) var(--space-10);line-height:var(--lh-text);resize:vertical}.ui-select{width:auto;padding-right:var(--space-6);cursor:pointer}.mb{--mb-like: var(--c-success);--mb-avoid: var(--c-danger);--mb-must: var(--c-accent);position:absolute;overflow:hidden}.mb-head{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-16) var(--space-24) var(--space-12);border-bottom:1px solid var(--c-border)}.mb-head .bw-title{flex:0 0 auto}.mb-add{display:flex;align-items:center;gap:var(--space-8);flex:1;justify-content:flex-end;min-width:0}.mb-link{flex:0 1 360px;min-width:160px}.mb-note{display:flex;align-items:center;gap:var(--space-8);margin:var(--space-12) var(--space-24) 0;padding:var(--space-6) var(--space-6) var(--space-6) var(--space-12);border:1px solid var(--c-warning-line);border-radius:var(--radius-md);background:var(--c-warning-soft);color:var(--c-warning-deep);font-size:var(--fs-12)}.mb-note span{flex:1}.mb-scroll{flex:1;min-height:0;overflow:auto;padding:var(--space-16) var(--space-24) var(--space-24);display:flex;flex-direction:column;gap:var(--space-16)}.mb-scroll.is-over{background:var(--c-accent-5);outline:1px dashed var(--c-accent);outline-offset:calc(var(--space-4) * -1)}.mb-desc{width:100%;flex:none;resize:vertical}.mb-start{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);margin:var(--space-64) auto 0;max-width:420px;text-align:center}.mb-start h3{margin:0;font-family:var(--font-title);font-size:var(--fs-18);font-weight:var(--fw-medium)}.mb-start p{margin:0;color:var(--c-muted);font-size:var(--fs-13);line-height:var(--lh-text)}.mb-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-12);padding:var(--space-40);color:var(--c-muted);font-size:var(--fs-13);text-align:center}.mb-empty p{margin:0}.mb-grid{columns:4 220px;column-gap:var(--space-16)}.mb-card{position:relative;display:flex;flex-direction:column;break-inside:avoid;margin-bottom:var(--space-16);padding:var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface)}.mb-thumb{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--space-6);width:100%;padding:0;overflow:hidden;border:0;border-radius:var(--radius-md);background:var(--c-bg);cursor:zoom-in}.mb-thumb:disabled{cursor:default}.mb-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}.mb-thumb:not(:disabled):hover img{filter:brightness(.96)}.mb-card.is-wait .mb-thumb{aspect-ratio:4 / 3}.mb-wait{position:relative;color:var(--c-muted);font-size:var(--fs-12)}.mb-fail{flex-direction:column;gap:var(--space-8);padding:var(--space-16);color:var(--c-danger);text-align:center;cursor:default}.mb-fail p{margin:0;color:var(--c-ink);font-size:var(--fs-12)}.mb-fail-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-6)}.mb-count{position:absolute;right:var(--space-6);bottom:var(--space-6);display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-6);border-radius:var(--radius-sm);background:var(--c-surface);box-shadow:var(--shadow-card);font-size:var(--fs-11)}.mb-card-foot{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-4) var(--space-4) var(--space-6);min-width:0}.mb-favicon{width:16px;height:16px;flex:none;border-radius:var(--radius-sm);object-fit:contain}.mb-card-text{display:flex;flex:1;flex-direction:column;min-width:0}.mb-card-title,.mb-card-url{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mb-card-title{font-size:var(--fs-12);font-weight:var(--fw-medium)}.mb-card-url{color:var(--c-muted);font-size:var(--fs-11)}.mb-card-del{opacity:0}.mb-card:hover .mb-card-del,.mb-card-del:focus-visible{opacity:1}.mb-card-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding:0 var(--space-6) var(--space-6)}.mb-swatches{display:inline-flex;margin-right:var(--space-4)}.mb-swatches i{width:14px;height:14px;margin-left:calc(var(--space-4) * -1);border:1px solid var(--c-surface);border-radius:var(--radius-full);box-shadow:0 0 0 1px var(--c-border)}.mb-swatches i:first-child{margin-left:0}.mb-focus{position:absolute;inset:0;z-index:2;display:flex;background:var(--c-surface)}.mb-stage{display:flex;flex:1;flex-direction:column;min-width:0;background:var(--c-bg)}.mb-stage-bar{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-bottom:1px solid var(--c-border);background:var(--c-surface)}.mb-back{transform:rotate(90deg)}.mb-tabs{display:flex;gap:var(--space-4)}.mb-stage-hint{margin-left:auto;color:var(--c-muted);font-size:var(--fs-12)}.mb-stage-scroll{flex:1;min-height:0;overflow:auto;padding:var(--space-24)}.mb-box{position:relative;width:100%;margin:0 auto;background:var(--c-surface);box-shadow:var(--shadow-card);cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none}.mb-box>img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.mb-area{position:absolute;border:2px solid var(--mb-c, var(--c-accent));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--mb-c, var(--c-accent)) 6%,transparent);pointer-events:none}.mb-area.is-drawing,.mb-area.is-draft{border-style:dashed}.mb-area .mb-mark{position:absolute;top:0;left:0;pointer-events:auto}.mb-mark{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 var(--space-6);border:2px solid var(--c-surface);border-radius:var(--radius-full);background:var(--mb-c, var(--c-accent));color:var(--c-on-accent);font-size:var(--fs-11);font-weight:var(--fw-medium);box-shadow:var(--shadow-card);transform:translate(-50%,-50%);cursor:pointer}.mb-mark.is-static{flex:none;transform:none;cursor:inherit}.mb-pin{position:absolute}.mb-pin.is-draft{width:14px;height:14px;border:2px solid var(--c-surface);border-radius:var(--radius-full);background:var(--c-ink);box-shadow:var(--shadow-card);transform:translate(-50%,-50%)}.mb-mark.is-on{box-shadow:0 0 0 3px color-mix(in srgb,var(--mb-c) 30%,transparent)}.mb-area.is-on{background:color-mix(in srgb,var(--mb-c) 18%,transparent)}.mb .is-like{--mb-c: var(--mb-like)}.mb .is-avoid{--mb-c: var(--mb-avoid)}.mb .is-must{--mb-c: var(--mb-must)}.mb-pop{position:absolute;z-index:3;width:340px;margin-top:var(--space-8);padding:var(--space-12);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--shadow-pop);transform:translate(-50%);cursor:default}.mb-form{display:flex;flex-direction:column;gap:var(--space-8)}.mb-form .ui-textarea{width:100%;resize:vertical}.mb-form-actions{display:flex;justify-content:flex-end;gap:var(--space-6)}.mb-type i{width:8px;height:8px;border-radius:var(--radius-full);background:var(--mb-c)}.mb-side{display:flex;flex:0 0 340px;flex-direction:column;min-height:0;overflow:auto;border-left:1px solid var(--c-border)}.mb-side-sec{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-16);border-bottom:1px solid var(--c-border)}.mb-side-sec.is-grow{flex:1 0 auto}.mb-side-sec .ui-textarea{width:100%;resize:vertical}.mb-title-input{font-weight:var(--fw-medium)}.mb-side-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.mb-side-head h3{margin:0;font-size:var(--fs-13);font-weight:var(--fw-medium)}.mb-site-row{display:flex;align-items:center;gap:var(--space-8);min-width:0}.mb-site-url{flex:1;min-width:0;overflow:hidden;color:var(--c-muted);font-size:var(--fs-12);white-space:nowrap;text-overflow:ellipsis;text-decoration:none}.mb-site-url:hover{color:var(--c-ink)}.mb-side-error{margin:0;color:var(--c-danger);font-size:var(--fs-12)}.mb-side-foot{display:flex;justify-content:flex-end;padding:var(--space-12) var(--space-16)}.mb-analysis{display:flex;flex-direction:column;gap:var(--space-10)}.mb-summary{margin:0;font-size:var(--fs-12);line-height:var(--lh-text)}.mb-palette{display:flex;flex-wrap:wrap;gap:var(--space-6)}.mb-color{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-6) var(--space-2) var(--space-2);border:1px solid var(--c-border);border-radius:var(--radius-sm)}.mb-color i{width:16px;height:16px;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--c-border)}.mb-color code{font-size:var(--fs-11)}.mb-fonts{display:flex;flex-direction:column;gap:var(--space-4)}.mb-font{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-8);font-size:var(--fs-12)}.mb-font b{font-size:var(--fs-14);font-weight:var(--fw-medium)}.mb-font span{color:var(--c-muted);font-size:var(--fs-11);text-align:right}.mb-moods{display:flex;flex-wrap:wrap;gap:var(--space-4)}.mb-facts{display:flex;flex-direction:column;gap:var(--space-6);margin:0}.mb-facts div{display:grid;grid-template-columns:64px 1fr;gap:var(--space-8);font-size:var(--fs-12)}.mb-facts dt{color:var(--c-muted)}.mb-facts dd{margin:0;line-height:var(--lh-text)}.mb-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0 calc(var(--space-12) * -1)}.mb-row{display:flex;gap:var(--space-8);padding:var(--space-8);margin:0 var(--space-4);border-radius:var(--radius-md);cursor:pointer}.mb-row:hover{background:var(--c-hover)}.mb-row.is-on{background:var(--c-selected)}.mb-row-main{display:flex;flex:1;flex-direction:column;gap:var(--space-4);min-width:0}.mb-row-head{display:flex;align-items:center;gap:var(--space-4)}.mb-row-actions{display:flex;gap:var(--space-2);margin-left:auto;opacity:0}.mb-row:hover .mb-row-actions,.mb-row.is-on .mb-row-actions{opacity:1}.mb-row-body{margin:0;font-size:var(--fs-12);line-height:var(--lh-text);white-space:pre-wrap;overflow-wrap:anywhere}.mb-row-ai{display:flex;gap:var(--space-6);margin:0;color:var(--c-slate);font-size:var(--fs-11);line-height:var(--lh-text)}.mb-row-ai .ui-icon{flex:none;margin-top:var(--space-2);color:var(--c-accent)}.mb-row-ai.is-wait{color:var(--c-muted)}.mb-row-read{align-self:flex-start}:root:root :is(.seg-btn,.seg-tab,.segmented button,.dsp-seg-btn,.tb-mode,.tb-mode-thumb,.layout-mode){border-radius:var(--radius-tab)}.mb-stage-scroll.is-live{display:flex;overflow:hidden;padding:var(--space-16)}.mb-live{position:relative;display:flex;flex:1;justify-content:center;min-width:0;min-height:0}.mb-live-page{position:relative;height:100%;overflow:hidden;border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-card)}.mb-live-page iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;background:var(--c-surface)}.mb-live-wait{position:absolute;inset:0;display:grid;place-items:center;color:var(--c-muted);font-size:var(--fs-12);background:var(--c-surface)}.mb-live-marks{position:absolute;inset:0;pointer-events:none}.mb-live-marks .mb-mark,.mb-live-marks .mb-pop{pointer-events:auto}.ob.ps-ob{z-index:880}.ps-head{display:flex;flex-direction:column;gap:var(--space-12);width:100%}.ps-why{margin:0;color:var(--c-slate);font-size:var(--fs-14);line-height:var(--lh-text)}.ps-field{display:flex;flex-direction:column;gap:var(--space-12);width:100%}.ps-label{color:var(--c-slate);font-size:var(--fs-12);font-weight:var(--fw-medium)}.ps-apps{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.ps-ob .mb-embed{width:100%}.mb.mb-embed{position:relative;display:flex;flex-direction:column;gap:var(--space-12);overflow:visible}.mb-embed .mb-head{padding:0;border:0}.mb-embed .mb-add{justify-content:stretch}.mb-embed .mb-link{flex:1 1 auto}.mb-embed .mb-note{margin:0}.mb-embed .mb-scroll{padding:0;overflow:visible}.mb-embed .mb-grid{columns:3 140px;column-gap:var(--space-12)}.mb-embed .mb-card{margin-bottom:var(--space-12)}.mb-embed .mb-thumb{cursor:default}.ps-tokens{display:flex;flex-direction:column;width:100%;max-height:56vh;overflow:auto;border:1px solid var(--c-border);border-radius:var(--radius-md)}.btn.ob-back{border-radius:var(--radius-full)}.signin-gate,.ob{background:var(--c-fill)}.signin-card,.ob-card{gap:var(--space-48);width:404px;max-width:calc(100vw - 32px);padding:var(--space-32);border:1px solid var(--c-border);border-radius:16px;background:var(--c-surface);filter:none;box-shadow:var(--shadow-card)}.signin-title,.ob-title{font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-18);line-height:36.5px;color:var(--c-ink)}.signin-title{white-space:normal}.signin-content{display:flex;flex-direction:column;gap:var(--space-24)}.signin-fields{display:flex;flex-direction:column;gap:var(--space-16)}.signin-field{gap:var(--space-8);font-size:var(--fs-12);line-height:var(--lh-tight);color:var(--c-ink)}.signin-card .ui-input-lg,.ob-card .ui-input-lg{height:37px;padding:0 var(--space-16);font-size:var(--fs-14)}.signin-card .ui-input-box{gap:var(--space-10)}.signin-card .btn-lg,.ob-card .btn-lg{gap:var(--space-10);height:37px;padding:0 var(--space-32);font-size:var(--fs-14)}.signin-btns{display:flex;flex-direction:column;gap:var(--space-16)}.signin-social{display:flex;flex-direction:column;gap:var(--space-12)}.signin-help{font-size:var(--fs-12);line-height:var(--lh-tight);color:var(--c-slate)}.signin-switch{font-size:var(--fs-12);line-height:normal;color:var(--c-slate)}.signin-link{padding:0;border:0;background:none;font:inherit;color:var(--c-accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.ob-card.is-profession{width:662px}.ob-card.is-team{width:362px}.ob-card.is-wide{width:1188px}.ob-step{padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);line-height:normal}.btn.ob-back.btn-icon.btn-lg{width:37px;height:37px;padding:0;border-radius:var(--radius-full)}.ob-title-row{align-items:center;justify-content:space-between;gap:var(--space-32)}.ob-pills{gap:var(--space-8)}.ob-card .btn.ob-pill{padding:0 var(--space-16);font-weight:var(--fw-regular);color:var(--c-slate)}.ob-card .btn.ob-pill.is-pressed,.ob-card .btn.ob-pill.is-pressed:hover:not(:disabled){border-color:var(--c-accent);background:var(--c-surface);color:var(--c-accent)}.ob-foot{gap:var(--space-16)}.ob-card.is-name .ob-foot .ob-next{flex:1}.ob-error{margin:calc(-1 * var(--space-32)) 0 0}.ob-card.is-wide .ob-title-row+.plans{margin-top:calc(-1 * var(--space-16))}.plans-cycle{border-radius:var(--radius-md)}.plans-cycle-tab{border-radius:var(--radius-tab)}.plans-cycle-tab.is-active{filter:none;box-shadow:0 0 2px color-mix(in srgb,var(--c-ink) 12%,transparent)}.plans-save{line-height:normal}.plan-card.ui-card{border-radius:16px}.plan-card.is-free{background:var(--c-bg)}.plan-card.is-recommended{border:2px solid var(--c-accent);box-shadow:var(--shadow-card)}.plan-text{gap:var(--space-8)}.plan-name{font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-16);line-height:20.8px}.plan-tagline{font-size:var(--fs-14);line-height:normal}.plan-amount{line-height:41.7px}.plan-per{padding-bottom:var(--space-6);font-size:var(--fs-14)}.plan-features{gap:var(--space-14);font-size:var(--fs-14);line-height:22.4px}.plan-features svg{margin-top:5px}.plan-card.is-recommended .plan-features svg{color:inherit}.plan-card .btn-lg{height:37px;font-size:var(--fs-14)}.hv{background:var(--c-surface)}.hv-side{margin:var(--space-16) 0 var(--space-16) var(--space-16);border-radius:16px;overflow:hidden}.hv .hv-nav-label,.hv .hv-team-name{font-size:var(--fs-16);line-height:19.2px}.hv-user-name{line-height:20.8px}.hv-plan{padding:var(--space-2) var(--space-6);border-radius:var(--radius-tab);font-size:var(--fs-12)}.hv-side-apps{min-height:58px;padding:var(--space-12) var(--space-16)}.btn.hv-connect{height:33px;padding:0 var(--space-16);font-size:var(--fs-14)}.hv-nav-list{gap:var(--space-8)}.hv-nav{padding:var(--space-12)}.hv-nav:hover{background:var(--c-bg)}.hv-nav.is-on{background:var(--c-fill)}.hv-team-pick{min-height:44px;padding:var(--space-8);border-radius:var(--radius-md)}.hv-team-pick.is-open{border-color:var(--c-ink)}.hv-team-pop{position:static;margin-top:var(--space-12);border-radius:var(--radius-md)}.hv-team-list{gap:var(--space-12);max-height:320px;padding:var(--space-16)}.hv-team-row{min-height:40px;padding:var(--space-8) var(--space-12)}.hv-team-row:hover,.hv-team-row.is-on{background:var(--c-bg)}.hv-team-foot .btn-lg{gap:var(--space-10);height:37px;font-size:var(--fs-14)}.hv-page.is-home{padding:var(--space-16) var(--space-24)}.hv-home{gap:var(--space-24)}.hv-accent{color:var(--c-accent)}.hv-welcome{display:flex;align-items:center;gap:var(--space-16);padding:var(--space-24);border:1px solid var(--c-accent-5);border-radius:16px;background:var(--c-accent-5)}.hv-welcome-title{flex:1;min-width:0;margin:0;overflow:hidden;font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-18);line-height:31.2px;text-overflow:ellipsis;white-space:nowrap}.hv-continue{position:relative;flex:none}.btn.hv-continue-btn{height:33px;padding:0 var(--space-16);font-size:var(--fs-14)}.hv-continue-pop{position:absolute;z-index:40;top:calc(100% + var(--space-12));right:calc(-1 * var(--space-24));width:224px;padding:var(--space-16);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-card)}.hv .hv-continue-pop .hv-thumb{border-radius:var(--radius-md)}.hv-make{display:flex;overflow:hidden;border:1px solid var(--c-border);border-radius:16px;background:var(--c-surface)}.hv-make-new,.hv-make-ai{display:flex;flex:1 1 0;min-width:0;flex-direction:column;gap:var(--space-24);padding:var(--space-24)}.hv-make-ai{background:url(/assets/home-ai-bg-DMVkvNdc.jpg) 65% 87.7% / 100.7% 309% no-repeat}.hv .hv-title.hv-make-title{display:flex;align-items:center;gap:var(--space-12)}.hv-make-title .ui-icon{flex:none}.hv .hv-make-ai .hv-make-title{color:var(--c-on-accent)}.hv-make .hv-kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16)}.hv-make .hv-kind{gap:var(--space-12);padding:var(--space-12);border-radius:12px;background:var(--c-surface)}.hv-make .hv-kind:hover{background:var(--c-fill)}.hv-make .hv-kind.is-slides{grid-column:1 / -1}.hv-make .hv-kind-text{gap:var(--space-8)}.hv .hv-kind-name{font-size:var(--fs-16);line-height:20.8px}.hv .hv-kind-meta{font-size:var(--fs-14);line-height:21px}.hv .chatbox.hv-ai{flex:1;height:auto;min-height:0;margin:0;padding:var(--space-16);border:0;border-radius:12px;box-shadow:var(--shadow-card)}.hv .chatbox.hv-ai .tb-input{font-size:var(--fs-16);line-height:19.4px}.hv .chatbox.hv-ai .tb-input::placeholder{color:var(--c-slate)}.hv .hv-section{gap:var(--space-24)}.hv-section-head{gap:var(--space-16)}.hv .hv-title{line-height:31.2px}.hv-recent-tools{display:flex;align-items:center;gap:var(--space-12)}.ui-input.hv-recent-search{width:328px;height:38px;padding:0 var(--space-12);font-size:var(--fs-14)}.ui-input-box.hv-recent-search>svg{color:var(--c-ink)}.hv-recent-search input::placeholder{color:var(--c-ink)}.hv-kind-drop{position:relative}.hv-kind-pick{display:flex;align-items:center;gap:var(--space-10);width:163px;height:38px;padding:var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-ink);font:inherit;font-size:var(--fs-14);cursor:pointer}.hv-kind-pick.is-open{border-color:var(--c-ink)}.hv-kind-pick-label{flex:1;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.hv-kind-icon.is-mid{width:20px;height:20px;border-radius:var(--radius-md)}.hv-kind-icon.is-all{background:var(--c-bg);color:var(--c-ink)}.hv-kind-menu{position:absolute;z-index:40;top:calc(100% + var(--space-8));right:0;display:flex;flex-direction:column;gap:var(--space-12);width:248px;padding:var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-card)}.hv-kind-menu-title{margin:0;font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-14);line-height:18.2px}.hv-kind-menu-items{display:flex;flex-direction:column;gap:var(--space-4)}.hv-kind-menu-item{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8);border:0;border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-ink);font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-14);line-height:16.8px;text-align:left;cursor:pointer}.hv-kind-menu-item:hover{background:var(--c-bg)}.hv-kind-menu-item.is-on{background:var(--c-fill)}.hv-view{display:flex;align-items:center;gap:var(--space-4);height:38px;padding:var(--space-4);border-radius:var(--radius-md);background:var(--c-fill)}.hv-view button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:var(--radius-tab);background:transparent;color:var(--c-ink);cursor:pointer}.hv-view button.is-on{background:var(--c-surface);box-shadow:0 0 2px color-mix(in srgb,var(--c-ink) 12%,transparent)}.hv .hv-recent{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-24)}.hv .hv-thumb{border-radius:16px}.hv .hv-name{font-size:var(--fs-16);line-height:20.8px}.hv .hv-info-top .ui-badge,.hv-lrow .ui-badge{padding:var(--space-2) var(--space-6);border-radius:var(--radius-tab);font-size:var(--fs-12);line-height:14.5px}.hv .hv-faces .hv-face{border:1px solid var(--c-surface)}.hv .btn.hv-face-add{width:20px;height:20px;margin-left:calc(-1 * var(--space-4));border:1px solid var(--c-surface);border-radius:var(--radius-full);background:var(--c-ink);color:var(--c-on-accent)}.hv .btn.hv-face-add:hover:not(:disabled){background:color-mix(in srgb,var(--c-ink) 85%,var(--c-surface))}.hv-list{display:flex;flex-direction:column}.hv-lhead,.hv-lrow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.75fr) 24px;align-items:center;gap:var(--space-24)}.hv-lhead{padding-bottom:var(--space-24);border-bottom:1px solid var(--c-border);font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-14);line-height:18.2px}.hv-lrow{padding:var(--space-16) 0;border-bottom:1px solid var(--c-border);color:var(--c-ink);cursor:pointer;outline:none}.hv-lcell{display:flex;align-items:center;min-width:0}.hv-lcell.is-name{gap:var(--space-16)}.hv-lthumb{flex:none;width:75px;height:52px;overflow:hidden;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface)}.hv-lthumb img{width:100%;height:100%;object-fit:cover;object-position:top center}.hv-lname{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--space-12)}.hv-ldate{font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-16);line-height:20.8px}.ps-ob{position:fixed;inset:0;z-index:880;display:flex;padding:var(--space-24);background:color-mix(in srgb,var(--c-ink) 90%,transparent);font-family:var(--font-ui);color:var(--c-ink)}.ps-body{display:flex;flex:1;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--c-border);border-radius:16px;background:var(--c-surface)}.ps-bar{display:flex;flex:none;align-items:center;gap:var(--space-16);padding:var(--space-16);border-bottom:1px solid var(--c-border)}.ps-bar-title{flex:1;min-width:0;margin:0;font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-18);line-height:31.2px}.ps-ob .btn-lg{gap:var(--space-10);height:37px;font-size:var(--fs-14)}.btn.ps-bar-btn{padding:0 var(--space-24)}.ps-main{display:flex;flex:1;min-height:0}.ps-steps{display:flex;flex:none;flex-direction:column;gap:var(--space-8);width:328px;padding:var(--space-12);overflow-y:auto;border-right:1px solid var(--c-border)}.ps-step{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-8);border:0;border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-ink);font:inherit;text-align:left;cursor:pointer}.ps-step:hover,.ps-step.is-on{background:var(--c-bg)}.ps-step-icon{display:flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface)}.ps-step-label{flex:1;min-width:0;overflow:hidden;font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-16);line-height:20.8px;text-overflow:ellipsis;white-space:nowrap}.ps-step-done{display:flex;flex:none;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);background:var(--c-success);color:var(--c-on-accent)}.ps-page{display:flex;flex:1;min-width:0;flex-direction:column}.ps-scroll{flex:1;min-height:0;overflow-y:auto}.ps-ob .ps-head{display:flex;flex-direction:column;gap:var(--space-8);width:auto;padding:var(--space-24) 124px}.ps-ob .ps-head.is-wide{padding:var(--space-24)}.ps-title{margin:0;font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-16);line-height:31.2px}.ps-ob .ps-why{max-width:986px;margin:0;font-size:var(--fs-14);line-height:22.4px;color:var(--c-slate)}.ps-content{display:flex;flex-direction:column;gap:var(--space-24);padding:var(--space-24) 124px var(--space-48)}.ps-content.is-tokens{padding:var(--space-24) 0 0}.ps-ob .ps-field{display:flex;flex-direction:column;gap:var(--space-8);width:100%}.ps-ob .ps-label{font-size:var(--fs-12);font-weight:var(--fw-regular);line-height:14.4px;color:var(--c-ink)}.ps-ob .ui-input-lg{height:37px;padding:0 var(--space-16);font-size:var(--fs-14)}.ps-ob .ui-textarea{padding:var(--space-10) var(--space-16);font-size:var(--fs-14);line-height:16.8px}.ps-ob .ob-pills{display:flex;flex-wrap:wrap;gap:var(--space-16)}.ps-ob .btn.ps-pill{padding:0 var(--space-16);font-weight:var(--fw-regular)}.ps-ob .btn.ps-pill.is-pressed,.ps-ob .btn.ps-pill.is-pressed:hover:not(:disabled){border-color:var(--c-accent);background:var(--c-surface);color:var(--c-accent)}.ps-ob .ob-note{margin:0;font-size:var(--fs-14);line-height:22.4px;color:var(--c-slate)}.ps-ob .ps-tokens{max-height:none;border:0;border-top:1px solid var(--c-border);border-radius:0}.ps-foot{display:flex;flex:none;align-items:center;gap:var(--space-8);padding:var(--space-24) 124px;border-top:1px solid var(--c-border)}.ps-page:has(.ps-content.is-tokens) .ps-foot{padding-left:var(--space-24);padding-right:var(--space-24)}.btn.ps-next,.btn.ps-skip{padding:0 var(--space-32)}.ps-ob .ps-tokens .dsp-embed-inner{border:0;border-radius:0;box-shadow:none}.ps-ob .ui-textarea.ob-area{min-height:151px}.ps-ob .mb-embed .ui-input,.ps-ob .mb-embed .btn:not(.btn-sm):not(.btn-icon){height:37px;font-size:var(--fs-14)}.ps-ob .mb-embed .ui-input-box{padding:0 var(--space-16);gap:var(--space-10)}.ps-ob .mb-embed .btn:not(.btn-sm):not(.btn-icon){padding:0 var(--space-20)}.ps-ob .mb-embed .ui-textarea{padding:var(--space-10) var(--space-16);font-size:var(--fs-14)}.ps-ob.is-intro{align-items:center;justify-content:center}.ps-intro{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);width:554px;max-width:100%;padding:var(--space-16) var(--space-16) var(--space-48);border:1px solid var(--c-border);border-radius:16px;background:var(--c-surface);box-shadow:var(--shadow-card)}.ps-intro-top{display:flex;justify-content:flex-end;width:100%}.ps-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--c-border);border-radius:var(--radius-full);background:var(--c-surface);color:var(--c-ink);cursor:pointer}.ps-close:hover{background:var(--c-bg)}.ps-intro-body{display:flex;flex-direction:column;align-items:center;gap:var(--space-48);padding:0 var(--space-64);text-align:center}.ps-intro-art{display:block}.ps-intro-text{display:flex;flex-direction:column;gap:var(--space-16)}.ps-intro-title{margin:0;font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-18);line-height:36.5px}.ps-intro-sub{margin:0;font-size:var(--fs-16);line-height:25.6px}.ps-intro-btns{display:flex;gap:var(--space-8);width:100%}.ps-intro-btns .btn{flex:1;padding:0 var(--space-24)}.ps-ob .ps-head{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-16)}.ps-head-text{display:flex;min-width:0;flex-direction:column;gap:var(--space-8)}.ps-head-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-8)}.ps-head-tools .btn-lg,.ps-brand .btn-lg{padding:0 var(--space-20)}.ps-filter .ps-select{width:136px}.ps-brand{position:relative;flex:none}.ps-content.is-basic{gap:0;padding:0 124px var(--space-24)}.ps-sec{display:flex;flex-direction:column;gap:var(--space-24);padding:var(--space-24) 0}.ps-sec.is-logo{gap:var(--space-16)}.ps-sec-title{margin:0;font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-16);line-height:20.8px}.ps-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-16)}.ps-ob .ui-textarea.ps-context{min-height:151px;padding:var(--space-10) var(--space-16);resize:none;font-size:var(--fs-14);line-height:16.8px}.ps-row{display:flex;flex-wrap:wrap;gap:var(--space-16)}.ps-ob .btn.ps-choice{padding:0 var(--space-16);font-weight:var(--fw-regular)}.ps-ob .btn.ps-choice.is-pressed,.ps-ob .btn.ps-choice.is-pressed:hover:not(:disabled){border-color:var(--c-accent);background:var(--c-surface);color:var(--c-accent)}.ps-error{margin:0;font-size:var(--fs-12);color:var(--c-danger)}.ps-select{position:relative}.ps-select-field{display:flex;align-items:center;gap:var(--space-10);width:100%;height:37px;padding:0 var(--space-8) 0 var(--space-16);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-ink);font:inherit;font-size:var(--fs-14);text-align:left;cursor:pointer}.ps-select-field.is-open{border-color:var(--c-ink)}.ps-select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-select-value.is-empty{color:var(--c-slate)}.ps-menu{position:absolute;z-index:50;top:calc(100% + var(--space-8));right:0;display:flex;flex-direction:column;gap:var(--space-12);width:260px;max-width:calc(100vw - 32px);padding:var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-card)}.ps-select .ps-menu{left:auto}.ps-menu-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.ps-menu-title,.ps-menu-ai{font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-14);line-height:18.2px}.ps-menu-ai{display:flex;align-items:center;gap:var(--space-8);padding:0;border:0;background:none;color:var(--c-accent);cursor:pointer}.ps-menu-items{display:flex;flex-direction:column;gap:var(--space-4);max-height:260px;overflow-y:auto}.ui-input.ps-menu-search{flex:none;height:31px;padding:0 var(--space-12);font-size:var(--fs-14)}.ui-input-box.ps-menu-search>svg{color:var(--c-ink)}.ps-menu-item{display:flex;flex:none;align-items:center;gap:var(--space-8);min-height:33px;padding:var(--space-8);border:0;border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-ink);font:inherit;font-size:var(--fs-14);line-height:16.8px;text-align:left;cursor:pointer}.ps-menu-item:hover,.ps-menu-item.is-on{background:var(--c-bg)}.ps-menu-item>.ui-icon{color:var(--c-accent)}.ps-menu-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-check{display:flex;flex:none;align-items:center;justify-content:center;width:14px;height:14px;border:1px solid var(--c-border-strong);border-radius:var(--radius-full);color:var(--c-on-accent)}.ps-check.is-on{border-color:var(--c-accent);background:var(--c-accent)}.ps-menu-none{margin:0;padding:var(--space-8);font-size:var(--fs-14);color:var(--c-slate)}.ps-logo-boxes{display:flex;gap:var(--space-16)}.ps-logo-box{display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-16);min-height:197px;padding:var(--space-16);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-ink);font:inherit;cursor:pointer}.ps-logo-box.is-upload{border-style:dashed}.ps-logo-box:hover{background:var(--c-bg)}.ps-ai-icon{display:flex;color:var(--c-accent)}.ps-logo-box-text{display:flex;flex-direction:column;gap:var(--space-8)}.ps-logo-box-title{font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-14);line-height:18.2px}.ps-logo-box-sub{font-size:var(--fs-14);line-height:16.8px;color:var(--c-slate)}.ps-logos{display:flex;flex-direction:column;gap:var(--space-16);padding:var(--space-16);border:1px solid var(--c-border);border-radius:var(--radius-md)}.ps-logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(180px,calc((100% - 2 * var(--space-16)) / 3)),1fr));gap:var(--space-16)}.ps-logo{position:relative;display:flex;align-items:center;justify-content:center;height:167px;overflow:hidden;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface)}.ps-logo img{max-width:100%;max-height:100%;object-fit:contain}.ps-logo.is-busy{background:var(--c-bg)}.ps-logo-wait{font-size:var(--fs-14);color:var(--c-slate)}.ps-logo-tools{position:absolute;top:var(--space-16);right:var(--space-16);display:flex;gap:var(--space-4);opacity:0}.ps-logo:hover .ps-logo-tools,.ps-logo:focus-within .ps-logo-tools{opacity:1}.ps-logo-tools button:not(.logo-approve){display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:var(--radius-tab);background:var(--c-bg);color:var(--c-ink);cursor:pointer}.ps-logo-tools button.is-ai{background:var(--c-accent-5);color:var(--c-accent)}.ps-logo-foot{display:flex;align-items:center;justify-content:space-between}.ps-logo-again{display:flex;align-items:center;gap:var(--space-16)}.ps-link{display:flex;align-items:center;gap:var(--space-8);padding:0;border:0;background:none;color:var(--c-ink);font:inherit;font-size:var(--fs-14);line-height:16.8px;cursor:pointer}.ps-link.is-accent{color:var(--c-accent)}.ps-link:disabled{opacity:.45;cursor:default}:root:root .ps-link{height:var(--btn-h-md);margin:0 calc(-1 * var(--space-8));padding:0 var(--space-8);border-radius:var(--radius-md)}:root:root .ps-link:hover:not(:disabled){background:var(--c-hover)}:root:root .ps-logo-tools button:not(.logo-approve){width:var(--btn-h-md);height:var(--btn-h-md);border-radius:var(--radius-md)}:root:root .ps-logo-tools button:not(.logo-approve):hover{background:var(--c-hover)}.ps-content.is-color{gap:0}.ps-tabs{display:flex;gap:var(--space-4);margin:0 var(--space-24) var(--space-24);padding:var(--space-4);border-radius:var(--radius-md);background:var(--c-fill)}.ps-tab{flex:1 1 0;height:33px;padding:0 var(--space-8);border:0;border-radius:var(--radius-tab);background:transparent;color:var(--c-ink);font:inherit;font-size:var(--fs-14);cursor:pointer}.ps-tab.is-on{background:var(--c-surface);box-shadow:0 0 2px color-mix(in srgb,var(--c-ink) 12%,transparent)}.ps-content.is-text,.ps-content.is-effect,.ps-content.is-measure{padding-top:0}.dsp-add-row{display:flex;align-items:center;gap:var(--space-8);width:100%;padding:var(--space-16) var(--space-24);border:0;border-bottom:1px solid var(--c-border);background:var(--c-surface);color:var(--c-ink);font:inherit;font-size:var(--fs-14);text-align:left;cursor:pointer}.dsp-add-row:hover{background:var(--c-bg)}.ps-rail{display:flex;flex:none;flex-direction:column;width:65px;border-left:1px solid var(--c-border)}.ps-rail.is-open{width:483px;max-width:40vw}.ps-rail-open{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:var(--space-16) auto;border:0;border-radius:var(--radius-tab);background:var(--c-accent);color:var(--c-on-accent);cursor:pointer}.ps-rail-head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--space-10);padding:var(--space-16);border-bottom:1px solid var(--c-border)}.ps-rail-title{font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-16);line-height:20.8px}.ps-rail-btn{display:flex;padding:var(--space-8);border:0;border-radius:var(--radius-tab);background:transparent;color:var(--c-ink);cursor:pointer}.ps-rail-btn:hover{background:var(--c-bg)}.ps-rail-chat{display:flex;flex:1;min-height:0;flex-direction:column}.ps-rail-chat>*{flex:1;min-height:0}.ps-menu.is-up{top:auto;bottom:calc(100% + var(--space-8))}.ps-content.is-color,.ps-content.is-text,.ps-content.is-effect,.ps-content.is-measure{padding:var(--space-24) 0 0}.ps-page:has(.ps-content:not(.is-basic)) .ps-foot{padding-left:var(--space-24);padding-right:var(--space-24)}.ps-ob .dsp-col-name,.ps-ob .dsp-name,.ps-ob .dsp-col-mode{width:250px}.ps-ob .dsp-col-fill{flex:1 0 250px}.ps-ob .dsp-label-row{border-top:1px solid var(--c-border)}.ps-ob .dsp-label-row .dsp-cell{padding:var(--space-12) var(--space-24);font-size:var(--fs-14);line-height:18px}.ps-ob .dsp-label-row .dsp-add-col{padding:var(--space-12) 0}.ps-ob .dsp-name{padding:var(--space-16) var(--space-24)}.ps-ob .dsp-name-text{font-size:var(--fs-14)}.ps-ob .dsp-colors{padding:var(--space-12)}.ps-ob .dsp-color-pill{gap:var(--space-10);padding:var(--space-6) var(--space-8)}.ps-ob button.dsp-color-pill{width:100%;max-width:226px}.ps-ob .dsp-hex,.ps-ob .dsp-select{font-size:var(--fs-14)}.ps-ob .dsp-pct{font-size:var(--fs-12)}.ps-ob .dsp-swatch{width:14px;height:14px}.ps-ob .ps-head.is-narrow,.ps-content.is-moodboard,.ps-content.is-apps,.ps-foot.is-narrow{padding-left:max(var(--space-24),calc((100% - 876px)/2));padding-right:max(var(--space-24),calc((100% - 876px)/2))}.ps-content.is-moodboard,.ps-content.is-apps{gap:0;padding-top:0}.ps-page{position:relative}.mb.mb-setup{position:static;display:flex;flex-direction:column;overflow:visible}.ps-ob .ui-textarea.mb-setup-desc{min-height:91px;padding:var(--space-10) var(--space-16);resize:none;font-size:var(--fs-14);line-height:16.8px}.mb-setup-add{display:flex;align-items:flex-end;gap:var(--space-16)}.mb-setup-add>.ps-field:first-child{flex:1}.mb-setup-add .ps-field.is-upload{width:auto}.mb-setup-add .ui-input-box>svg{color:var(--c-ink)}.mb-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-24);padding:var(--space-24) 0}.mb-setup-grid.is-over{outline:2px dashed var(--c-accent-line);outline-offset:8px;border-radius:var(--radius-md)}.mb-setup-card{display:flex;min-width:0;flex-direction:column;gap:var(--space-12)}.mb-setup-preview{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 10;padding:0;overflow:hidden;border:1px solid var(--c-border);border-radius:16px;background:var(--c-surface);color:var(--c-slate);font:inherit;font-size:var(--fs-14);cursor:pointer}.mb-setup-preview img{width:100%;height:100%;object-fit:cover;object-position:top center}.mb-setup-preview:disabled{cursor:default}.mb-setup-preview .mb-wait{position:absolute}.mb-setup-preview.is-fail{flex-direction:column;gap:var(--space-8);padding:var(--space-12);cursor:default;text-align:center}.mb-setup-preview.is-fail p{margin:0;font-size:var(--fs-12)}.mb-setup-info,.mb-side-sec.is-title{display:flex;align-items:flex-start;gap:var(--space-12)}.mb-setup-logo{display:flex;flex:none;align-items:center;justify-content:center;width:24px;height:24px;overflow:hidden;border-radius:var(--radius-full);background:var(--c-ink);color:var(--c-on-accent);font-family:var(--font-title);font-size:var(--fs-12)}.mb-setup-logo img{width:14px;height:14px;object-fit:contain}.mb-setup-text{display:flex;flex:1;min-width:0;flex-direction:column}.mb-setup-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-14);line-height:18.2px}.mb-setup-url{overflow:hidden;font-size:var(--fs-12);line-height:19.2px;color:var(--c-accent);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.mb-setup-del{display:flex;padding:0;border:0;background:none;color:var(--c-ink);cursor:pointer}.mb-focus.is-setup{z-index:2}.mb-focus.is-setup .mb-stage{position:relative;padding-bottom:calc(var(--space-24) * 2 + 60px);background:var(--c-surface)}.ps-page:has(.mb-focus.is-setup) .ps-foot{position:relative;z-index:3;margin-right:483px;padding-left:var(--space-24);padding-right:var(--space-24);background:var(--c-surface)}.mb-focus.is-setup .mb-stage-bar{justify-content:space-between;gap:var(--space-8);padding:var(--space-12);border-bottom:1px solid var(--c-border);background:var(--c-surface)}.mb-round{display:flex;flex:none;align-items:center;justify-content:center;width:37px;height:37px;padding:0;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-ink);cursor:pointer}.mb-round.is-blank{visibility:hidden}.mb-round:hover:not(:disabled){background:var(--c-bg)}.mb-seg{display:flex;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--c-fill)}.mb-seg button{display:flex;align-items:center;justify-content:center;gap:var(--space-8);width:116px;height:29px;border:0;border-radius:var(--radius-tab);background:transparent;color:var(--c-ink);font:inherit;font-size:var(--fs-14);cursor:pointer}.mb-seg button.is-on{background:var(--c-surface);box-shadow:0 0 2px color-mix(in srgb,var(--c-ink) 12%,transparent)}.mb-focus.is-setup .mb-stage-scroll{padding:var(--space-12) var(--space-12) 0;background:var(--c-surface)}.mb-side.is-setup{width:483px;max-width:40vw;padding:0;gap:0;border-left:1px solid var(--c-border);background:var(--c-surface)}.mb-side.is-setup .mb-side-sec{gap:var(--space-8);padding:var(--space-16);border-bottom:1px solid var(--c-border)}.mb-side.is-setup .mb-side-sec.is-title{flex-direction:row;padding:var(--space-12) var(--space-16)}.mb-side-title{font-size:var(--fs-14);line-height:18px;color:var(--c-ink)}.ps-ob .ui-textarea.mb-like{min-height:91px;padding:var(--space-10) var(--space-16);resize:none;font-size:var(--fs-14)}.mb-side-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);width:100%}.mb-side-label{display:flex;align-items:center;gap:var(--space-12);font-size:var(--fs-14);color:var(--c-ink)}.mb-side-label .ui-icon{color:var(--c-accent)}.mb-side-label b{font-weight:var(--fw-regular);color:var(--c-accent)}.btn.mb-analyze{height:33px;padding:0 var(--space-16);font-size:var(--fs-14)}.mb-comments-toggle{padding:0;border:0;background:none;font:inherit;cursor:pointer}.mb-comments-toggle .mb-side-label .ui-icon{color:var(--c-ink)}.mb-side.is-setup .mb-side-sec.is-grow{flex:1;min-height:0;overflow-y:auto;border-bottom:0}.mb-side-foot.is-setup{display:flex;align-items:center;justify-content:space-between;padding:var(--space-16);border-top:1px solid var(--c-border)}.ps-ob .btn.mb-done{height:33px;padding:0 var(--space-16);border-color:var(--c-kind-slides);background:var(--c-kind-slides);font-size:var(--fs-14)}.ps-ob .btn.mb-done:hover:not(:disabled){border-color:color-mix(in srgb,var(--c-kind-slides) 88%,var(--c-ink));background:color-mix(in srgb,var(--c-kind-slides) 88%,var(--c-ink))}.mb-delete-link{display:flex;align-items:center;gap:var(--space-12);padding:0;border:0;background:none;color:var(--c-danger);font:inherit;font-size:var(--fs-14);cursor:pointer}.ps-apps{display:flex;flex-direction:column;gap:var(--space-24);padding:var(--space-24) 0}.ps-apps-group{display:flex;flex-direction:column;gap:var(--space-12)}.ps-apps-group>.ps-label{margin:0;font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-14);line-height:18.2px}.ps-ob .conn-row{flex-wrap:wrap;gap:var(--space-8);min-height:66px;padding:var(--space-12) var(--space-16);border:1px solid var(--c-border);border-radius:12px;background:var(--c-surface)}.ps-ob .conn-row:last-child{border-bottom:1px solid var(--c-border)}.ps-ob .conn-logo{width:32px;height:32px;border:1.5px solid var(--c-surface)}.ps-ob .conn-logo img{width:16px;height:16px}.ps-ob .conn-text{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--space-4)}.ps-ob .conn-name{margin:0;font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-16);line-height:20.8px}.ps-ob .conn-desc{margin:0;font-size:var(--fs-12);line-height:14.5px}.conn-split{position:relative;gap:0}.ps-ob .conn-split>.btn{height:37px;padding:0 var(--space-12);font-size:var(--fs-14)}.conn-split>.btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.conn-split>.btn.btn-icon{width:37px;margin-left:-1px;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.conn-menu{position:absolute;z-index:50;top:calc(100% + var(--space-4));right:0;display:flex;flex-direction:column;width:324px;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-card)}.conn-menu-title{padding:var(--space-12) var(--space-12) 0;font-size:var(--fs-14);color:var(--c-ink)}.conn-account{display:flex;align-items:center;gap:var(--space-8);margin:var(--space-12);padding:var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font:inherit;text-align:left;cursor:pointer}.conn-account:hover{background:var(--c-bg)}.conn-account-text{display:flex;min-width:0;flex-direction:column;gap:var(--space-2);font-family:var(--font-title);font-size:var(--fs-14);color:var(--c-ink)}.conn-account-mail{overflow:hidden;font-size:var(--fs-12);color:var(--c-accent);text-overflow:ellipsis;white-space:nowrap}.conn-menu-none{padding:var(--space-12);font-size:var(--fs-14);color:var(--c-slate)}.conn-menu .btn.conn-new{gap:var(--space-10);height:37px;margin:0 var(--space-12) var(--space-12);border-radius:var(--radius-md);font-size:var(--fs-14)}.ps-connected{display:flex;align-items:center;gap:var(--space-6);font-size:var(--fs-14);color:var(--c-success)}.ps-ob .conn-form{flex-basis:100%}.ps-page:has(.ps-content) .ps-foot.is-narrow{padding-left:max(var(--space-24),calc((100% - 876px)/2));padding-right:max(var(--space-24),calc((100% - 876px)/2))}.side-setup-arrow{transform:rotate(-90deg)}.ps-content.is-develop,.ps-content.is-versions{gap:0;padding:var(--space-24) max(var(--space-24),calc((100% - 876px)/2))}.ps-more{display:flex;flex-direction:column;gap:var(--space-16)}.ps-more .conn-list,.ps-more .pages{padding:0}.ps-steps-line{height:1px;margin:var(--space-8) 0;background:var(--c-fill)}.ps-step-skipped{flex:none;padding:var(--space-2) var(--space-6);border-radius:var(--radius-tab);background:var(--c-fill);font-size:var(--fs-12);line-height:normal;color:var(--c-slate)}.ps-ob .btn.ps-back.btn-icon.btn-lg{width:37px;height:37px;padding:0;border-radius:var(--radius-full)}.ps-more .dvp-switch-row{justify-content:space-between}.ps-more .sidebar-section{display:none}.ps-more .version-input,.ps-more .version-add .btn{height:37px;font-size:var(--fs-14)}.ps-more .version-add .btn{padding:0 var(--space-20)}.ps-head-left{display:flex;min-width:0;align-items:center;gap:var(--space-16)}.btn.dsp-ai-link,.btn.dsp-ai-link:hover:not(:disabled){gap:var(--space-4);height:auto;padding:0;border:0;background:none;font-size:inherit;color:var(--c-accent);text-decoration:underline;text-underline-offset:2px}.ps-head-left{align-items:flex-start}.ps-ob .dsp-empty-title{font-family:var(--font-title);font-size:var(--fs-18);line-height:36.5px}.ps-ob .dsp-empty-sub{margin-top:var(--space-8);font-size:var(--fs-14);line-height:22.4px}.ps-ob .dsp-fx-grid{grid-template-columns:repeat(4,160px);gap:var(--space-16)}.ps-ob .dsp-fx-name,.ps-ob .dsp-seg-btn,.ps-ob .dsp-effect-value,.ps-ob .dsp-sample-meta{font-size:var(--fs-14)}.ps-ob .dsp-type-label{font-size:var(--fs-12)}.ps-ob .dsp-seg{height:37px;border-radius:var(--radius-md)}.ps-ob .dsp-seg-btn{border-radius:var(--radius-tab)}.ps-ob .dsp-empty-state .btn:not(.dsp-ai-link):not(.btn-icon){height:37px;padding:0 var(--space-20);font-size:var(--fs-14)}.ps-ob .dsp-empty-state .ui-input{height:37px;font-size:var(--fs-14)}.ps-ob .dsp-empty-actions{width:360px}.ps-ob .dsp-measure .ui-input,.ps-ob .dsp-measure input{font-size:var(--fs-14)}.ps-ob .dsp-container-field .field{height:37px}.ps-ob .dsp-container-field input,.ps-ob .dsp-container-field .field-suffix{font-size:var(--fs-14)}.ps-ob .dsp-row>.dsp-cell:last-child,.ps-ob .dsp-row>.dsp-devices .dsp-cell:last-child{border-right:0}.ps-ob .ui-input:focus,.ps-ob .ui-input:focus-within,.ps-ob .ui-textarea:focus{border-color:var(--c-ink)}.ps-scroll,.ps-ob .dsp-body{scrollbar-width:none}.ps-scroll::-webkit-scrollbar,.ps-ob .dsp-body::-webkit-scrollbar{display:none}.ps-select-field .hv-caret{width:11px;height:11px}.ps-sec.is-website{padding-bottom:0}.ps-website{display:flex;gap:var(--space-24)}.ui-input.ps-website-field{flex:1;height:37px;padding:0 var(--space-12);font-size:var(--fs-14)}.ui-input-box.ps-website-field>svg{color:var(--c-ink)}.ps-website .btn-lg{padding:0 var(--space-16)}.ps-logo{padding:var(--space-16)}.ps-logo img{max-height:100%}.btn.is-generating{background-image:linear-gradient(90deg,transparent 0%,color-mix(in srgb,currentColor 18%,transparent) 50%,transparent 100%);background-size:200% 100%;animation:ps-shimmer 1.4s linear infinite}.btn.is-generating .ui-icon{animation:ps-pulse 1.4s ease-in-out infinite}@keyframes ps-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@keyframes ps-pulse{50%{opacity:.35}}.ps-logo.is-dark{background:var(--c-ink)}.ps-content.is-reading .ui-input,.ps-content.is-reading .ps-select-field,.ps-content.is-reading .ui-textarea,.ps-content.is-reading .ps-logo-box,.ps-content.is-reading .ps-logo,.ps-content.is-reading .ps-choice{position:relative;overflow:hidden;color:var(--c-slate)}.ps-content.is-reading .ui-input:after,.ps-content.is-reading .ps-select-field:after,.ps-content.is-reading .ps-logo-box:after,.ps-content.is-reading .ps-logo:after,.ps-content.is-reading .ps-choice:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--c-ink) 7%,transparent) 50%,transparent 100%);background-size:200% 100%;animation:ps-shimmer 1.4s linear infinite;pointer-events:none}.ps-content.is-reading .ui-textarea,.ps-content.is-reading input.ui-input{background-image:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--c-ink) 7%,transparent) 50%,transparent 100%);background-size:200% 100%;animation:ps-shimmer 1.4s linear infinite}.ps-content.is-reading .ps-website .ui-input:after{display:none}.ps-logo-item{display:flex;min-width:0;flex-direction:column;gap:var(--space-8)}.ps-logo-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);min-height:24px}.ps-logo-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-title);font-weight:var(--fw-medium);font-size:var(--fs-14);line-height:18.2px}.ps-logo-head .ps-logo-tools{align-items:center;gap:var(--space-8);position:static;flex-shrink:0;opacity:1}.chat-learned{display:inline-flex;align-self:flex-start;align-items:center;gap:var(--space-6);max-width:100%;padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);background:var(--c-accent-soft);color:var(--c-accent-deep);font-size:var(--fs-12)}.chat-learned-text{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-learned.is-undone{background:var(--c-hover);color:var(--c-muted)}.chat-learned-undo{flex-shrink:0;padding:0;border:0;background:none;color:var(--c-accent);font:inherit;font-weight:var(--fw-medium);cursor:pointer}.chat-learned-undo:hover{color:var(--c-accent-hover)}.aim{display:flex;flex-direction:column;gap:var(--space-8)}.aim-row{display:flex;align-items:center;gap:var(--space-8)}.aim-row .aim-note{flex:1 1 auto;min-width:0}.aim-row .aim-scope{flex:0 0 auto;width:140px}.aim-empty{margin:0;color:var(--c-muted);font-size:var(--fs-14)}.agent-why .agent-why-input{width:240px}.bw-logo-tile.is-transparent{background-color:var(--c-surface);background-image:linear-gradient(45deg,var(--c-hover) 25%,transparent 25%),linear-gradient(-45deg,var(--c-hover) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--c-hover) 75%),linear-gradient(-45deg,transparent 75%,var(--c-hover) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.bw-actions{display:inline-flex;align-items:center;gap:var(--space-12)}.le-modal{width:min(560px,calc(100vw - 32px))}.le-previews{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.le-previews .bw-logo-tile{min-height:110px}.le-section{display:flex;flex-direction:column;gap:var(--space-8);margin-top:var(--space-16)}.le-label{margin:0;font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--c-muted)}.le-colors{display:flex;flex-wrap:wrap;gap:var(--space-8)}.le-color{display:inline-flex;align-self:flex-start;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-8) var(--space-4) var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius-sm);font-size:var(--fs-12);cursor:pointer}.le-color input[type=color]{width:24px;height:24px;padding:0;border:0;border-radius:var(--radius-sm);background:none;cursor:pointer}.le-ask{display:flex;gap:var(--space-8);margin-top:var(--space-16)}.le-ask .ui-input{flex:1 1 auto;min-width:0}.le-foot{display:flex;justify-content:flex-end;margin-top:var(--space-16)}.ps-font-note{display:flex;align-items:flex-start;gap:var(--space-4);margin:0;color:var(--c-warning);font-size:var(--fs-12);line-height:1.4}.ps-font-note .ui-icon,.ps-font-note svg{flex:none;margin-top:2px}.bw-logo-tile.is-open{cursor:pointer}.bw-logo-tile.is-open:hover{box-shadow:inset 0 0 0 9999px color-mix(in srgb,var(--c-ink) 4%,transparent)}.bw-logo-dots{position:absolute;right:var(--space-8);bottom:var(--space-8);display:inline-flex;gap:var(--space-4)}.bw-logo-dot{position:relative;width:18px;height:18px;border-radius:50%;box-shadow:0 0 0 1px color-mix(in srgb,var(--c-ink) 18%,transparent),0 0 0 2px color-mix(in srgb,var(--c-surface) 70%,transparent);cursor:pointer}.bw-logo-dot input{position:absolute;inset:0;opacity:0;cursor:pointer}.ps-logo-row,.bw-logo-row{display:flex;flex-direction:column;gap:var(--space-8)}.ps-logo-row+.ps-logo-row,.bw-logo-row+.bw-logo-row{margin-top:var(--space-16)}.ps-logo-row-title,.bw-logo-row-title{margin:0;font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--c-muted)}.ps-logo.is-transparent{background-color:var(--c-surface);background-image:linear-gradient(45deg,var(--c-hover) 25%,transparent 25%),linear-gradient(-45deg,var(--c-hover) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--c-hover) 75%),linear-gradient(-45deg,transparent 75%,var(--c-hover) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.ps-logo img{max-width:86%;max-height:86%;object-fit:contain}.bw-logo-pic{display:block;max-width:86%;object-fit:contain}.ps-steps-wrap{position:relative;display:flex;flex:none;max-width:32vw;min-height:0}.ps-steps-wrap>.ps-steps{flex:1;width:auto}.ps-steps-wrap>.panel-resizer-right{top:0;bottom:0;right:-4px}.ps-steps-wrap:has(>.panel-resizer:is(:hover,.is-dragging))>.ps-steps{border-right-color:var(--c-ink)}.ps-rail.is-open{position:relative;max-width:45vw}.ps-rail>.panel-resizer-left{inset:0 auto 0 -4px}.ps-rail:has(>.panel-resizer:is(:hover,.is-dragging)){border-left-color:var(--c-ink)}.ps-ob .ps-head{flex-wrap:wrap;row-gap:var(--space-12)}.ps-ob .ps-head .ps-head-left{flex:1 1 auto;min-width:min(100%,320px)}.ps-ob .ps-head .ps-head-tools{flex:0 1 auto;margin-left:auto}.hv-trash .hv-lhead,.hv-trash .hv-lrow{grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) minmax(0,.8fr) minmax(0,.6fr) auto}.hv-trash .hv-lrow{cursor:default}.hv-lcell.is-end{gap:var(--space-8);justify-content:flex-end}.seg-group.bw-seg{flex:none;align-self:flex-start}.seg-group.bw-seg .seg-tab{flex:none;min-width:64px}.bw-logo-tile.is-transparent.is-dark,.ps-logo.is-transparent.is-dark{background-color:var(--c-ink);background-image:linear-gradient(45deg,var(--c-dark-line) 25%,transparent 25%),linear-gradient(-45deg,var(--c-dark-line) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--c-dark-line) 75%),linear-gradient(-45deg,transparent 75%,var(--c-dark-line) 75%)}.bp-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.bp-card-head .bp-card-title{margin:0}.bp-type .bp-setup-edit{margin-left:auto;align-self:center}.ps-logo,.bw-logo-tile{position:relative}.logo-approve{position:absolute;top:var(--space-8);right:var(--space-8);display:flex;align-items:center;gap:var(--space-6);height:28px;padding:0 var(--space-10);border:0;border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-ink);font-size:var(--fs-12);font-weight:var(--fw-medium);white-space:nowrap;box-shadow:var(--shadow-card);cursor:pointer;opacity:0;z-index:1}.ps-logo:hover .logo-approve,.bw-logo-tile:hover .logo-approve,.logo-approve:focus-visible,.logo-approve.is-on{opacity:1}.logo-approve-box{display:inline-flex;align-items:center;justify-content:center;flex:none;width:14px;height:14px;border:1.5px solid var(--c-slate);border-radius:4px;color:var(--c-surface)}.logo-approve.is-on .logo-approve-box{border-color:var(--c-accent);background:var(--c-accent)}.logo-approve.is-below{position:static;align-self:flex-start;opacity:1;box-shadow:none;border:1px solid var(--c-border)}.bw-icon-grid{gap:var(--space-16)}.bw-group:has(.bw-icon-grid),.bw-group:has(.bw-choice-row),.bw-group:has(.bw-upload){gap:var(--space-16)}.cp-media-actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}.ps-menu-install{color:var(--c-ink)}.ps-menu-group,.font-group{margin:var(--space-8) 0 var(--space-4);padding:0 var(--space-8);color:var(--c-slate);font-size:var(--fs-12)}.bw-icon-grid .bw-own-icon{overflow:visible}.bw-own-icon .btn.bw-img-del{top:-6px;right:-6px;width:18px;height:18px;min-width:0;padding:0;border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-ink);box-shadow:var(--shadow-card);opacity:0;z-index:1}.bw-own-icon:hover .btn.bw-img-del{opacity:1}.bw-own-icon .btn.bw-img-del:hover:not(:disabled){background:var(--c-surface)}.bp-cover>.bw-board-view{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.dsp-fx-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.dsp-fx-kind{min-width:96px;color:var(--c-ink)}.dsp-fx-pill em{margin-right:var(--space-4);color:var(--c-slate);font-style:normal}.dsp-fx-pill em:last-child{margin:0 0 0 var(--space-4)}.dsp-fx-swatch{width:10px;height:10px;border-radius:var(--radius-full);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-ink) 12%,transparent)}.ui-input:focus,.ui-input:focus-within,.field-box:focus-within,.cp-input:focus-within,input.text-input:focus,textarea:focus{border-color:var(--c-ink)}.field-row.has-lock{align-items:flex-end}.field-row.has-lock .size-lock{flex:none;margin-bottom:var(--space-4);color:var(--c-slate)}.field-row.has-lock .size-lock.is-on{color:var(--c-ink)}.seg-group.logo-zoom{flex:none}.seg-group.logo-zoom .seg-tab{flex:none;min-width:40px}.bw-logo-tile .bw-logo-pic{flex:none}.ps-logo-zoom{display:flex;align-items:center;justify-content:space-between}.bw-logo-tile.is-zoomed .bw-logo-pic{max-width:none}.bw-img-cell.is-open{cursor:zoom-in}.bw-lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-32);background:color-mix(in srgb,var(--c-ink) 60%,transparent)}.bw-lightbox-card{display:flex;width:min(1200px,100%);height:min(760px,100%);overflow:hidden;border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-card)}.bw-lightbox-stage{position:relative;display:flex;flex:1;min-width:0;align-items:center;justify-content:center;padding:var(--space-24);background:var(--c-bg)}.bw-lightbox-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md)}.bw-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%)}.bw-lightbox-nav.is-prev{left:var(--space-16)}.bw-lightbox-nav.is-next{right:var(--space-16)}.bw-lightbox-info{display:flex;flex:none;width:300px;flex-direction:column;gap:var(--space-16);padding:var(--space-24);border-left:1px solid var(--c-border)}.bw-lightbox-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-8)}.bw-lightbox-head .bw-group-title{overflow-wrap:anywhere}.bw-lightbox-facts{display:grid;grid-template-columns:auto 1fr;gap:var(--space-8) var(--space-16);margin:0;font-size:var(--fs-14)}.bw-lightbox-facts dt{color:var(--c-slate)}.bw-lightbox-facts dd{margin:0;color:var(--c-ink)}.bw-lightbox-actions{display:flex;gap:var(--space-8);margin-top:auto}.bw-img-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-16)}.bw-lightbox-info{gap:0;padding:0}.bw-lightbox-head{align-items:center;padding:var(--space-16) var(--space-16) var(--space-16) var(--space-24);border-bottom:1px solid var(--c-border)}.bw-lightbox-facts{gap:0;padding:var(--space-8) var(--space-24)}.bw-lightbox-facts dt,.bw-lightbox-facts dd{padding:var(--space-12) 0;border-bottom:1px solid var(--c-border)}.bw-lightbox-facts dd{text-align:right}.bw-lightbox-facts dt:nth-last-of-type(1),.bw-lightbox-facts dd:nth-last-of-type(1){border-bottom:0}.bw-lightbox-actions{padding:var(--space-16) var(--space-24);border-top:1px solid var(--c-border)}.bw-lightbox-actions .btn{flex:1}.chat-view-picker .dropdown-trigger,.chat-view-picker .dropdown-trigger:hover,.chat-view-picker .dropdown-trigger:focus-visible{padding-left:0;border-color:transparent;background:none;box-shadow:none}.mb-link-row{display:flex;gap:var(--space-8)}.mb-link-row .ui-input-box,.mb-link-row>.ui-input{flex:1;min-width:0}.mb-link-add{flex:none;margin-right:-12px}:root:root .mb-link-add.btn{height:28px;min-height:28px}.build-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c-ink) 55%,transparent)}.build-card{display:flex;width:min(520px,calc(100% - 32px));flex-direction:column;align-items:center;gap:var(--space-24);padding:var(--space-48) var(--space-40) var(--space-32);border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-card)}.build-title{margin:0;font-family:var(--font-title);font-size:var(--fs-18);font-weight:var(--fw-medium);text-align:center}.build-bar{width:100%;height:6px;overflow:hidden;border-radius:var(--radius-md);background:var(--c-fill)}.build-bar span{display:block;height:100%;border-radius:var(--radius-md);background:var(--c-accent);transition:width .4s ease}.build-steps{display:flex;width:100%;flex-direction:column;gap:var(--space-14);margin:var(--space-4) 0 var(--space-8);padding:0;list-style:none;font-size:var(--fs-14)}.build-step{display:flex;align-items:center;gap:var(--space-10);color:var(--c-slate)}.build-step.is-work,.build-step.is-done{color:var(--c-ink)}.build-step-icon{display:flex;flex:none;width:18px;height:18px;align-items:center;justify-content:center;border:1px solid var(--c-border);border-radius:var(--radius-full)}.build-step.is-done .build-step-icon{border-color:var(--c-success);background:var(--c-success);color:var(--c-surface)}.build-spin{width:12px;height:12px;border:2px solid var(--c-border);border-top-color:var(--c-accent);border-radius:var(--radius-full);animation:build-spin .8s linear infinite}@keyframes build-spin{to{transform:rotate(360deg)}}.build-pill{position:fixed;left:50%;bottom:var(--space-16);transform:translate(-50%);z-index:1200;display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border:0;border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-card);color:var(--c-ink);font-size:var(--fs-14);cursor:pointer}.chat-picker{position:relative;min-width:0}.chat-picker-field{display:flex;max-width:100%;align-items:center;gap:var(--space-6);padding:var(--space-4) 0;border:0;background:none;color:var(--c-ink);font-size:var(--fs-14);cursor:pointer}.chat-picker-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-picker-menu{position:absolute;top:calc(100% + var(--space-4));left:0;z-index:30;display:flex;width:300px;max-height:360px;flex-direction:column;gap:var(--space-2);overflow-y:auto;padding:var(--space-4);border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-card)}.chat-picker-item{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8);border-radius:var(--radius-md);font-size:var(--fs-14);cursor:pointer}.chat-picker-item:hover{background:var(--c-hover)}.chat-picker-check{display:flex;flex:none;width:12px}.chat-picker-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-picker-item.is-on .chat-picker-name{font-weight:var(--fw-medium)}.chat-picker-time{flex:none;color:var(--c-slate);font-size:var(--fs-12)}.chat-picker-del{display:flex;flex:none;padding:var(--space-2);border:0;border-radius:var(--radius-md);background:none;color:var(--c-slate);cursor:pointer;opacity:0}.chat-picker-item:hover .chat-picker-del{opacity:1}.chat-picker-del:hover{color:var(--c-danger)}:root:root .btn,:root:root :is(.mdl-pill,.chat-picker-field){height:var(--btn-h-md);min-height:var(--btn-h-md)}:root:root .btn:not(.btn-icon):is(.btn-sm,.btn-lg){padding:0 var(--btn-px-md)}:root:root .btn.btn-icon{width:var(--btn-h-md);min-width:var(--btn-h-md);padding:0}:root:root :is(.chat-start-pill,.mdl-pill){font-size:var(--fs-12)}.chatbox .tb-input,.chatbox .chatbox-mirror{font-size:var(--fs-14);line-height:20px}.props-only-title,.ps-rail-title{display:inline-flex;align-items:center;gap:var(--space-8)}:root:root .tb-mode,:root:root .zoom-control>button:not(.btn){width:var(--btn-h-md);height:var(--btn-h-md);min-width:var(--btn-h-md)}.bw-tpl-set-head .bw-actions{margin-left:auto}.bw-tpl-set-head .bw-actions .bw-tpl-new{margin-left:0}:root:root .bw-btn{height:var(--btn-h-md);padding:0 var(--btn-px-md);border-radius:var(--radius-md);line-height:1}:root:root .logo-approve{height:var(--btn-h-md);padding:0 var(--btn-px-md)}:root:root .hv-kind-pick,:root:root .ui-input.hv-recent-search,:root:root .hv-view{height:var(--btn-h-md)}:root:root .hv-view button{width:24px;height:24px}.hv .hv-faces .hv-face{font-size:var(--fs-12)}:root:root .hv-caret{width:10px;height:10px}:root:root .layout-mode svg,:root:root .box-side .tk-icon svg{width:14px;height:14px}.btn.btn-primary .ui-icon{stroke-width:2}:root:root .btn.btn-primary.bw-ai-icon.btn-icon{border-color:transparent;background:color-mix(in srgb,var(--c-accent) 7%,var(--c-surface));color:var(--c-accent)}:root:root .btn.btn-primary.bw-ai-icon.btn-icon:hover:not(:disabled){background:color-mix(in srgb,var(--c-accent) 12%,var(--c-surface))}:root:root .dlg{text-align:center}:root:root .dlg-actions{justify-content:center}:root:root .dlg .dlg-input{text-align:left}:root:root .ps-rail-open{background:color-mix(in srgb,var(--c-accent) 7%,var(--c-surface));color:var(--c-accent)}:root:root .ps-rail-open:hover{background:color-mix(in srgb,var(--c-accent) 12%,var(--c-surface))}.props-only-title>svg,.ps-rail-title>svg{color:var(--c-accent)}:is(.props-only-title,.ps-rail-title,.ps-rail-open)>svg{overflow:visible}:is(.props-only-title,.ps-rail-title,.ps-rail-open)>svg path{transform-box:fill-box;transform-origin:center}:is(.props-only-title,.ps-rail-title,.ps-rail-open)>svg path:nth-child(3){animation:ai-breathe 2.4s ease-in-out infinite}:is(.props-only-title,.ps-rail-title,.ps-rail-open)>svg path:nth-child(1){animation:ai-twinkle 2.4s ease-in-out infinite}:is(.props-only-title,.ps-rail-title,.ps-rail-open)>svg path:nth-child(2){animation:ai-twinkle 2.4s ease-in-out 1.2s infinite}@media(prefers-reduced-motion:reduce){:is(.props-only-title,.ps-rail-title,.ps-rail-open)>svg path{animation:none!important}}.chat-picker-field:focus,.chat-picker-field:focus-visible{outline:none}:root:root .bp-avatar{flex:none;min-width:112px}.chat-picker-menu:not(.has-on) .chat-picker-check{display:none}:root:root .chat-picker-check{width:14px}:root:root .chat-picker-del{width:0;margin-left:calc(-1 * var(--space-8));padding:0;overflow:hidden;justify-content:center;transition:width .18s ease,margin-left .18s ease,opacity .18s ease}:root:root .chat-picker-item:hover .chat-picker-del{width:20px;margin-left:0}@media(prefers-reduced-motion:reduce){:root:root .chat-picker-del{transition:none}}.chatbox-ph{position:absolute;z-index:1;overflow:hidden;height:20px;color:var(--c-ink);pointer-events:none;white-space:nowrap;text-overflow:ellipsis}.chatbox-ph-line{display:block;overflow:hidden;text-overflow:ellipsis;animation:chatbox-ph-in .45s cubic-bezier(.2,.7,.2,1) both}@keyframes chatbox-ph-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.chatbox-ph-line{animation:none}}:root:root :is(.field-label,.ps-label,.bw-label,.hv-field-label,.co-label,.le-label){font-size:13px;font-weight:var(--fw-medium);color:var(--c-ink)}:root:root .bw-filter-btn{font-size:var(--fs-14)}.bw-book-meta{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--space-6)}.bw-book-meta .bw-tpl-name{max-width:100%}:root:root :is(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]),textarea,select,.ui-input),:root:root :is(input,textarea)::placeholder{font-size:var(--fs-14)}:root:root :is(.ui-badge,.bw-view-pill,.bp-tag){display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-md);background:transparent;font-size:var(--fs-12);font-weight:var(--fw-regular);line-height:normal}:root:root :is(.ui-badge-neutral,.bw-view-pill){color:var(--c-ink)}:root:root .ui-badge .ui-icon{width:12px;height:12px}:root:root .hv-page.is-all{padding:var(--space-16) var(--space-24)}.hv-all-title{margin:var(--space-8) 0 var(--space-16)}.hv-all-bar{margin-bottom:var(--space-16)}:root:root .hv-trash .hv-lhead,:root:root .hv-trash .hv-lrow{grid-template-columns:20px minmax(0,1.6fr) minmax(0,.8fr) minmax(0,.8fr) minmax(0,.6fr) 300px}:root:root .hv-ldate{font-size:var(--fs-14);line-height:20px}.hv-lcheck{display:flex;align-items:center}.hv-lcheck input{width:16px;height:16px;margin:0;accent-color:var(--c-accent);cursor:pointer}.hv-lrow.is-picked{background:color-mix(in srgb,var(--c-accent) 4%,var(--c-surface))}.hv-bulk{display:flex;align-items:center;gap:var(--space-8);margin-bottom:var(--space-16)}.hv-bulk-count{margin-right:auto;font-size:var(--fs-14);font-weight:var(--fw-medium)}:root:root :is(.hv-page.is-members,.hv-page.is-usage,.hv-page.is-billing,.hv-page.is-profile){padding:var(--space-16) var(--space-24)}:root:root .hv-account{max-width:1100px;gap:var(--space-16)}:root:root .acct-card-title{font-family:var(--font-title);font-size:var(--fs-16);font-weight:var(--fw-medium)}:root:root :is(.acct-row,.acct-row-main,.acct-k,.acct-v,.acct-choice){font-size:var(--fs-14)}:root:root :is(.acct-muted,.acct-seats,.acct-role){font-size:var(--fs-12)}:root:root .acct-card{gap:var(--space-12)}:root:root .plan-price{flex-direction:column;align-items:flex-start;gap:var(--space-4)}:root:root .plan-per{padding-bottom:0}:root:root .acct-select{min-width:112px;height:var(--btn-h-md)}:root:root .acct-invite :is(.ui-input,input,select){height:var(--btn-h-md)}:root:root :is(input[type=radio],input[type=checkbox]){accent-color:var(--c-accent)}:root:root .acct-row .acct-muted{font-size:var(--fs-14)}:root:root .hv-account{width:100%;margin-left:auto;margin-right:auto}:root:root .hv-account .acct-card:not(.acct-card .acct-card){border-radius:16px}:root:root .home.hv{background:var(--c-bg)}:root:root .bw-page,:root:root .bw-page .bw-body{background:var(--c-bg)}:root:root :is(.ui-input.hv-recent-search,.hv-kind-pick){border:1px solid var(--c-border);background:transparent}:root:root .ui-input.hv-recent-search input{background:transparent}:root:root :is(.ui-input.hv-recent-search,.hv-kind-pick){border-color:#e0e0e0}:root:root .dsp.bw.bw-page,:root:root .bp-card{border-radius:16px}:root:root :is(.bp-post,.bw-tpl-thumb){border-radius:16px;overflow:hidden}:root:root .dsp.bw.bw-page,:root:root .bp-card{box-shadow:none}:root:root .bp-head>.bp-avatar{align-self:flex-start}:root:root .bp-cover,:root:root .bp-cover>.bw-board-view,:root:root .bp-avatar{border-radius:16px}:root:root .bp-cover{box-sizing:border-box;border:1px solid var(--c-border)}:root:root .bp-avatar{background:var(--c-surface)}:root:root .bp-avatar :is(.bw-board-view,.bw-tpl-img,.bw-tpl-wait,img){border-radius:12px}:root:root .bw-page>.bw-body{border:0}:root:root .dsp.bw.bw-page{overflow:hidden}.acct-fold{display:flex;align-items:center;gap:var(--space-8);width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.acct-fold .acct-card-title{flex:none}.acct-fold-arrow{margin-left:auto;transition:transform .18s ease}.acct-fold-arrow.is-open{transform:rotate(180deg)}.acct-scroll{max-height:360px;overflow-y:auto;margin-right:calc(-1 * var(--space-8));padding-right:var(--space-8)}.acct-kind-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);background:var(--c-fill);color:var(--c-ink)}:root:root .acct-kind-icon{width:20px;background:none}.acct-fold-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--btn-h-md);height:var(--btn-h-md);margin-left:auto;border-radius:var(--radius-md)}.acct-fold-btn .ui-icon{transition:transform .18s ease}.acct-fold-btn.is-open .ui-icon{transform:rotate(180deg)}.acct-fold:hover .acct-fold-btn{background:var(--c-hover)}.acct-fold-head .acct-fold{flex:1;width:auto}:root:root .acct-fold-btn{margin-left:0;padding:0;border:0;background:none;color:inherit;cursor:pointer}:root:root .acct-fold-btn:hover{background:var(--c-hover)}:root:root .acct-range{min-width:140px}.hv-kind{position:relative;overflow:hidden}.hv-kind .ka{flex:none;width:140px;height:64px;margin:calc(-1 * var(--space-4)) 0 calc(-1 * var(--space-4)) auto;align-self:center;opacity:.9}.ka-type{transform-box:fill-box;transform-origin:left center;animation:ka-type 6s ease-in-out infinite}.ka-t2{animation-delay:.8s}.ka-t3{animation-delay:1.6s}@keyframes ka-type{0%{transform:scaleX(0)}30%,80%{transform:scaleX(1)}to{transform:scaleX(0)}}.ka-caret{animation:ka-blink 1.2s steps(1) infinite}@keyframes ka-blink{50%{opacity:0}}.ka-move{animation:ka-move 8s ease-in-out infinite}@keyframes ka-move{0%,to{transform:translate(0)}50%{transform:translate(-22px,6px)}}.ka-trail{stroke-dasharray:100;animation:ka-trail 7s ease-in-out infinite}@keyframes ka-trail{0%{stroke-dashoffset:100}80%{stroke-dashoffset:0}to{stroke-dashoffset:0;opacity:0}}.ka-spin{transform-box:fill-box;transform-origin:center;animation:ka-spin 10s ease-in-out infinite}@keyframes ka-spin{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(-8deg) scale(.94)}}.ka-sw{transform-box:fill-box;transform-origin:bottom;animation:ka-sw 6s ease-in-out infinite}.ka-s2{animation-delay:.6s}.ka-s3{animation-delay:1.2s}@keyframes ka-sw{0%,to{transform:scaleY(1)}50%{transform:scaleY(.7)}}.ka-slide{animation:ka-slide 9s ease-in-out infinite}.ka-sl2{animation-delay:.4s}.ka-sl3{animation-delay:.8s}@keyframes ka-slide{0%,to{transform:translate(0)}45%,55%{transform:translate(14px)}}@media(prefers-reduced-motion:reduce){.ka *{animation:none!important}}.ka-ball{animation:ka-ball 7s ease-in-out infinite}@keyframes ka-ball{0%,to{transform:translate(0)}25%{transform:translate(22px,-10px)}50%{transform:translate(44px)}75%{transform:translate(66px,-10px)}}.ka-head{animation:ka-head 7s ease-in-out infinite}@keyframes ka-head{0%,to{transform:translate(0)}50%{transform:translate(96px)}}:root:root .ka-sw{transform-origin:left center}@keyframes ka-sw{0%,to{transform:scaleX(1)}50%{transform:scaleX(.6)}}.ka-thumb{animation:ka-thumb 9s steps(1) infinite}.ka-th2{animation-delay:3s}.ka-th3{animation-delay:6s}@keyframes ka-thumb{0%,33%{stroke:currentColor}34%,to{stroke:var(--c-border)}}:root:root .ka-slide{animation:ka-swap 3s ease-in-out infinite}@keyframes ka-swap{0%,15%{opacity:0;transform:translate(6px)}30%,85%{opacity:1;transform:translate(0)}to{opacity:0}}.ka-cube-wrap{width:28px;height:28px;perspective:120px}.ka-cube{position:relative;width:16px;height:16px;margin:6px;transform-style:preserve-3d;animation:ka-cube 10s linear infinite}.ka-cube i{position:absolute;inset:0;border:1.5px solid var(--ka);border-radius:3px;background:color-mix(in srgb,var(--ka) 18%,white)}.ka-cube .f1{transform:translateZ(8px);background:var(--ka)}.ka-cube .f2{transform:rotateY(180deg) translateZ(8px)}.ka-cube .f3{transform:rotateY(90deg) translateZ(8px);background:color-mix(in srgb,var(--ka) 55%,white)}.ka-cube .f4{transform:rotateY(-90deg) translateZ(8px)}.ka-cube .f5{transform:rotateX(90deg) translateZ(8px);background:color-mix(in srgb,var(--ka) 35%,white)}.ka-cube .f6{transform:rotateX(-90deg) translateZ(8px)}@keyframes ka-cube{0%{transform:rotateX(-22deg) rotateY(0)}to{transform:rotateX(-22deg) rotateY(360deg)}}.ka-page{opacity:0;animation:ka-page 9s ease-in-out infinite}.ka-p2{animation-delay:3s}.ka-p3{animation-delay:6s}@keyframes ka-page{0%{opacity:0;transform:translate(4px)}4%,30%{opacity:1;transform:translate(0)}34%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.ka-cube{animation:none;transform:rotateX(-22deg) rotateY(35deg)}.ka-p1{opacity:1}}.hv-make .hv-kind{transition:box-shadow .18s ease,border-color .18s ease}:root:root .hv-make .hv-kind:hover{border-color:var(--c-accent);background:var(--c-surface);box-shadow:var(--shadow-card)}:root:root .hv-welcome{position:relative;overflow:hidden}.hv-welcome>:not(.hv-welcome-art){position:relative;z-index:1}.hv-welcome-art{position:absolute;left:30%;right:12%;bottom:0;width:58%;height:100%;pointer-events:none}.wa-cloud{animation:wa-drift 40s linear infinite alternate}.wa-c2{animation-duration:55s;animation-direction:alternate-reverse}@keyframes wa-drift{0%{transform:translate(-30px)}to{transform:translate(30px)}}@media(prefers-reduced-motion:reduce){.wa-cloud{animation:none}}.hv-welcome-art{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.hv-welcome-art svg{position:absolute;inset:0;width:100%;height:100%}:root:root .hv-welcome-title{font-size:24px}:root:root .hv-welcome-art{left:24%;right:0;width:auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.wa-birds{animation:wa-birds 26s linear infinite}@keyframes wa-birds{0%{transform:translate(-360px,10px);opacity:0}8%{opacity:1}50%{transform:translate(180px,-4px)}92%{opacity:1}to{transform:translate(720px,8px);opacity:0}}@media(prefers-reduced-motion:reduce){.wa-birds{animation:none}}.hv-welcome-art .wa-strip{position:absolute;left:0;bottom:0;display:flex;height:100%;width:max-content;animation:wa-pass linear infinite}.hv-welcome-art .wa-strip svg{position:static;flex:none;width:auto;height:100%;aspect-ratio:12 / 1}.wa-far{animation-duration:90s!important}.wa-mid{animation-duration:50s!important}.wa-near{animation-duration:24s!important}@keyframes wa-pass{0%{transform:translate(0)}to{transform:translate(-25%)}}:root:root .wa-birds{animation:wa-birds 40s linear infinite}@keyframes wa-birds{0%{transform:translate(-300px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(600px,-6px);opacity:0}}@media(prefers-reduced-motion:reduce){.hv-welcome-art .wa-strip{animation:none}}:root:root .hv-make>:is(.hv-make-new,.hv-make-ai){padding:64px}:root:root .hv-make-new{position:relative;overflow:hidden}.hv-make-new>:not(.hv-make-art){position:relative;z-index:1}.hv-make-art{position:absolute;inset:0;pointer-events:none}.ma-sky{position:absolute;inset:0;width:100%;height:100%}.ma-mountains{position:absolute;left:0;right:0;bottom:0;width:100%;height:34%}.hv-make-art .ma-strip{position:absolute;left:0;bottom:0;display:flex;height:30%;width:max-content;animation:wa-pass linear infinite}.hv-make-art .ma-strip svg{flex:none;height:100%;width:auto;aspect-ratio:6 / 1}.ma-far{animation-duration:110s!important}.ma-near{animation-duration:55s!important}.ma-cloud{animation:wa-drift 50s linear infinite alternate}.ma-c2{animation-duration:65s;animation-direction:alternate-reverse}.ma-birds{animation:ma-birds 45s linear infinite}@keyframes ma-birds{0%{transform:translate(-760px,10px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(300px,-10px);opacity:0}}@media(prefers-reduced-motion:reduce){.hv-make-art *{animation:none!important}}.hv-make .hv-kind{container-type:inline-size}@container (max-width: 400px){.hv-kind .ka{display:none}}.hv-make-art.is-photo{border-radius:inherit;overflow:hidden}.ma-defs{position:absolute}.ma-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 72%;-webkit-user-select:none;user-select:none}.ma-water{filter:url(#ma-water);-webkit-mask-image:radial-gradient(ellipse 34% 60% at 52% 100%,#000 45%,transparent 100%);mask-image:radial-gradient(ellipse 34% 60% at 52% 100%,#000 45%,transparent 100%)}.ma-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0a0c0e8c,#0a0c0e26 45%,#0a0c0e40)}.ma-grain{position:absolute;inset:-50%;width:200%;height:200%;opacity:.16;mix-blend-mode:overlay;animation:ma-grain .8s steps(4) infinite}@keyframes ma-grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}to{transform:translate(0)}}.hv-make-new:has(.hv-make-art.is-photo) .hv-title,.hv-make-new:has(.hv-make-art.is-photo) .hv-title .ui-icon{color:#fff}@media(prefers-reduced-motion:reduce){.ma-water{display:none}.ma-grain{animation:none}}:root:root .hv .chatbox.hv-ai .tb-input{font-size:var(--fs-16);line-height:24px}:root:root .hv .chatbox.hv-ai .chatbox-ph{height:24px}.own-pick{position:relative;display:inline-flex}.own-pick-btn{display:inline-flex;align-items:center;gap:var(--space-8);min-width:140px;height:var(--btn-h-md);padding:0 var(--space-12);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-ink);font:inherit;font-size:var(--fs-14);cursor:pointer}.own-pick-btn:hover{background:var(--c-hover)}.own-pick-label{flex:1;text-align:left;white-space:nowrap}.own-pick-btn .hv-caret{transition:transform .15s ease}.own-pick-btn.is-open .hv-caret{transform:rotate(180deg)}.own-pick-menu{position:absolute;z-index:40;top:calc(100% + var(--space-4));right:0;display:flex;min-width:100%;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-card)}.own-pick-item{display:flex;align-items:center;gap:var(--space-8);height:var(--btn-h-md);padding:0 var(--space-8);border:0;border-radius:var(--radius-md);background:none;color:var(--c-ink);font:inherit;font-size:var(--fs-14);white-space:nowrap;text-align:left;cursor:pointer}.own-pick-item:hover{background:var(--c-hover)}.own-pick-check{display:inline-flex;width:14px;flex:none}.chatbox-ph-line.is-typing{animation:none}.chatbox-ph-hl{font-weight:var(--fw-medium)}.chatbox-ph-caret{display:inline-block;width:1.5px;height:1.1em;margin-left:1px;vertical-align:-.18em;background:currentColor;animation:ka-blink 1s steps(1) infinite}:root:root .ruler,:root:root .ruler-label{font-size:10px}:root:root .ruler-guide-label{font-size:var(--fs-12)}:root:root .ruler-label{line-height:10px}:root:root .ruler-horizontal .ruler-tick,:root:root .ruler-vertical .ruler-tick{gap:3px}.bw-head-action{margin-left:auto}.bw-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-24)}.bw-ptile{display:flex;flex-direction:column;gap:var(--space-16);min-width:0;color:var(--c-ink);cursor:pointer;outline:none}.bw-ptile-pic{position:relative;height:200px;overflow:hidden;border:1px solid var(--c-border);border-radius:16px;background:var(--c-surface)}.bw-ptile-pic .bw-page-view{border-radius:0;box-shadow:none}.bw-ptile-info{display:flex;flex-direction:column;gap:var(--space-8)}.bw-ptile-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.bw-ptile-pills{display:flex;flex-wrap:nowrap;min-width:0;overflow:hidden;align-items:center;gap:var(--space-4)}.bw-ptile-pills .ui-badge{flex-shrink:0;white-space:nowrap;padding:var(--space-2) var(--space-6);border-radius:var(--radius-tab);font-size:var(--fs-12);line-height:14.5px}.bw-ptile-name{margin:0;overflow:hidden;font-size:var(--fs-16);line-height:20.8px;text-overflow:ellipsis;white-space:nowrap}.bw-pd{display:flex;flex-direction:column;width:min(1120px,94vw);height:min(780px,90vh);overflow:hidden;border:1px solid var(--c-border);border-radius:16px;background:var(--c-surface);box-shadow:var(--shadow-pop)}.bw-pd-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--c-border)}.bw-pd-meta,.bw-pd-actions,.bw-pd-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8)}.bw-pd-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);flex:1;min-height:0}.bw-pd-art{display:flex;flex-direction:column;gap:var(--space-12);min-height:0;padding:var(--space-16);background:var(--c-bg)}.bw-pd-tabs{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.bw-pd-stage{display:flex;flex:1;align-items:center;justify-content:center;min-height:0;overflow:hidden}.bw-pd-edit{align-self:center}.bw-pd-words{display:flex;flex-direction:column;gap:var(--space-20);min-height:0;overflow-y:auto;padding:var(--space-20);border-left:1px solid var(--c-border)}.bw-pd-title{margin:0;font-size:var(--fs-18);font-weight:500;color:var(--c-ink)}.bw-pd-field{display:flex;flex-direction:column;gap:var(--space-8)}.bw-pd-field-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.bw-pd-label{font-size:var(--fs-14);font-weight:500;color:var(--c-ink)}.bw-pd-count{align-self:flex-end;font-size:var(--fs-12);color:var(--c-muted)}.bw-pd-count.is-over{color:var(--c-danger)}.chatbox{position:relative}:root:root .chat-steps-stop.btn{height:24px;min-height:24px;margin-right:var(--space-8);padding:0 var(--space-10);font-size:var(--fs-12)}:root:root .chat-start-pill.btn{height:26px;min-height:26px;padding:0 var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-tab);background:transparent;box-shadow:none;font-size:var(--fs-12);font-weight:400;color:var(--c-ink)}:root:root .chat-start-pill.btn:hover:not(:disabled){background:var(--c-hover)}.bw-pd-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.bw-head-action+.btn{margin-left:var(--space-8)}.bw-pempty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-16);min-height:420px}.bw-pempty-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--c-accent-5);color:var(--c-accent)}.bw-pempty-title{margin:0;font-size:var(--fs-16);font-weight:500;color:var(--c-ink)}.bw-plist{display:flex;flex-direction:column}.bw-prow{display:grid;grid-template-columns:75px minmax(0,1.4fr) minmax(0,1fr) minmax(0,.7fr) minmax(0,.6fr) 24px;align-items:center;gap:var(--space-24);padding:var(--space-16) 0;border-bottom:1px solid var(--c-border);color:var(--c-ink);cursor:pointer;outline:none}.bw-prow-pic{height:52px;overflow:hidden;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface)}.bw-prow-pic .bw-page-view{border-radius:0;box-shadow:none}.bw-prow-name{overflow:hidden;font-size:var(--fs-14);text-overflow:ellipsis;white-space:nowrap}.bw-prow-date{font-size:var(--fs-14);color:var(--c-muted)}.bw-pempty{min-height:320px;border:1px solid var(--c-border);border-radius:16px;background:var(--c-bg)}.bw-pempty-icon{width:auto;height:auto;border-radius:0;background:none;color:var(--c-ink)}.bw-pempty{background:var(--c-surface)}:root:root .effect-field>.btn.btn-icon{width:24px;min-width:24px;height:24px;min-height:24px}.bw-designs{display:flex;flex-direction:column;gap:var(--space-16)}.bw-design-filters{display:flex;flex-wrap:wrap;gap:var(--space-8)}.bw-design-filter{height:32px;padding:0 var(--space-12);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font-size:var(--fs-12);color:var(--c-muted);cursor:pointer}.bw-design-filter:hover{background:var(--c-hover)}.bw-design-filter.is-on{background:var(--c-fill);color:var(--c-ink)}.bw-nd{display:flex;flex-direction:column;width:min(880px,94vw);max-height:88vh;overflow:hidden;border:1px solid var(--c-border);border-radius:16px;background:var(--c-surface);box-shadow:0 24px 64px color-mix(in srgb,var(--c-ink) 18%,transparent),0 2px 8px color-mix(in srgb,var(--c-ink) 8%,transparent)}.bw-nd-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-16) var(--space-20)}.bw-nd-title{font-family:var(--font-title, inherit);font-size:var(--fs-18);font-weight:500;color:var(--c-ink)}.bw-nd-body{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:440px;overflow:hidden;border-top:1px solid var(--c-border)}.bw-nd-cats{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-12);border-right:1px solid var(--c-border);background:var(--c-bg)}.bw-nd-cat{display:flex;align-items:center;gap:var(--space-10);height:36px;padding:0 var(--space-10);border:0;border-radius:var(--radius-md);background:transparent;font-size:var(--fs-14);color:var(--c-muted);text-align:left;cursor:pointer}.bw-nd-cat:hover{color:var(--c-ink)}.bw-nd-cat.is-on{background:var(--c-surface);color:var(--c-ink);box-shadow:0 1px 2px color-mix(in srgb,var(--c-ink) 8%,transparent),0 0 0 1px var(--c-border)}.bw-nd-cat-label{flex:1}.bw-nd-cat-count{font-size:var(--fs-12);color:var(--c-muted)}.bw-nd-main{display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:var(--space-20)}.bw-nd-section{margin:0 0 var(--space-14);font-size:var(--fs-14);font-weight:500;color:var(--c-ink)}.bw-nd-sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:var(--space-14)}.bw-nd-size{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:0;border:1px solid var(--c-border);border-radius:12px;background:var(--c-surface);text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.bw-nd-size:hover{box-shadow:0 6px 18px color-mix(in srgb,var(--c-ink) 8%,transparent)}.bw-nd-size.is-on{border-color:var(--c-accent);box-shadow:0 0 0 1px var(--c-accent),0 6px 18px color-mix(in srgb,var(--c-accent) 14%,transparent)}.bw-nd-stage{display:flex;align-items:center;justify-content:center;height:104px;background:var(--c-bg)}.bw-nd-stage.is-big{width:220px;height:180px;border-radius:12px}.bw-nd-art{position:relative;display:block;border-radius:3px;box-shadow:0 2px 6px color-mix(in srgb,var(--c-ink) 18%,transparent)}.bw-nd-art-mark,.bw-nd-art-line{position:absolute;display:block;border-radius:999px}.bw-nd-meta{display:flex;flex-direction:column;gap:2px;padding:var(--space-10) var(--space-12) var(--space-12)}.bw-nd-name{font-size:var(--fs-14);font-weight:500;color:var(--c-ink)}.bw-nd-px{font-size:var(--fs-12);color:var(--c-muted)}.bw-nd-tick{position:absolute;top:var(--space-8);right:var(--space-8);display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--c-accent);color:#fff}.bw-nd-custom{display:flex;gap:var(--space-20);align-items:flex-start}.bw-nd-custom-fields{display:flex;flex-direction:column;gap:var(--space-12)}.bw-nd-field{display:flex;flex-direction:column;gap:var(--space-4);width:180px;font-size:var(--fs-14);color:var(--c-ink)}.bw-nd-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-14) var(--space-20);border-top:1px solid var(--c-border)}.bw-nd-picked{display:flex;align-items:baseline;gap:var(--space-8)}.bw-nd-picked-name{font-size:var(--fs-14);font-weight:500;color:var(--c-ink)}.bw-nd-foot-actions{display:flex;gap:var(--space-8);margin-left:auto}.bk{display:flex;flex-direction:column;gap:var(--space-10);margin:var(--space-12) var(--space-8);padding:var(--space-12);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface)}.bk-title{margin:0;font-size:var(--fs-14);font-weight:500;color:var(--c-ink)}.bk-row{display:flex;flex-wrap:wrap;gap:var(--space-6)}.bk-swatch{width:28px;height:28px;padding:0;border:1px solid var(--c-border);border-radius:var(--radius-md);cursor:pointer}.bk-font{height:32px;padding:0 var(--space-10);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);font-size:var(--fs-14);color:var(--c-ink);cursor:pointer}.bk-font:hover,.bk-pic:hover{background:var(--c-hover)}.bk-pics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6)}.bk-pic{aspect-ratio:1;padding:0;overflow:hidden;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg);cursor:pointer}.bk-pic img{width:100%;height:100%;object-fit:cover}.bw-nd{height:min(640px,88vh)}.bw-nd-body{flex:1;min-height:0}.bk .bk-ai{width:100%;justify-content:center}.side-brand-nav .side-new-design{width:100%;justify-content:center;margin-bottom:var(--space-8)}.bp-cards{margin-top:var(--space-12)}.bw-ptile-faces{margin-top:var(--space-4)}.bw-ptile-faces .btn.hv-face-add{width:32px;height:32px;min-width:32px;min-height:32px;margin-left:calc(-1 * var(--space-8));border:2px solid var(--c-surface);border-radius:var(--radius-full);background:var(--c-ink);color:var(--c-on-accent, #ffffff)}.bp-type-specs{align-items:flex-start}.bp-type-list{display:flex;flex:1;flex-direction:column;gap:var(--space-12);min-width:0}.bp-type-row{display:flex;align-items:center;gap:var(--space-16)}.bp-type-specs .bp-type-aa{width:72px;font-size:44px;line-height:1}.bp-type-specs .bp-type-names b{font-size:var(--fs-16)}.bp-type-specs .bp-type-names em{font-style:normal;font-size:var(--fs-12);color:var(--c-muted)}.bp-type-specs .bp-type-names{width:120px;flex:none}.bp-type-sample{flex:1;min-width:0;overflow:hidden;font-size:var(--fs-16);color:var(--c-ink);text-overflow:ellipsis;white-space:nowrap}:root:root .bp-type-specs{align-items:flex-start}:root:root .bp-type-specs>.bp-setup-edit{align-self:flex-start;margin-top:0}.hv-faces .hv-face{box-sizing:border-box}:root:root .hv-faces .btn.hv-face-add{box-sizing:border-box;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;margin-left:calc(-1 * var(--space-4));border:1px solid var(--c-surface);border-radius:var(--radius-full)}:root:root .bp-type-specs{margin-top:var(--space-24);padding-top:var(--space-24)}.bp-type-specs .bp-type-list{gap:var(--space-20)}.bw-design-filters{align-items:center}.bw-design-tools{display:flex;align-items:center;gap:var(--space-8);margin-left:auto}:root:root .bp-designs-title{margin-bottom:var(--space-12);font-size:var(--fs-18);font-weight:var(--fw-medium);color:var(--c-ink)}.bw-plist.has-ticks .bw-prow{grid-template-columns:16px 75px minmax(0,1.4fr) minmax(0,1fr) minmax(0,.7fr) minmax(0,.6fr) 24px}.bw-plist-head{display:flex;align-items:center;gap:var(--space-24);min-height:32px;padding-bottom:var(--space-8);border-bottom:1px solid var(--c-border)}.bw-plist-count{margin-right:auto;font-size:var(--fs-14);font-weight:var(--fw-medium);color:var(--c-ink)}.bw-prow.is-picked{background:color-mix(in srgb,var(--c-accent) 4%,var(--c-surface))}:root:root .chat-card:is(.chat-ask.is-done,.is-approved,.is-rejected){box-shadow:none}.bw-nd-stage.is-campaign{gap:var(--space-6)}.bw-nd-main.is-chat{padding:0;overflow:hidden}.bw-nd-main.is-chat .chat-view{flex:1;min-height:0}.bw-nd-ai{position:absolute;right:var(--space-14);bottom:var(--space-14);display:flex;color:var(--c-accent)}.bw-nd-ai svg{overflow:visible}.bw-nd-ai svg path{transform-box:fill-box;transform-origin:center}.bw-nd-ai svg path:nth-child(3){animation:ai-breathe 2.4s ease-in-out infinite}.bw-nd-ai svg path:nth-child(1){animation:ai-twinkle 2.4s ease-in-out infinite}.bw-nd-ai svg path:nth-child(2){animation:ai-twinkle 2.4s ease-in-out 1.2s infinite}@media(prefers-reduced-motion:reduce){.bw-nd-ai svg path{animation:none!important}}.bw-pd-words>.seg-group{flex:none}.bw-pd-enhance{margin-left:auto}.bw-pd-enhance svg{overflow:visible;color:var(--c-accent)}.bw-pd-enhance svg path{transform-box:fill-box;transform-origin:center}.bw-pd-enhance svg path:nth-child(3){animation:ai-breathe 2.4s ease-in-out infinite}.bw-pd-enhance svg path:nth-child(1){animation:ai-twinkle 2.4s ease-in-out infinite}.bw-pd-enhance svg path:nth-child(2){animation:ai-twinkle 2.4s ease-in-out 1.2s infinite}@media(prefers-reduced-motion:reduce){.bw-pd-enhance svg path{animation:none!important}}.bw-pd .is-enhancing,.bw-pd .is-enhancing textarea{background-image:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--c-accent) 12%,transparent) 50%,transparent 100%);background-size:200% 100%;animation:ps-shimmer 1.4s linear infinite;color:var(--c-slate)}.bw-nd-photo{width:100%;height:100%;object-fit:cover}.bw-nd-stage.is-campaign .bw-nd-photo.is-small{width:52px;height:52px;border-radius:var(--radius-md)}.bw-nd-stage.is-campaign{overflow:hidden}.bw-nd-size:has(.bw-nd-ai) .bw-nd-meta{padding-right:40px}.bp-book-off{display:inline-flex}.bp-book-off .btn{pointer-events:none}.bw-ptile-pic,.bw-prow-pic{display:flex;flex-direction:column;justify-content:safe center;background:var(--c-bg)}:root:root .chatbox:focus-within{border-color:var(--c-border)}.side-set-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-4) var(--space-4) var(--space-8)}.side-set-name{overflow:hidden;font-size:var(--fs-14);font-weight:var(--fw-medium);color:var(--c-ink);text-overflow:ellipsis;white-space:nowrap;cursor:text}.set-name-input{width:100%;min-width:0;padding:0 var(--space-4);border:1px solid var(--c-accent);border-radius:var(--radius-md);outline:none;background:var(--c-surface);font:inherit;color:var(--c-ink)}.bk-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}.bk-logo{display:grid;place-items:center;aspect-ratio:1;padding:var(--space-6);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);cursor:pointer}.bk-logo.is-dark{border-color:transparent;background:var(--c-ink)}.bk-logo:hover{background:var(--c-hover)}.bk-logo.is-dark:hover{background:color-mix(in srgb,var(--c-ink) 85%,white)}.bk-logo img{max-width:100%;max-height:100%;object-fit:contain}.bk-logo{overflow:hidden;min-width:0}.bk-logo img{width:100%;height:100%}.side-kit-tabs{margin-bottom:var(--space-12)}.ba{display:flex;flex-direction:column}.ba-items{padding:0 var(--space-12) var(--space-12)}.ba-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}.ba-grid .bk-pic{aspect-ratio:1;width:100%}.ba-grid.is-icons{grid-template-columns:repeat(4,minmax(0,1fr))}.ba-icon{display:grid;place-items:center;aspect-ratio:1;padding:var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-ink);cursor:pointer}.ba-icon:hover{background:var(--c-hover)}.ba-icon svg{width:100%;height:100%}.tk-font{align-items:flex-end}.tk-aa{font-size:var(--fs-14);line-height:1;color:var(--c-ink)}.bw-img-grid{display:block;columns:4;column-gap:var(--space-16)}.bw-img-grid .bw-img-cell{display:block;margin-bottom:var(--space-16);break-inside:avoid}.bw-img-grid .bw-img{aspect-ratio:auto}.bw-img-grid .bw-img img,.bw-img-grid .bw-img-cell>img{height:auto;aspect-ratio:auto;object-fit:contain}.bw-empty-note{margin:0;padding:var(--space-16);border-radius:var(--radius-md);background:var(--c-fill);font-size:var(--fs-14);color:var(--c-muted)}.bw-pempty{gap:var(--space-8);text-align:center}.bw-pempty-icon{margin-bottom:var(--space-8)}.bw-pempty-sub{max-width:320px;margin:0;font-size:var(--fs-14);line-height:var(--lh-text);color:var(--c-muted)}.bw-pempty.is-compact{min-height:220px}:root:root .mb-setup-add .ps-field.is-upload .btn{height:37px}:root:root .mb-setup-title{font-size:var(--fs-16);font-weight:var(--fw-medium)}:root:root .mb-setup-url{font-size:var(--fs-14)}:root:root .ps-ob .dsp-color-pill .dsp-pct{margin-left:auto}.mb-setup-preview.is-capturing .bw-making{position:absolute;inset:0;border-radius:0}.mb-setup-ask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c-ink) 55%,transparent)}.mb-setup-ask .btn{gap:var(--space-8);pointer-events:none}.ps-page .ps-content{padding-bottom:96px}.ps-float{position:absolute;left:50%;bottom:var(--space-24);z-index:5;display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--shadow-pop);opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.ps-float.is-on{opacity:1;transform:translate(-50%);pointer-events:auto}.ps-float{gap:var(--space-10);padding:var(--space-10)}:root:root .ps-float .btn.btn:not(.btn-icon){height:40px;min-height:40px;padding:0 var(--space-20);gap:var(--space-8);font-size:16px}.mb-float .btn.mb-float-delete{color:var(--c-danger)}.mb-float .btn.mb-float-delete:hover:not(:disabled){background:color-mix(in srgb,var(--c-danger) 8%,transparent);color:var(--c-danger)}.mb-pop.mb-thread{display:flex;flex-direction:column;width:340px;padding:0;color:var(--c-ink);font-size:14px}.mb-thread-head{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-8) var(--space-8) var(--space-12);border-bottom:1px solid var(--c-border)}.mb-thread-title{flex:1;font-size:14px;font-weight:500}.mb-thread-list{display:flex;flex-direction:column;max-height:280px;overflow-y:auto}.mb-thread-item{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-12)}.mb-thread-item+.mb-thread-item{border-top:1px solid var(--c-border)}.mb-thread-meta{display:flex;align-items:center;gap:var(--space-8);min-height:32px}.mb-thread-avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:var(--c-fill);font-size:12px;font-weight:500}.mb-thread-who{font-weight:500}.mb-thread-time{color:var(--c-muted);font-size:12px}.mb-thread-actions{display:flex;margin-left:auto;opacity:0}.mb-thread-item:hover .mb-thread-actions,.mb-thread-actions:focus-within{opacity:1}.mb-thread-tags{display:flex;gap:var(--space-6)}.mb-thread-body{margin:0;color:var(--c-ink);white-space:pre-wrap;overflow-wrap:anywhere}.mb-thread-reply{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-12);border-top:1px solid var(--c-border)}.mb-thread-field{display:flex;align-items:flex-end;gap:var(--space-8)}.mb-thread-field .ui-textarea,.mb-thread-field textarea{flex:1;min-height:32px;resize:none}.mb-types .mb-type{white-space:nowrap;display:inline-flex;align-items:center;gap:var(--space-6)}.mb-types .mb-type i{flex:none}.mb-send-field{width:100%}.ui-input-box.mb-send-field{padding-right:3px}.mb-send{flex:none}:root:root .mb-send.btn.btn-icon{width:24px;min-width:24px;height:24px;min-height:24px}.mb-form-cancel{align-self:flex-start;padding:0;border:0;background:none;color:var(--c-muted);font-size:12px;cursor:pointer}.mb-form-cancel:hover{color:var(--c-ink)}.mb-pop.mb-thread.co-thread-pop{z-index:3;margin-top:0;transform:none;pointer-events:auto}.co-thread-pop .mb-thread-avatar{overflow:hidden}.co-thread-pop .mb-thread-avatar img{width:100%;height:100%;object-fit:cover}.collab-pin.is-dragging{cursor:grabbing;opacity:.85}.collab-composer .mb-send-field{flex:1}.bw-logo-del{position:absolute;right:var(--space-8);bottom:var(--space-8);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-card);color:var(--c-ink);cursor:pointer;opacity:0;z-index:1}.bw-logo-tile:hover .bw-logo-del,.bw-logo-del:focus-visible{opacity:1}.ps-logo-actions{display:flex;align-items:center;gap:var(--space-8)}.side-brand-mark.is-plain,.side-brand-mark.is-board{display:inline-grid;place-items:center;overflow:hidden;border-radius:var(--radius-md)}.side-brand-mark.is-board .bw-board-view{border-radius:0}:root{--ss-field-h: 32px;--ss-field-text: 13px;--ss-label: 12px;--ss-label-weight: 500;--ss-btn-h-sm: 28px;--ss-btn-h-md: 32px;--ss-btn-h-lg: 40px;--ss-btn-text-sm: 12px;--ss-btn-text-md: 14px;--ss-btn-text-lg: 16px;--ss-btn-px-sm: 10px;--ss-btn-px-md: 14px;--ss-btn-px-lg: 18px;--ss-tab-h: 32px;--ss-tab-text: 12px;--ss-tab-weight: 500;--ss-tab-pad: 2px;--ss-pill-h: 24px;--ss-pill-text: 12px;--ss-pill-weight: 500;--ss-badge-h: 22px;--ss-badge-text: 12px;--ss-menu-item-h: 32px;--ss-menu-text: 14px}:root:root:root :is(.field-box,.ui-input.ui-input-md,.ui-select.ui-input-md,.dropdown-trigger){box-sizing:border-box;height:var(--ss-field-h);min-height:var(--ss-field-h);max-height:var(--ss-field-h);font-size:var(--ss-field-text)}:root:root:root :is(.field-box input,.field-box .dropdown-value,.dropdown-trigger .dropdown-value,.ui-input.ui-input-md,.ui-select.ui-input-md,.ui-textarea){font-size:var(--ss-field-text)}:root:root:root .field-label{font-size:var(--ss-label);font-weight:var(--ss-label-weight)}:root:root:root .btn.btn-sm{height:var(--ss-btn-h-sm);min-height:var(--ss-btn-h-sm);font-size:var(--ss-btn-text-sm)}:root:root:root .btn.btn-md{height:var(--ss-btn-h-md);min-height:var(--ss-btn-h-md);font-size:var(--ss-btn-text-md)}:root:root:root .btn.btn-lg{height:var(--ss-btn-h-lg);min-height:var(--ss-btn-h-lg);font-size:var(--ss-btn-text-lg)}:root:root:root .btn.btn-sm:not(.btn-icon){padding:0 var(--ss-btn-px-sm)}:root:root:root .btn.btn-md:not(.btn-icon){padding:0 var(--ss-btn-px-md)}:root:root:root .btn.btn-lg:not(.btn-icon){padding:0 var(--ss-btn-px-lg)}:root:root:root .btn.btn-icon.btn-sm{width:var(--ss-btn-h-sm);min-width:var(--ss-btn-h-sm)}:root:root:root .btn.btn-icon.btn-md{width:var(--ss-btn-h-md);min-width:var(--ss-btn-h-md)}:root:root:root .btn.btn-icon.btn-lg{width:var(--ss-btn-h-lg);min-width:var(--ss-btn-h-lg)}:root:root:root :is(.seg-group,.segmented){box-sizing:border-box;height:var(--ss-tab-h);min-height:var(--ss-tab-h);padding:var(--ss-tab-pad)}:root:root:root :is(.seg-group .seg-btn,.seg-group .seg-tab,.segmented button){height:calc(var(--ss-tab-h) - 2 * var(--ss-tab-pad));min-height:0;align-self:center;font-size:var(--ss-tab-text);font-weight:var(--ss-tab-weight)}:root:root:root .btn.chat-start-pill{height:var(--ss-pill-h);min-height:var(--ss-pill-h);font-size:var(--ss-pill-text);font-weight:var(--ss-pill-weight)}:root:root:root .ui-badge{height:var(--ss-badge-h);font-size:var(--ss-badge-text)}:root:root:root :is(.dropdown-item,.menu-item){min-height:var(--ss-menu-item-h);font-size:var(--ss-menu-text)}:root:root:root .fold-title{font-weight:500}:root:root:root :is(.chatbox .tb-input,.chatbox .chatbox-mirror){font-weight:500}:root:root:root :is(.seg-btn,.seg-tab,.segmented button,.layout-mode,.dsp-seg-btn,.tb-mode):hover:not(.is-on):not(.is-active):not([aria-checked=true]):not([aria-pressed=true]):not([aria-selected=true]){background:transparent;box-shadow:none;filter:none}:root:root:root .field-box .sizing-menu{display:inline-flex;align-items:center;gap:var(--space-4);height:100%;padding:0;border:0;background:none;color:var(--c-ink);font:inherit;cursor:pointer;white-space:nowrap}:root:root:root .field-box .sizing-menu:hover{background:none;box-shadow:none}.repeat-handle{position:absolute;z-index:6;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-md);background:var(--c-accent);color:var(--c-on-accent);box-shadow:var(--shadow-pop);pointer-events:auto;touch-action:none}.repeat-handle.is-column{transform:translate(-50%,36px);cursor:ns-resize}.repeat-handle.is-row{transform:translate(8px,-50%);cursor:ew-resize}.repeat-ghost{position:absolute;z-index:5;display:flex;align-items:center;justify-content:center;border:1.5px dashed var(--c-accent);border-radius:var(--radius-md);background:var(--c-accent-5);pointer-events:none}.repeat-ghost.is-less{border-color:var(--c-danger);background:color-mix(in srgb,var(--c-danger) 6%,transparent)}.repeat-count{padding:2px 8px;border-radius:var(--radius-md);background:var(--c-accent);color:var(--c-on-accent);font-size:var(--fs-12);font-weight:500}.repeat-ghost.is-less .repeat-count{background:var(--c-danger)}.assist-card{position:absolute;top:66px;left:50%;z-index:4;display:flex;flex-direction:column;gap:var(--space-4);width:420px;max-height:50vh;overflow:auto;padding:var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-pop);transform:translate(-50%)}.assist-row{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-6) var(--space-8);border-radius:var(--radius-md)}.assist-row:hover{background:var(--c-hover)}.assist-text{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--space-2)}.assist-title{font-size:var(--fs-14);font-weight:500;color:var(--c-ink)}.assist-sub{font-size:var(--fs-12);color:var(--c-slate)}.draw-outline{position:absolute;z-index:5;box-sizing:border-box;border:1px solid var(--c-canvas-select);pointer-events:none}.draw-size{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-6);border-radius:var(--radius-md);background:var(--c-canvas-select);color:var(--c-on-accent);font-size:var(--fs-11);white-space:nowrap}:root:root:root :is(.panel-tab,.hv-tab,.ps-tab,.bw-tab){box-sizing:border-box;height:var(--ss-tab-h);min-height:var(--ss-tab-h);border-radius:var(--radius-md);font-size:var(--ss-tab-text);font-weight:var(--ss-tab-weight)}:root:root:root .dsp-tab{height:calc(var(--ss-tab-h) - 2 * var(--ss-tab-pad));font-size:var(--ss-tab-text);font-weight:var(--ss-tab-weight)}:root:root:root :is(.panel-tab,.hv-tab,.ps-tab,.bw-tab,.dsp-tab):hover:not(.is-active):not(.is-on):not([aria-selected=true]){background:transparent;box-shadow:none;color:inherit}:root:root:root :is(.chip,.state-chip,.cme-chip,.mge-tab,.chat-start-pill.btn){box-sizing:border-box;height:var(--ss-pill-h);min-height:var(--ss-pill-h);border-radius:var(--radius-md);font-size:var(--ss-pill-text);font-weight:var(--ss-pill-weight)}:root:root:root :is(.props-preview-btn,.props-share-btn,.panel-btn){box-sizing:border-box;height:var(--ss-btn-h-md);min-height:var(--ss-btn-h-md)}:root:root:root .dropdown-trigger:hover:not(:disabled){border-color:var(--c-accent)}:root:root:root .dlg{box-shadow:var(--shadow-modal)}:root:root:root .chatbox .tb-input{font-size:var(--fs-14)}:root:root:root :is(.ob-pill,.ps-pill,.ps-choice).is-pressed:hover,:root:root:root .chip.is-active{border-color:transparent}:root:root:root .align-groups .seg-group{justify-content:space-between;gap:var(--ss-tab-pad)}:root:root:root .align-groups .seg-btn{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:28px;height:calc(var(--ss-tab-h) - 2 * var(--ss-tab-pad));padding:0;background:transparent;filter:none}:root:root:root .align-groups .seg-btn svg{display:block;margin:0}:root:root:root .align-groups .seg-btn.is-on{background:var(--c-surface);filter:none}:root:root:root .align-groups .seg-btn:hover:not(.is-on):not(:disabled){background:transparent;filter:none}:root:root:root .collab-composer{gap:var(--space-8);padding:var(--space-8) var(--space-8) var(--space-8) var(--space-12);border:0}:root:root:root .props-group.is-canvas .fold-head{gap:var(--space-8);font-size:var(--fs-14);font-weight:var(--fw-medium);color:var(--c-ink);opacity:1}:root:root:root .props-group.is-canvas .fold-head .fold-glyph,:root:root:root .props-group.is-canvas .fold-head .fold-title{color:var(--c-ink);opacity:1}.conn-name .ui-badge{margin-left:var(--space-8);vertical-align:middle}