:root{--artgpt-gate-panel: rgba(9, 18, 31, .9);--artgpt-gate-line: rgba(168, 214, 255, .16);--artgpt-gate-line-strong: rgba(153, 220, 255, .28);--artgpt-gate-text-main: #f3f8ff;--artgpt-gate-text-soft: rgba(225, 239, 255, .74);--artgpt-gate-text-dim: rgba(177, 203, 229, .56);--artgpt-gate-accent: #54c5ff;--artgpt-gate-accent-strong: #2e9ef5;--artgpt-gate-accent-glow: rgba(84, 197, 255, .24);--artgpt-gate-shadow: 0 32px 90px rgba(0, 0, 0, .36)}.artgpt-gate-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;font-family:Manrope,Noto Sans SC,sans-serif;color:var(--artgpt-gate-text-main)}.artgpt-gate-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#050a124d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.artgpt-modal-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:24px}.artgpt-modal{width:min(520px,calc(100vw - 32px));border-radius:28px;border:1px solid var(--artgpt-gate-line);background:var(--artgpt-gate-panel);box-shadow:var(--artgpt-gate-shadow);padding:24px;display:grid;gap:18px}.artgpt-modal-head{display:flex;justify-content:flex-start;align-items:flex-start;gap:14px}.artgpt-modal-head-copy{display:grid;gap:8px}.artgpt-modal-head-copy span{color:var(--artgpt-gate-text-dim);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.artgpt-modal-head-copy h2{margin:0;font-size:30px;line-height:1.08;letter-spacing:-.04em}.artgpt-modal-head-copy p{margin:0;color:var(--artgpt-gate-text-soft);font-size:14px;line-height:1.7}.artgpt-auth-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.artgpt-auth-mode{border:1px solid var(--artgpt-gate-line);background:#ffffff0a;color:#fff;border-radius:16px;padding:12px 10px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.artgpt-auth-mode:hover{transform:translateY(-1px);border-color:var(--artgpt-gate-line-strong)}.artgpt-auth-mode.is-active{color:#fff;border-color:#54c5ff7a;background:linear-gradient(180deg,#54c5ff2e,#2e9ef51f);box-shadow:0 0 0 1px #54c5ff14,0 18px 30px #54c5ff1f}.artgpt-auth-field,.artgpt-auth-field-group{display:grid;gap:10px}.artgpt-auth-field label,.artgpt-auth-field-group label{font-size:12px;color:var(--artgpt-gate-text-dim);letter-spacing:.04em;text-transform:uppercase}.artgpt-auth-input{width:100%;border:1px solid rgba(150,197,240,.16);border-radius:18px;background:#ffffff0a;color:#fff;padding:15px 16px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.artgpt-auth-input::placeholder{color:#b2cce675}.artgpt-auth-input:focus{border-color:#54c5ff75;box-shadow:0 0 0 4px var(--artgpt-gate-accent-glow);background:#ffffff0f}.artgpt-auth-field-group{grid-template-columns:minmax(0,1fr) auto;align-items:end}.artgpt-auth-send,.artgpt-auth-submit{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.artgpt-auth-send{border-radius:18px;padding:15px 16px;background:#ffffff0f;color:#fff;border:1px solid var(--artgpt-gate-line);white-space:nowrap}.artgpt-auth-submit{width:fit-content;border:0;border-radius:20px;padding:16px 18px;background:linear-gradient(135deg,var(--artgpt-gate-accent),var(--artgpt-gate-accent-strong));color:#05111f;font-weight:800;box-shadow:0 20px 36px #54c5ff33}.artgpt-auth-send:hover,.artgpt-auth-submit:hover{transform:translateY(-1px);filter:saturate(1.05)}.artgpt-auth-send:disabled,.artgpt-auth-submit:disabled{opacity:.64;cursor:not-allowed;transform:none}.artgpt-auth-status{min-height:22px;font-size:13px;color:var(--artgpt-gate-text-soft);line-height:1.6}@media(max-width:640px){.artgpt-modal-wrap{align-items:flex-start;padding:18px;overflow:auto}.artgpt-modal{margin-top:18px;border-radius:24px;padding:20px}.artgpt-auth-mode-grid,.artgpt-auth-field-group{grid-template-columns:1fr}.artgpt-auth-submit{width:100%}}:root,:root[data-theme=warm-sand]{--text-main: #1f2933;--text-soft: #6f5842;--text-strong: #4b2d13;--surface-strong: rgba(255, 255, 255, .9);--surface-soft: rgba(255, 255, 255, .56);--surface-muted: rgba(255, 252, 247, .76);--glass-bg: rgba(255, 250, 245, .78);--glass-border: rgba(255, 255, 255, .72);--workspace-bg: rgba(255, 251, 246, .74);--workspace-border: rgba(255, 255, 255, .72);--workspace-shadow: 0 30px 90px rgba(145, 92, 43, .12);--page-radial-a: rgba(255, 157, 92, .35);--page-radial-b: rgba(255, 226, 193, .78);--page-gradient-start: #f7efe6;--page-gradient-end: #efe6da;--viewport-bg-start: rgba(255, 253, 249, .92);--viewport-bg-end: rgba(246, 238, 229, .96);--viewport-bg-solid: #f6eee5;--grid-line: rgba(163, 116, 70, .08);--boundary: rgba(228, 128, 56, .72);--boundary-bg: rgba(255, 232, 209, .9);--boundary-text: #b35f24;--accent: #ff8e3c;--accent-strong: #ff983f;--accent-soft: rgba(255, 154, 81, .24);--accent-soft-strong: rgba(255, 147, 66, .12);--accent-border: rgba(232, 133, 59, .5);--accent-ring: rgba(255, 176, 105, .32);--accent-shadow: rgba(255, 142, 60, .28);--accent-contrast: #ffffff;--accent-text-dark: #4b2d13;--header-bg: rgba(255, 249, 241, .95);--header-border: rgba(228, 187, 151, .7);--header-text: #5e3f24;--header-text-muted: #7b5a3a;--panel-border: rgba(211, 176, 142, .44);--panel-border-strong: rgba(207, 165, 125, .45);--debug-bg: rgba(79, 57, 37, .06);--debug-border: rgba(141, 105, 70, .08);--danger: #f85f48;--danger-soft: #ff8d74;color:var(--text-main);background:radial-gradient(circle at top left,var(--page-radial-a),transparent 28%),radial-gradient(circle at bottom right,var(--page-radial-b),transparent 32%),linear-gradient(180deg,var(--page-gradient-start) 0%,var(--page-gradient-end) 100%)}:root[data-theme=ocean-blue]{--text-main: #173247;--text-soft: #547187;--text-strong: #11314a;--surface-strong: rgba(248, 253, 255, .92);--surface-soft: rgba(239, 248, 252, .62);--surface-muted: rgba(241, 250, 255, .78);--glass-bg: rgba(239, 248, 252, .8);--glass-border: rgba(255, 255, 255, .7);--workspace-bg: rgba(242, 250, 255, .76);--workspace-border: rgba(255, 255, 255, .75);--workspace-shadow: 0 30px 90px rgba(25, 88, 125, .14);--page-radial-a: rgba(72, 176, 255, .28);--page-radial-b: rgba(190, 241, 255, .74);--page-gradient-start: #edf8fc;--page-gradient-end: #dbeaf2;--viewport-bg-start: rgba(248, 253, 255, .92);--viewport-bg-end: rgba(233, 244, 249, .98);--viewport-bg-solid: #e7f3f8;--grid-line: rgba(72, 126, 168, .08);--boundary: rgba(32, 149, 224, .72);--boundary-bg: rgba(224, 244, 255, .92);--boundary-text: #1971a7;--accent: #2ca8ea;--accent-strong: #168ed2;--accent-soft: rgba(44, 168, 234, .18);--accent-soft-strong: rgba(44, 168, 234, .12);--accent-border: rgba(32, 149, 224, .44);--accent-ring: rgba(68, 184, 255, .24);--accent-shadow: rgba(32, 149, 224, .25);--accent-contrast: #ffffff;--accent-text-dark: #10334f;--header-bg: rgba(246, 252, 255, .96);--header-border: rgba(180, 221, 245, .82);--header-text: #1d4964;--header-text-muted: #5e7f95;--panel-border: rgba(166, 210, 236, .52);--panel-border-strong: rgba(147, 199, 230, .52);--debug-bg: rgba(38, 91, 123, .07);--debug-border: rgba(55, 118, 152, .12);--danger: #e4645d;--danger-soft: #ff9289}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:Manrope,Noto Sans SC,sans-serif;color:var(--text-main)}button,input,textarea{font:inherit}.app-shell{height:100vh;display:flex;gap:14px;padding:14px;overflow:hidden}.workspace-panel,.sidebar-panel{height:100%;min-height:0}.workspace-panel{position:relative;flex:1;border-radius:28px;overflow:hidden;background:var(--workspace-bg);box-shadow:var(--workspace-shadow),inset 0 1px #fff6;border:1px solid var(--workspace-border)}.workspace-tabs-bar{position:absolute;top:14px;left:88px;right:22px;z-index:9;display:flex;align-items:center;gap:8px;min-height:42px;overflow-x:auto;padding:2px 2px 7px;pointer-events:auto}.workspace-tab,.workspace-tab-add{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:34px;border:1px solid color-mix(in srgb,var(--header-border) 78%,transparent);background:color-mix(in srgb,var(--header-bg) 88%,transparent);color:var(--header-text-muted);box-shadow:0 12px 22px color-mix(in srgb,var(--accent) 10%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease}.workspace-tab{min-width:124px;gap:8px;padding:0 7px 0 14px;border-radius:999px;font-size:13px;font-weight:800}.workspace-tab:hover,.workspace-tab-add:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 42%,transparent);color:var(--accent-text-dark)}.workspace-tab.is-active{background:linear-gradient(135deg,color-mix(in srgb,var(--surface-strong) 96%,transparent),color-mix(in srgb,var(--accent) 14%,var(--surface-strong)));border-color:color-mix(in srgb,var(--accent) 48%,transparent);color:var(--accent-text-dark)}.workspace-tab-close{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:999px;color:inherit}.workspace-tab-close:hover{background:color-mix(in srgb,var(--danger) 13%,transparent);color:var(--danger)}.workspace-tab-add{width:34px;border-radius:999px}.glass-card,.progress-strip,.settings-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-border)}.settings-anchor{position:absolute;top:14px;left:14px;z-index:6;display:flex;align-items:flex-start;gap:10px}.settings-trigger{box-shadow:0 16px 28px #181b232e}.settings-panel{width:min(400px,calc(100vw - 72px));height:min(760px,calc(100vh - 120px));display:flex;flex-direction:column;overflow:hidden;transform-origin:top left;transition:opacity .18s ease,transform .22s ease,width .22s ease}.settings-panel:not(.is-open){width:0;opacity:0;pointer-events:none;transform:translate(-12px) scale(.98);padding:0;border-width:0}.settings-scroll{flex:1;min-height:0}.settings-card{background:var(--surface-soft)}.settings-inline-panel{background:color-mix(in srgb,var(--surface-strong) 82%,transparent);border-color:var(--panel-border)!important}.theme-option-grid{margin-top:14px;display:grid;gap:10px}.theme-option-card{width:100%;display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border-radius:18px;border:1px solid var(--panel-border);background:color-mix(in srgb,var(--surface-strong) 86%,transparent);cursor:pointer;text-align:left;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.theme-option-card:hover{transform:translateY(-1px)}.theme-option-card.is-selected{border-color:color-mix(in srgb,var(--accent) 36%,transparent);box-shadow:0 12px 24px color-mix(in srgb,var(--accent) 12%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.theme-option-swatch{height:62px;border-radius:14px;border:1px solid rgba(255,255,255,.72)}.theme-option-swatch--warm-sand{background:radial-gradient(circle at top left,rgba(255,160,93,.44),transparent 36%),linear-gradient(135deg,#fff5ea,#f0dfcd)}.theme-option-swatch--ocean-blue{background:radial-gradient(circle at top left,rgba(77,189,255,.4),transparent 36%),linear-gradient(135deg,#f0fbff,#d4e9f5)}.theme-option-copy{display:grid;gap:4px}.theme-option-copy strong{font-size:14px;color:var(--text-main)}.theme-option-copy span{font-size:12px;line-height:1.45;color:var(--text-soft)}.settings-tabs{display:flex;flex:1;min-height:0;flex-direction:column}.settings-tabs .mantine-Tabs-list{gap:6px}.settings-tabs .mantine-Tabs-tab{border-radius:999px;font-weight:700;color:var(--header-text)}.settings-tabs .mantine-Tabs-tab[data-active]{background:color-mix(in srgb,var(--accent) 12%,white 88%);color:var(--accent-text-dark)}.settings-mask-preview{margin-top:10px;padding:10px;border:1px solid var(--panel-border);border-radius:12px;background:var(--surface-muted)}.settings-mask-preview-item{border-radius:10px;overflow:hidden;border:1px solid var(--panel-border-strong);background:var(--surface-strong);display:grid}.settings-mask-preview-item>img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.mask-preview-media{position:relative;width:100%;overflow:hidden;background:#10161eb8}.mask-preview-image{width:100%;height:100%;display:block;object-fit:cover}.mask-preview-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#090e1557;pointer-events:none;z-index:1}.mask-preview-box{position:absolute;border:2px solid var(--accent);background:var(--accent-soft);border-radius:6px;box-shadow:inset 0 0 0 1px #ffd5b075;z-index:2}.mask-preview-label{position:absolute;left:6px;top:6px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--accent);color:var(--accent-contrast);font-size:10px;font-style:normal;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 14px var(--accent-shadow);z-index:3}.settings-mask-preview-item span{display:block;padding:6px 8px;font-size:11px;line-height:1.35;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-viewport{position:relative;height:100%;overflow:hidden;background:linear-gradient(180deg,var(--viewport-bg-start),var(--viewport-bg-end)),var(--viewport-bg-solid);cursor:grab}.workspace-viewport:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.workspace-viewport.is-annotating{cursor:crosshair}.workspace-surface{position:absolute;inset:0 auto auto 0;transform-origin:0 0;overflow:visible;will-change:transform}.canvas-boundary-hint{position:absolute;left:0;top:0;width:240px;height:240px;border-left:2px dashed var(--boundary);border-top:2px dashed var(--boundary);pointer-events:none;z-index:0}.canvas-boundary-label{position:absolute;left:8px;top:8px;padding:4px 8px;font-size:11px;font-weight:700;border-radius:999px;color:var(--boundary-text);background:var(--boundary-bg);border:1px solid rgba(235,156,94,.45)}.canvas-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 48px));padding:42px 36px;border-radius:28px;border:1px dashed var(--panel-border);background:color-mix(in srgb,var(--surface-strong) 88%,white 12%);display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 24px 50px color-mix(in srgb,var(--accent) 14%,transparent)}.canvas-alignment-guide{position:absolute;height:0;border-top:2px dashed color-mix(in srgb,var(--accent) 78%,white 22%);pointer-events:none;z-index:1;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 20%,transparent))}.canvas-node{position:absolute;-webkit-user-select:none;user-select:none;z-index:2}.canvas-node-header{position:absolute;left:0;right:0;bottom:calc(100% + 8px);min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;border-radius:12px;background:var(--header-bg);border:1px solid var(--header-border);box-shadow:0 10px 20px #4a2f151f}.canvas-node-header-item{font-size:11px;font-weight:700;color:var(--header-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-node-header-item.is-source{max-width:52%}.canvas-node-header-item.is-time{color:var(--header-text-muted);font-variant-numeric:tabular-nums}.canvas-node-header-item.is-rembg{color:var(--accent-text-dark);background:color-mix(in srgb,var(--accent) 12%,white 88%);padding:3px 8px;border-radius:999px}.canvas-node-frame{position:relative;width:100%;height:100%;overflow:visible;border-radius:0;border:0;background:transparent;box-shadow:none}.canvas-node-frame img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}.canvas-node.is-selected .canvas-node-frame{box-shadow:0 0 0 4px var(--accent-ring),0 8px 22px #0c131d29}.canvas-node.is-rembg-processing .canvas-node-frame{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent),0 10px 24px color-mix(in srgb,var(--accent) 18%,transparent)}.canvas-node-meta{position:absolute;left:2px;right:2px;top:calc(100% + 8px)}.annotation-box{position:absolute;border:2px solid var(--accent);background:var(--accent-soft-strong);border-radius:14px}.annotation-box.is-draft{border-style:dashed;background:#ffd49129}.annotation-label{position:absolute;left:-10px;top:-12px;min-width:26px;height:26px;border-radius:999px;background:var(--accent);color:var(--accent-contrast);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;box-shadow:0 10px 18px var(--accent-shadow);border:0;cursor:pointer;padding:0 8px}.annotation-label.has-note{border-radius:10px;min-width:34px}.annotation-editor{position:absolute;width:360px;min-height:180px;z-index:7;border-radius:14px;background:color-mix(in srgb,var(--surface-strong) 96%,white 4%);border:1px solid color-mix(in srgb,var(--accent) 34%,white 66%);box-shadow:0 14px 28px #72502f3d;padding:12px;overflow:hidden}.annotation-editor:before{content:"";position:absolute;left:12px;top:-8px;width:14px;height:14px;transform:rotate(45deg);background:color-mix(in srgb,var(--surface-strong) 96%,white 4%);border-left:1px solid color-mix(in srgb,var(--accent) 34%,white 66%);border-top:1px solid color-mix(in srgb,var(--accent) 34%,white 66%)}.annotation-editor textarea{width:100%;resize:none;min-height:126px;height:126px;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 28%,white 72%);background:#fff;color:var(--text-main);padding:10px 12px;font-size:12px;line-height:1.45;outline:none;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.annotation-editor textarea::-webkit-scrollbar{display:none}.annotation-editor-actions{margin-top:10px;display:flex;justify-content:space-between;align-items:center;gap:8px}.annotation-editor-actions-right{display:flex;align-items:center;gap:8px}.annotation-editor-btn{border:0;border-radius:999px;font-size:12px;font-weight:700;padding:6px 12px;cursor:pointer}.annotation-editor-btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.annotation-editor-btn-secondary{background:#fff;color:var(--text-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,white 72%)}.annotation-editor-btn-generate{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 62%,white 38%),var(--accent-strong));color:var(--accent-text-dark);box-shadow:0 6px 12px color-mix(in srgb,var(--accent) 24%,transparent)}.annotation-editor-btn-danger{background:linear-gradient(180deg,var(--danger-soft),var(--danger));color:#fff;box-shadow:0 6px 12px #f85f483d}.annotation-editor-btn-generate:hover,.annotation-editor-btn-danger:hover{filter:saturate(1.08)}.annotation-editor-btn-secondary:hover{background:color-mix(in srgb,var(--accent) 6%,white 94%)}.annotation-editor-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:1px}.annotation-editor-btn:active{transform:translateY(1px)}.annotation-editor-btn-secondary:active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,white 72%)}.annotation-editor-btn-danger:active{box-shadow:0 6px 12px #f85f483d}.annotation-editor-floating{pointer-events:auto}.canvas-selection-rect{position:absolute;border:1px dashed color-mix(in srgb,var(--accent) 72%,white 28%);background:color-mix(in srgb,var(--accent) 18%,transparent);pointer-events:none;z-index:6;border-radius:12px}.floating-toolbar{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:8;background:color-mix(in srgb,var(--glass-bg) 92%,white 8%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-border);pointer-events:auto}.toolbar-modifiers{display:flex;flex-direction:column;gap:6px;margin-top:4px;width:100%;align-items:center}.toolbar-modifier-shell{position:relative;padding:2px;border-radius:999px}.toolbar-modifier-shell.has-hover-bridge:after{content:"";position:absolute;left:calc(100% - 2px);top:-18px;width:18px;height:calc(100% + 36px)}.toolbar-modifier-shell.is-progress{background:conic-gradient(from -90deg,var(--accent) 0 var(--progress-value),color-mix(in srgb,var(--accent) 14%,transparent) var(--progress-value) 100%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}.toolbar-modifier{width:46px;height:26px;border-radius:999px;border:1px solid color-mix(in srgb,var(--header-text) 26%,transparent);background:color-mix(in srgb,var(--surface-strong) 78%,transparent);color:var(--header-text);font-size:10px;font-weight:800;letter-spacing:.03em;cursor:default;transition:background .12s ease,color .12s ease,border-color .12s ease}.toolbar-modifier.is-active-shift{background:#639dff2e;color:#2f5fc6;border-color:#5589e280}.toolbar-modifier.is-active-ctrl{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent-strong);border-color:var(--accent-border)}.toolbar-modifier.is-active-alt{background:color-mix(in srgb,var(--accent) 12%,white 88%);color:var(--accent-text-dark);border-color:color-mix(in srgb,var(--accent) 36%,transparent)}.toolbar-modifier.is-muted{opacity:.58}.alt-helper-popover{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);width:220px;padding:12px;border-radius:16px;border:1px solid var(--panel-border);background:color-mix(in srgb,var(--surface-strong) 96%,white 4%);box-shadow:0 16px 30px color-mix(in srgb,var(--accent) 12%,transparent),inset 0 1px #fff6;display:grid;gap:8px;z-index:12}.alt-helper-popover strong{font-size:13px;color:var(--text-main)}.alt-helper-popover span{font-size:12px;line-height:1.5;color:var(--text-soft)}.alt-cutout-bubble{position:absolute;width:min(360px,calc(100% - 32px));z-index:18;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--panel-border));background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 96%,white 4%),color-mix(in srgb,var(--surface) 97%,white 3%));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.alt-cutout-bubble-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.alt-helper-download-btn{border:0;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 56%,white 44%),var(--accent-strong));color:var(--accent-contrast);cursor:pointer;box-shadow:0 10px 18px color-mix(in srgb,var(--accent) 22%,transparent)}.alt-helper-download-btn:disabled{opacity:.6;cursor:not-allowed}.panel-resizer{position:relative;flex:0 0 10px;cursor:col-resize;touch-action:none}.panel-resizer:after{content:"";position:absolute;left:4px;top:14px;bottom:14px;width:2px;border-radius:999px;background:color-mix(in srgb,var(--header-text) 16%,transparent)}.panel-resizer:hover:after{background:color-mix(in srgb,var(--header-text) 32%,transparent)}.sidebar-panel{flex:0 0 auto;min-width:360px;max-width:72vw;display:flex;flex-direction:column;gap:12px}.progress-strip{flex:0 0 auto}.conversation-shell{flex:1;min-height:0;display:flex;flex-direction:column}.conversation-heading{margin-bottom:12px;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.conversation-heading-title,.conversation-heading-desc{white-space:nowrap}.conversation-heading-title{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.conversation-heading-desc{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.conversation-heading-badge{flex:0 0 auto}.conversation-log-shell{flex:1;min-height:0}.conversation-log{height:100%;min-height:0;margin-top:8px}.conversation-resizer{flex:0 0 14px;position:relative;cursor:row-resize;touch-action:none}.conversation-resizer:after{content:"";position:absolute;left:50%;top:6px;width:72px;height:4px;border-radius:999px;transform:translate(-50%);background:color-mix(in srgb,var(--header-text) 22%,transparent)}.composer-box{flex:0 0 auto;margin-top:4px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--header-text) 14%,transparent)}.composer-assets{margin-bottom:10px;display:flex;flex-wrap:wrap;gap:10px}.composer-asset{position:relative;width:88px;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--surface-strong) 92%,transparent);border:1px solid var(--panel-border)}.composer-asset>img{width:100%;height:66px;object-fit:cover;display:block}.composer-asset .mask-preview-media{display:block}.composer-mask-preview{position:relative;width:100%;height:66px;overflow:hidden}.composer-mask-preview img{width:100%;height:100%;object-fit:cover;display:block}.composer-mask-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#090e1585}.composer-mask-cutout{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 70%,white 30%);background:#ffffff38;border-radius:4px;box-shadow:inset 0 0 0 1px #ffdcb773}.composer-asset span{display:block;padding:4px 6px 6px;font-size:11px;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-asset-remove{position:absolute;right:4px;top:4px;width:20px;height:20px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#0f141bcc;cursor:pointer}.conversation-card{background:color-mix(in srgb,var(--surface-soft) 96%,transparent)}.conversation-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.conversation-thumb{position:relative;overflow:hidden;border-radius:18px;background:color-mix(in srgb,var(--surface-strong) 94%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--header-text) 12%,transparent);transition:transform .14s ease,box-shadow .14s ease}.conversation-thumb:hover{transform:translateY(-1px)}.conversation-thumb.is-selected{box-shadow:inset 0 0 0 2px var(--accent),0 14px 24px color-mix(in srgb,var(--accent) 18%,transparent)}.conversation-thumb-main{border:0;padding:0;width:100%;background:transparent;cursor:pointer;text-align:left}.conversation-thumb-main img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}.conversation-thumb-main span{display:block;padding:9px 10px;font-size:12px;color:var(--text-soft)}.conversation-thumb-download{position:absolute;right:8px;bottom:34px;width:28px;height:28px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#0e141cc7;cursor:pointer;box-shadow:0 6px 14px #0f141b42}.conversation-thumb-download:hover{background:#0e141ceb}.conversation-placeholder{padding:16px;border-radius:16px;background:color-mix(in srgb,var(--surface-soft) 92%,transparent);color:var(--text-soft);font-size:14px;line-height:1.6}.reference-thumb{display:grid;gap:6px}.reference-thumb img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.8)}.reference-thumb span{font-size:11px;line-height:1.4;color:var(--text-soft)}.debug-meta{margin-top:10px;display:grid;gap:6px}.debug-meta pre{margin:0;max-height:160px;overflow:auto;border-radius:14px;padding:10px;background:var(--debug-bg);border:1px solid var(--debug-border);font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word}@media(max-width:1240px){.app-shell{padding:10px;gap:10px}.sidebar-panel{width:min(420px,39vw);min-width:320px}}@media(max-width:960px){html,body,#root{overflow:auto}.app-shell{height:auto;min-height:100vh;flex-direction:column;overflow:visible}.workspace-panel{min-height:62vh}.sidebar-panel{width:100%!important;max-width:none;min-width:0;height:auto}.panel-resizer{display:none}.conversation-shell{min-height:70vh}.conversation-grid{grid-template-columns:1fr}}