@charset "UTF-8";*{box-sizing:border-box}html,body,#app{width:100%;max-width:none;min-width:0;height:100%;min-height:100%;margin:0;overflow:hidden}body{overflow:hidden;background:#f5f7fb;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}a{color:inherit;text-decoration:none}:root{--blue: #4169f5;--blue-strong: #2f55cf;--blue-deep: #2f55cf;--blue-soft: #eef4ff;--bg: #f7f8fa;--text: #1f2937;--text-2: #536174;--muted: #8a94a6;--border: #e5ebf3;--line: #e5ebf3;--surface: #ffffff;--surface-soft: #f4f6fa;--surface-hover: #edf2f8;--left: 300px;--right: 340px;--top: 56px;--input: 204px}.ico{width:18px;height:18px;flex:0 0 auto}.plain-btn,.primary-btn,.site-btn,.small-btn,.input-btn{border:0;border-radius:12px;transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.plain-btn{height:38px;padding:0 14px;background:var(--surface-soft);color:var(--text-2)}.plain-btn:hover{background:var(--surface-hover)}.primary-btn{height:38px;padding:0 16px;background:var(--blue);color:#fff;box-shadow:0 14px 30px #4169f53d}.plain-btn:disabled,.primary-btn:disabled{cursor:not-allowed;opacity:.62}.icon-btn{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:12px;background:var(--surface-soft);color:var(--text-2)}.icon-btn:hover{background:var(--surface-hover)}.workspace-screen{width:min(100vw,var(--workspace-visual-width, 100vw));max-width:min(100vw,var(--workspace-visual-width, 100vw));height:100vh;display:grid;grid-template-rows:58px minmax(0,1fr);background:#f7f8fa}.workspace-menu{height:58px;display:flex;align-items:center;justify-content:flex-start;gap:22px;padding:0 20px;border-bottom:1px solid var(--border);background:#ffffffeb;z-index:20}.workspace-menu-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.brand-button{display:inline-flex;align-items:center;gap:10px;min-width:0;padding:0;border:0;background:transparent;color:var(--text)}.logo-mark{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:9px;background:linear-gradient(135deg,#e8efff,#f8fbff);color:var(--blue);box-shadow:inset 0 0 0 1px #e2e8f0}.logo-copy b,.logo-copy span,.workspace-title h1,.workspace-title p{display:block}.logo-copy{min-width:0}.logo-copy b{font-size:13px;line-height:1.2;white-space:nowrap}.logo-copy span{margin-top:2px;color:var(--muted);font-size:11px;white-space:nowrap}.workspace-nav{display:flex;align-items:center;gap:4px;min-width:0;padding:0;border-radius:0;background:transparent}.workspace-nav button{height:34px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--text-2);font-size:12.5px;font-weight:700;line-height:1;white-space:nowrap;transition:background .16s ease,color .16s ease,transform .16s ease}.workspace-nav button:hover,.workspace-nav button.active{background:var(--blue-soft);color:var(--blue-strong);box-shadow:none}.workspace-menu .site-btn{height:34px;padding:0 13px;border:0;border-radius:10px;background:var(--surface-soft);color:var(--text-2);font-size:12.5px;font-weight:650;white-space:nowrap}.workspace-menu .site-btn:hover{background:var(--surface-hover);color:var(--text);transform:translateY(-1px)}.user-trigger{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent}.site-user-meta{text-align:right}.site-user-meta b,.site-user-meta em{display:block}.site-user-meta b{color:var(--text);font-size:13px}.site-user-meta em{margin-top:2px;color:var(--muted);font-size:11px;font-style:normal}.avatar{width:36px;height:36px;display:grid;place-items:center;overflow:hidden;border-radius:999px;background:var(--blue-soft);color:var(--blue-strong);font-size:12px;font-weight:800}.workspace-app{--workspace-left-column: clamp(220px, 18vw, 292px);--workspace-right-column: clamp(260px, 22vw, 320px);width:100%;max-width:100vw;min-width:0;min-height:0;display:grid;grid-template-columns:var(--workspace-left-column) minmax(0,1fr) var(--workspace-right-column);gap:10px;padding:10px 12px 12px;overflow:hidden}.workspace-app.prompt-dock-layout{grid-template-columns:var(--workspace-left-column) minmax(0,1fr) var(--workspace-right-column)}.workspace-app.compact-drawer-layout,.workspace-app.compact-drawer-layout.left-collapsed,.workspace-app.compact-drawer-layout.right-collapsed,.workspace-app.compact-drawer-layout.left-collapsed.right-collapsed,.workspace-app.compact-drawer-layout.prompt-dock-layout{--workspace-drawer-expanded-width: min(320px, calc(var(--workspace-visual-width, 100vw) - 56px));--workspace-left-safe-width: 56px;--workspace-right-safe-width: 56px;grid-template-columns:minmax(0,1fr)}.workspace-app.compact-drawer-layout:not(.left-collapsed){--workspace-left-safe-width: var(--workspace-drawer-expanded-width)}.workspace-app.compact-drawer-layout:not(.right-collapsed){--workspace-right-safe-width: var(--workspace-drawer-expanded-width)}.workspace-app.compact-drawer-layout .main{margin-right:var(--workspace-right-safe-width);margin-left:var(--workspace-left-safe-width)}.workspace-app.compact-drawer-layout .main-scroll{padding:14px 10px}.workspace-app.compact-drawer-layout .stage-wrap,.workspace-app.compact-drawer-layout .toolbench{width:100%;max-width:100%;margin:0}.workspace-app.compact-drawer-layout .stage-card{min-height:0;padding:10px 0}.workspace-app.compact-drawer-layout .stage-panel,.workspace-app.compact-drawer-layout .plan-work-surface{min-height:min(62vh,560px)}.workspace-app.compact-drawer-layout .plan-edit-canvas,.workspace-app.compact-drawer-layout .compare-canvas{width:100%;max-width:100%;height:min(58vh,520px);min-height:min(58vh,520px)}.workspace-app.compact-drawer-layout .sidebar,.workspace-app.compact-drawer-layout .rightbar{position:fixed;top:58px;bottom:0;z-index:80;display:grid;width:var(--workspace-drawer-expanded-width);height:auto;border-radius:0;box-shadow:0 18px 48px #0f172a29;transition:box-shadow .16s ease}.workspace-app.compact-drawer-layout .sidebar{left:0}.workspace-app.compact-drawer-layout .rightbar{right:auto;left:calc(var(--workspace-visual-width, 100vw) - var(--workspace-drawer-expanded-width))}.workspace-app.compact-drawer-layout.left-collapsed .sidebar,.workspace-app.compact-drawer-layout.right-collapsed .rightbar{width:56px;box-shadow:none}.workspace-app.compact-drawer-layout.right-collapsed .rightbar{left:calc(var(--workspace-visual-width, 100vw) - 56px)}.workspace-app.compact-drawer-layout.left-collapsed .left-rail,.workspace-app.compact-drawer-layout.right-collapsed .right-rail{display:flex}.workspace-app.compact-drawer-layout.left-collapsed .side-scroll,.workspace-app.compact-drawer-layout.right-collapsed .right-top-title,.workspace-app.compact-drawer-layout.right-collapsed .right-scroll{display:none}.workspace-app.compact-drawer-layout:not(.left-collapsed) .sidebar,.workspace-app.compact-drawer-layout:not(.right-collapsed) .rightbar{z-index:100}.workspace-app.compact-drawer-layout .input-foot{align-items:center;flex-direction:row;justify-content:space-between;gap:10px}.workspace-app.compact-drawer-layout .input-meta{min-width:0;flex:1 1 auto;flex-wrap:nowrap;overflow:hidden}.workspace-app.compact-drawer-layout .input-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-app.compact-drawer-layout .input-actions{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(96px,1fr));gap:8px}.workspace-app.compact-drawer-layout .input-btn{min-width:0;padding:0 12px}.workspace-compact-drawer-layout .workspace-menu{padding:0 14px}.workspace-compact-drawer-layout .site-user-meta,.workspace-app.left-collapsed .side-scroll,.workspace-app.right-collapsed .right-top-title,.workspace-app.right-collapsed .right-scroll{display:none}.workspace-app.left-collapsed .left-rail,.workspace-app.right-collapsed .right-rail{display:flex}.workspace-app.right-collapsed .right-top{justify-content:center;padding-right:8px;padding-left:8px}.sidebar,.rightbar,.main{min-height:0;border:1px solid rgba(226,232,240,.82);background:#ffffffdb;box-shadow:0 14px 34px #0f172a0b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sidebar,.rightbar{position:relative;overflow:visible;border-radius:18px}.edge-toggle{position:absolute;top:10px;z-index:30;width:13px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:0;background:#fff;color:#8f9bad;opacity:.95;box-shadow:0 10px 28px #0f172a14;transition:color .16s ease,opacity .16s ease,transform .16s ease,box-shadow .16s ease}.edge-toggle:hover{color:var(--blue);opacity:1;transform:translateY(-1px) translate(1px);box-shadow:0 14px 34px #0f172a1c}.edge-toggle:before{content:"";position:absolute;top:12px;width:2px;height:13px;border-radius:999px;background:#d5dbe5}.edge-toggle-left{right:-13px;border-radius:0 7px 7px 0}.edge-toggle-left:before{left:3px}.edge-toggle-right{left:-13px;border-radius:7px 0 0 7px}.edge-toggle-right:hover{transform:translateY(-1px) translate(-1px)}.edge-toggle-right:before{right:3px}.edge-toggle .ico{width:7px;height:7px}.edge-toggle-left .ico{margin-left:4px}.edge-toggle-right .ico{margin-right:4px}.collapse-rail{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:22;flex-direction:column;align-items:center;gap:10px;padding:8px 0}.rail-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:transparent;color:var(--text-2);transition:background .16s ease,color .16s ease,transform .16s ease}.rail-btn:hover,.rail-btn.active{background:var(--blue-soft);color:var(--blue-strong);transform:translateY(-1px)}.collapse-popover{position:absolute;top:54px;z-index:75;width:292px;max-height:calc(100vh - 128px);overflow:auto;border:1px solid var(--border);border-radius:16px;background:#fff;padding:12px;box-shadow:0 24px 70px #0f172a29}.left-popover{left:58px}.right-popover{right:58px;width:330px}.main{display:grid;grid-template-rows:78px minmax(0,1fr) auto;overflow:hidden;border-radius:18px;background:#ffffffeb}.prompt-dock-layout .main{grid-template-rows:78px minmax(0,1fr) auto}.side-scroll,.right-scroll,.main-scroll{min-width:0;min-height:0;overflow:auto}.side-scroll,.right-scroll{height:100%;padding:14px}.primary-row,.nav-row,.conversation-row,.tool-card,.popover-row{width:100%;border:0;text-align:left}.primary-row{height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;background:linear-gradient(135deg,#4169f5,#3157e8);color:#fff;font-weight:800;box-shadow:0 12px 26px #4169f533}.block{margin-top:16px}.block-title{margin:0 0 9px 4px;color:var(--muted);font-size:12px;font-weight:800}.nav-row,.conversation-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:12px;background:transparent;color:var(--text-2)}.nav-row:hover,.conversation-row:hover,.conversation-row.active{background:var(--surface-soft)}.conversation-row.active{color:var(--blue-strong)}.topic-text{min-width:0}.topic-text b,.topic-text span{display:block}.topic-text b{overflow:hidden;color:inherit;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.topic-text span{margin-top:3px;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.search{height:40px;display:flex;align-items:center;gap:9px;padding:0 12px;border-radius:12px;background:var(--surface-soft);color:var(--muted)}.search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text)}.main-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px 10px;border-bottom:1px solid rgba(226,232,240,.72)}.workspace-title h1{margin:0;color:var(--text);font-size:20px;line-height:1.2}.workspace-title p{margin:5px 0 0;color:var(--muted);font-size:13px;font-weight:700}.top-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.top-pill,.tool-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:var(--surface-soft);color:var(--text-2);font-size:12px;font-weight:800}.tool-chip{border:0}.tool-chip.active{background:var(--blue-soft);color:var(--blue-strong)}.main-scroll{padding:16px 20px}.stage-wrap{min-width:0;min-height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(226,232,240,.82);border-radius:20px;background:linear-gradient(180deg,#fffffff0,#ffffffd6),#fff;box-shadow:inset 0 1px #ffffffe6}.prompt-dock-workbench{min-height:100%;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden}.prompt-result-surface{position:relative;min-height:0;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#f8fafcfa,#eff5ffe0)}.prompt-result-preview{width:min(860px,100%);height:min(560px,100%);min-height:320px;display:grid;place-items:center;cursor:zoom-in}.prompt-result-preview img{max-width:100%;max-height:100%;border-radius:14px;object-fit:contain;box-shadow:0 18px 46px #0f172a24}.prompt-result-grid{width:min(980px,100%);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.prompt-result-tile{min-width:0;aspect-ratio:1/1;overflow:hidden;border:1px solid rgba(226,232,240,.9);border-radius:12px;background:#fff;padding:0;cursor:zoom-in;box-shadow:0 14px 34px #0f172a1a}.prompt-result-tile img{width:100%;height:100%;display:block;object-fit:cover}.prompt-empty-state{width:min(520px,100%);text-align:center}.prompt-empty-mark{width:74px;height:74px;display:grid;place-items:center;margin:0 auto 18px;border-radius:18px;background:var(--blue-soft);color:var(--blue-strong);font-weight:900}.prompt-empty-state b,.prompt-empty-state span{display:block}.prompt-empty-state b{color:var(--text);font-size:20px}.prompt-empty-state span{margin-top:10px;color:var(--muted);line-height:1.7}.utility-workbench{height:100%;min-height:0}.utility-stage-surface{position:relative;min-height:100%;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:18px;border:1px solid rgba(226,232,240,.86);border-radius:16px;background:#f8fafc}.utility-preview{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px}.utility-preview img{width:100%;max-height:min(58vh,540px);object-fit:contain;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #e2e8f0db}.utility-preview-meta,.utility-result-strip,.utility-empty-state{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.utility-preview-meta b,.utility-result-strip b,.utility-empty-state b{color:var(--text);font-size:14px}.utility-preview-meta span,.utility-result-strip span,.utility-empty-state span{color:var(--muted);font-size:12px;line-height:1.55}.utility-empty-mark{width:62px;height:62px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:var(--blue-soft);color:var(--blue-deep);font-size:18px;font-weight:900}.utility-result-strip{align-items:flex-start;border:1px solid rgba(67,109,255,.14);border-radius:12px;background:#fff;padding:12px;text-align:left}.image-compress-tool{min-height:0;display:grid;grid-template-columns:minmax(240px,.86fr) minmax(0,1.14fr);grid-template-rows:auto minmax(0,1fr);gap:16px;height:100%;overflow:hidden;color:var(--text)}.image-compress-upload{grid-row:1/3;min-height:0;display:grid;place-items:center;align-content:center;gap:14px;padding:24px;border:1px solid #e2e8f0;border-radius:12px;background:linear-gradient(#fff,#fff) padding-box,repeating-linear-gradient(0deg,rgba(67,109,255,.06) 0 1px,transparent 1px 34px),repeating-linear-gradient(90deg,rgba(67,109,255,.06) 0 1px,transparent 1px 34px);color:var(--muted);cursor:pointer}.image-compress-upload strong{color:var(--text);font-size:18px;line-height:1.2}.image-compress-upload span{color:var(--muted);font-size:14px;font-weight:800;text-align:center;line-height:1.45}.image-compress-upload small{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;background:var(--blue-soft);padding:0 12px;color:var(--blue-deep);font-size:12px;font-weight:900}.image-compress-upload em{color:#ef4444;font-size:13px;font-style:normal;font-weight:900}.image-compress-picture-icon{position:relative;width:88px;height:72px;border-radius:12px;background:var(--blue-soft);color:var(--blue-deep)}.image-compress-picture-icon span{position:absolute;top:18px;right:22px;bottom:18px;left:22px;border:4px solid currentColor;border-radius:6px}.image-compress-picture-icon span:before{content:"";position:absolute;top:8px;left:8px;width:7px;height:7px;border-radius:999px;background:currentColor}.image-compress-picture-icon span:after{content:"";position:absolute;right:4px;bottom:4px;width:32px;height:22px;background:currentColor;clip-path:polygon(0 100%,38% 36%,55% 62%,72% 26%,100% 100%)}.image-compress-summary{grid-column:2;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:12px}.image-compress-summary div{min-width:0;display:grid;align-content:center;gap:6px;min-height:72px;border-radius:10px;background:#f8fafc;padding:0 10px}.image-compress-summary dt,.image-compress-summary dd{margin:0}.image-compress-summary dt{color:var(--muted);font-size:11px;font-weight:900}.image-compress-summary dd{color:var(--text);font-size:16px;font-weight:900;line-height:1.1}.image-compress-list{grid-column:2;min-width:0;min-height:0;overflow:auto;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.image-compress-row{min-height:80px;display:grid;grid-template-columns:52px minmax(0,1fr) minmax(96px,auto);align-items:start;gap:12px;border-bottom:1px solid #edf0f2;padding:12px 14px}.image-compress-row:last-child{border-bottom:0}.image-compress-row>img{width:52px;height:52px;border-radius:8px;background:#f3f5f7;object-fit:cover}.image-compress-file{min-width:0}.image-compress-file strong{display:block;color:var(--text);font-size:14px;line-height:1.25;overflow-wrap:anywhere}.image-compress-file p,.image-compress-result{margin:8px 0 0;color:var(--muted);font-size:12px;font-weight:800}.image-compress-file p span{display:inline-grid;place-items:center;min-width:38px;min-height:22px;margin-right:8px;border-radius:7px;background:var(--blue-soft);color:var(--blue-deep)}.image-compress-result{margin:0;display:grid;justify-items:end;gap:5px;min-width:96px}.image-compress-result strong{color:var(--text);font-size:15px;line-height:1.2;text-align:right}.image-compress-result strong.failed{color:#ef4444}.image-compress-actions{grid-column:2/4;display:grid;justify-items:start;min-width:0}.image-compress-actions a,.image-compress-actions button,.image-compress-actions span{min-width:72px;min-height:34px;display:inline-grid;place-items:center;border:0;border-radius:999px;background:var(--blue);color:#fff;font:inherit;font-size:12px;font-weight:900;padding:0 16px;text-decoration:none;white-space:nowrap}.image-compress-actions button{cursor:pointer}.image-compress-actions span{opacity:.48}.utility-cutout-result{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.utility-cutout-result section{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px}.utility-cutout-result b{color:var(--text);font-size:13px}.cutout-section-head{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.cutout-actions{display:inline-flex;align-items:center;gap:8px}.cutout-actions button{border:1px solid #dbe4ef;border-radius:999px;background:#fff;padding:6px 10px;color:#4b5870;font-size:12px;font-weight:800;cursor:pointer}.cutout-actions button:hover{border-color:#436dff52;color:var(--blue-deep)}.utility-cutout-result img{width:100%;height:100%;min-height:220px;display:block;border:1px solid #e2e8f0;border-radius:12px;background:#fff;object-fit:contain}.utility-cutout-result .cutout-preview{position:relative}.cutout-edit-frame{height:min(52vh,460px);min-height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.cutout-edit-frame canvas{width:auto;height:auto;max-width:100%;max-height:100%;display:block;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.cutout-frame{position:relative;height:min(52vh,460px);min-height:220px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e2e8f0;border-radius:12px;padding:0;background:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%);background-color:#fff;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;cursor:zoom-in}.cutout-frame.is-light{background:#f8fafc}.cutout-frame.is-white{background:#fff}.cutout-frame.is-dark{background:#172033}.cutout-frame canvas,.cutout-frame img{position:relative;z-index:1;width:auto;height:auto;max-width:100%;max-height:100%;min-height:0;display:block;border:0;border-radius:0;background:transparent;filter:saturate(1.05) contrast(1.03)}.cutout-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border:1px dashed rgba(22,101,52,.28);border-radius:12px;pointer-events:none}.utility-cutout-result .cutout-preview span{position:absolute;right:10px;bottom:10px;border-radius:999px;background:#166534e0;padding:6px 10px;color:#fff;font-size:12px;font-weight:900}.utility-prompt-reverse-result{min-height:0;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:14px}.utility-prompt-reverse-result section{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:14px}.utility-prompt-reverse-result header{display:flex;align-items:center;justify-content:space-between;gap:12px}.utility-prompt-reverse-result b{color:var(--text);font-size:14px}.utility-prompt-reverse-result button{min-width:68px;min-height:34px;border:1px solid #d7deea;border-radius:10px;background:#f8fafc;color:var(--text);font-size:13px;font-weight:900}.utility-prompt-reverse-result p{min-height:0;overflow:auto;color:#334155;font-size:13px;line-height:1.75;white-space:pre-wrap}.utility-running-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:inherit;background:#f8fafcd1;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.utility-running-mask span{color:var(--muted);font-size:12px}.utility-param-note{color:var(--muted);font-size:12px;line-height:1.6}.utility-result-list{display:flex;flex-direction:column;gap:10px}.utility-result-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:start;border-bottom:1px solid rgba(226,232,240,.68);padding-bottom:10px}.utility-result-row:last-child{border-bottom:0;padding-bottom:0}.utility-result-row span{color:var(--muted);font-size:12px;font-weight:800}.utility-result-row b{min-width:0;color:var(--text-2);font-size:12px;line-height:1.45;word-break:break-word}.utility-reference-preview{width:100%;display:grid;gap:10px;border:0;background:transparent;padding:0;color:var(--text-2);text-align:left;cursor:zoom-in}.utility-reference-preview img{width:100%;max-height:190px;display:block;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;object-fit:contain}.utility-reference-preview span{overflow:hidden;color:var(--muted);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.utility-param-group,.utility-range,.utility-check{display:grid;gap:8px;margin-top:12px}.utility-param-group:first-of-type{margin-top:0}.utility-param-group>span,.utility-range>span,.utility-check span{color:var(--muted);font-size:11px;font-weight:900}.utility-segmented,.utility-format-grid{display:grid;gap:6px;padding:4px;border:1px solid #dfe6ef;border-radius:12px;background:#fff}.utility-segmented,.utility-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.utility-format-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.utility-segmented button,.utility-format-grid button{min-width:0;min-height:34px;border:0;border-radius:9px;background:transparent;color:var(--text-2);font-size:12px;font-weight:850;cursor:pointer}.utility-segmented button.active,.utility-format-grid button.active{background:var(--blue-soft);color:var(--blue-deep);box-shadow:inset 0 0 0 1px #4169f514}.utility-range input{width:100%;accent-color:var(--blue)}.utility-check{grid-template-columns:18px minmax(0,1fr);align-items:center;min-height:36px;border-radius:12px;background:#f5f7fb;padding:0 10px}.utility-check input{width:15px;height:15px;accent-color:var(--blue)}.color-extractor-tool{position:relative;display:flex;align-items:stretch;justify-content:center;height:100%;min-height:0;overflow:hidden;padding:14px;color:#273746;background:#f6f7f7}.color-extractor-copy-tip{position:absolute;z-index:20;top:20px;left:50%;display:inline-flex;align-items:center;gap:10px;min-height:42px;max-width:min(420px,100% - 48px);padding:0 18px;border:1px solid #e4e8eb;border-radius:6px;background:#fff;color:#273746;font-size:16px;font-weight:900;box-shadow:0 14px 36px #27374629;transform:translate(-50%);pointer-events:none}.color-extractor-copy-tip span{width:18px;height:18px;display:inline-grid;place-items:center;border-radius:999px;background:#58c322}.color-extractor-copy-tip span:before{content:"";width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}.color-extractor-stage-card,.color-extractor-result-card{min-width:0;min-height:0;border:1px solid #e4e8eb;border-radius:8px;background:#fff}.color-extractor-stage-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(720px,100%);min-height:0;overflow:hidden}.color-extractor-result-card{width:min(620px,100%);height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(10px,1.6vh,16px);align-content:stretch;overflow:hidden;padding:clamp(18px,2.8vw,26px)}.color-extractor-title{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #edf0f2}.color-extractor-title h3{margin:0;color:#273746;font-size:clamp(18px,2.1vw,24px);line-height:1.2}.color-extractor-title button,.color-extractor-actions button{min-height:40px;border:0;border-radius:8px;background:#273746;padding:0 18px;color:#fff;font:inherit;font-weight:800;cursor:pointer}.color-extractor-title button{min-width:112px}.color-extractor-image-frame{align-self:stretch;justify-self:stretch;width:100%;height:100%;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;border:0;background:linear-gradient(#fbfbfa,#fbfbfa),repeating-linear-gradient(0deg,transparent 0 30px,rgba(39,55,70,.04) 30px 31px),repeating-linear-gradient(90deg,transparent 0 30px,rgba(39,55,70,.04) 30px 31px);margin:0;padding:16px;cursor:zoom-in}.color-extractor-image-frame img{width:100%;height:100%;min-width:0;min-height:0;display:block;border-radius:8px;background:#fff;object-fit:contain;box-shadow:0 16px 40px #27374614}.color-extractor-upload{align-self:center;justify-self:center;width:min(420px,86%);min-height:280px;display:grid;gap:10px;justify-items:center;border:1px dashed #c9d0d5;border-radius:8px;background:#fff;color:#273746;cursor:pointer}.color-extractor-upload strong{font-size:22px}.color-extractor-upload span{color:#7a848d}.color-extractor-section h4{margin:0 0 8px;color:#273746;font-size:clamp(20px,2vw,26px);line-height:1.2}.color-extractor-section:first-child{display:grid;justify-items:center;gap:6px}.color-extractor-section:first-child h4{justify-self:stretch}.color-extractor-main-swatch,.color-extractor-main-placeholder{width:clamp(104px,15vh,136px);height:clamp(104px,15vh,136px);display:block;border:0;border-radius:999px;background:#e8e8e8;margin:0 auto}.color-extractor-main-swatch{cursor:pointer;box-shadow:inset 0 0 0 1px #2737460d}.color-extractor-hex,.color-extractor-swatch-item{border:0;background:transparent;padding:0;color:#273746;font:inherit;cursor:pointer}.color-extractor-hex.main,.color-extractor-muted{width:max-content;display:block;margin:0 auto;color:#273746;font-size:clamp(22px,2.4vw,30px);font-weight:900;line-height:1.1;text-align:center;white-space:nowrap}.color-extractor-palette-section{min-height:0;overflow:hidden;padding-right:0}.color-extractor-palette-grid{display:grid;grid-template-columns:repeat(5,minmax(54px,1fr));gap:clamp(10px,1.8vh,16px) 10px}.color-extractor-swatch-item,.color-extractor-swatch-empty{min-width:0;display:grid;justify-items:center;gap:10px}.color-extractor-swatch,.color-extractor-swatch-empty span{width:clamp(48px,7vh,64px);height:clamp(48px,7vh,64px);border-radius:999px;background:#eef0f1;box-shadow:inset 0 0 0 1px #2737460d}.color-extractor-swatch-item strong,.color-extractor-swatch-empty i{display:block;max-width:none;overflow-wrap:normal;color:#273746;font-size:clamp(12px,1.35vw,16px);font-style:normal;font-weight:900;line-height:1.1;text-align:center;white-space:nowrap}.color-extractor-swatch-empty{opacity:.36}.color-extractor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:0}.color-extractor-actions button{min-height:46px;font-size:clamp(15px,1.6vw,18px)}.color-extractor-actions button:disabled,.color-extractor-title button:disabled{opacity:.42;cursor:not-allowed}.color-extractor-actions button.secondary{border:1px solid #d7dde2;background:#fff;color:#273746}.color-extractor-status{margin:0;color:#66717b;font-size:clamp(13px,1.3vw,16px);line-height:1.45;text-align:center}.color-extractor-pending{margin:0;padding:12px 16px 16px;color:#5f666d;font-size:16px;font-weight:800;line-height:1.2;text-align:center}.color-extractor-pending.error{color:#c2410c}.color-extractor-empty-illustration{position:relative;width:156px;height:132px}.color-extractor-empty-illustration .box{position:absolute;right:28px;bottom:22px;left:28px;height:48px;border-radius:5px 5px 10px 10px;background:#d9dee6}.color-extractor-empty-illustration .box:before,.color-extractor-empty-illustration .box:after{content:"";position:absolute;top:-24px;width:34px;height:42px;background:#b8c3ce}.color-extractor-empty-illustration .box:before{left:0;clip-path:polygon(100% 0,100% 100%,0 100%)}.color-extractor-empty-illustration .box:after{right:0;clip-path:polygon(0 0,100% 100%,0 100%)}.color-extractor-empty-illustration .paper{position:absolute;top:28px;left:54px;width:48px;height:68px;border-radius:3px 3px 8px 8px;background:#edf1f5}.color-extractor-empty-illustration .paper:before{content:"";position:absolute;top:10px;right:8px;left:8px;height:26px;border-radius:3px;background:#d6dce5;box-shadow:0 40px 0 -10px #d6dce5,0 54px 0 -11px #d6dce5}.color-extractor-empty-illustration .bubble{position:absolute;top:0;right:14px;width:48px;height:32px;border-radius:999px;background:#d6dce5}.color-extractor-empty-illustration .bubble:before{content:"";position:absolute;top:13px;left:13px;width:5px;height:5px;border-radius:999px;background:#fff;box-shadow:11px 0 #fff,22px 0 #fff}.color-extractor-empty-illustration .bubble:after{content:"";position:absolute;bottom:-5px;left:6px;width:15px;height:13px;background:#d6dce5;clip-path:polygon(0 100%,46% 0,100% 35%)}.color-extractor-empty-illustration .shadow{position:absolute;right:14px;bottom:2px;left:14px;height:18px;border-radius:999px;background:#2737460d}.prompt-bottom-dock{padding:14px;border-top:1px solid rgba(226,232,240,.78);background:#fffffff5}.prompt-reference-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px}.prompt-reference{min-width:0;max-width:220px;height:44px;display:inline-grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:8px;border:1px solid #dfe6ef;border-radius:12px;background:#fff;padding:4px 8px 4px 4px;color:var(--text-2)}.prompt-reference img{width:34px;height:34px;border-radius:9px;object-fit:cover}.prompt-reference span{overflow:hidden;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.prompt-reference i{color:#94a3b8;font-style:normal;font-weight:900}.prompt-dock-input{width:100%;min-height:92px;resize:vertical;border:1px solid #dfe6ef;border-radius:14px;padding:12px 14px;color:var(--text);font:inherit;line-height:1.6;outline:0}.prompt-dock-input:focus{border-color:#4169f56b;box-shadow:0 0 0 3px #4169f514}.prompt-dock-controls{display:grid;grid-template-columns:minmax(120px,150px) minmax(120px,150px) minmax(150px,210px) 110px auto auto;align-items:end;gap:10px;margin-top:10px}.prompt-control-group label{display:block;margin-bottom:6px;color:var(--muted);font-size:11px;font-weight:900}.prompt-param-textarea{width:100%;min-height:128px;resize:vertical;border:1px solid #dfe6ef;border-radius:12px;padding:10px 12px;color:var(--text);font:inherit;line-height:1.6;outline:0}.prompt-param-textarea:focus{border-color:#4169f56b;box-shadow:0 0 0 3px #4169f514}.stage-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px;border-bottom:1px solid rgba(226,232,240,.72)}.stage-head-left b,.stage-head-left span{display:block}.stage-head-left b{font-size:17px}.stage-head-left span{margin-top:5px;color:var(--muted);font-size:13px;font-weight:700}.stage-head-right{display:flex;gap:8px;flex-wrap:wrap}.small-btn,.input-btn{height:36px;padding:0 14px;background:var(--surface-soft);color:var(--text-2);font-weight:800}.small-btn:hover,.input-btn:hover{background:var(--surface-hover);transform:translateY(-1px)}.small-btn:disabled,.input-btn:disabled{cursor:not-allowed;opacity:.62;transform:none}.input-btn.primary{background:linear-gradient(135deg,#4169f5,#3157e8);color:#fff;box-shadow:0 14px 30px #4169f53d}.stage-card{position:relative;min-width:0;min-height:500px;padding:12px}.stage-grid{min-width:0;min-height:476px;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:12px}.stage-panel{position:relative;min-width:0;min-height:476px;overflow:hidden;border:1px solid rgba(226,232,240,.86);border-radius:18px;background:#fff;box-shadow:0 16px 34px #0f172a0b}.grid-bg{background:linear-gradient(rgba(65,105,245,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(65,105,245,.045) 1px,transparent 1px),radial-gradient(circle at 48% 45%,rgba(65,105,245,.08),transparent 36%),#fff;background-size:32px 32px}.stage-panel:after{content:"";position:absolute;top:86px;right:42px;bottom:90px;left:42px;border:1px dashed rgba(148,163,184,.26);border-radius:18px;pointer-events:none}.stage-panel.plan-work-surface.has-result:after{display:none}.three-workbench{position:relative;height:100%;min-height:560px;display:grid;padding:12px}.three-stage-panel{position:relative;overflow:hidden;min-height:0;border:1px solid rgba(226,232,240,.86);border-radius:18px;background:linear-gradient(180deg,#d2f4ffdb,#eef9fcd1 32%,#fff 72%),#fff;box-shadow:0 16px 34px #0f172a0b}.three-viewport{position:absolute;top:0;right:0;bottom:0;left:0}.three-viewport canvas{display:block;width:100%;height:100%;cursor:grab}.three-viewport canvas:active{cursor:grabbing}.three-toolbar{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;display:flex;align-items:center;gap:8px;min-height:42px;border:1px solid rgba(226,232,240,.92);border-radius:12px;background:#ffffffe0;padding:0 10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.three-stage-status{position:absolute;top:18px;left:18px;z-index:2;display:grid;gap:4px;max-width:min(360px,100% - 190px);border:1px solid rgba(226,232,240,.92);border-radius:12px;background:#ffffffe0;padding:10px 12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.three-stage-status b{overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.three-stage-status span{color:var(--muted);font-size:11px;font-weight:800}.three-view-tools{position:absolute;top:18px;right:18px;z-index:2;display:inline-flex;gap:6px;border:1px solid rgba(226,232,240,.92);border-radius:12px;background:#ffffffe0;padding:6px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.three-view-tools button{height:30px;border:0;border-radius:8px;background:transparent;padding:0 9px;color:var(--text-2);font-size:12px;font-weight:900}.three-view-tools button:hover,.three-view-tools button.active{background:#eef2f7;color:var(--blue-strong)}.three-toolbar span{margin-right:auto;color:var(--text-2);font-size:12px;font-weight:900}.three-toolbar a,.three-toolbar button{border-radius:8px;border:0;background:#eef2f7;padding:7px 10px;color:var(--text-2);font-size:12px;font-weight:900;text-decoration:none;cursor:pointer}@media(max-width:760px){.three-workbench{padding:8px}.three-stage-panel{min-height:420px}.three-view-tools{left:12px;right:12px;top:14px;justify-content:space-between}.three-view-tools button{flex:1 1 0;min-width:0;padding:0 4px}.three-stage-status{top:60px;left:12px;right:12px;max-width:none}.three-stage-status span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.three-toolbar{left:12px;right:12px;bottom:12px;flex-wrap:wrap;height:auto;padding:8px}.three-toolbar span{flex:1 0 100%}}.three-result-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.three-result-metrics div{min-height:72px;border:1px solid rgba(226,232,240,.86);border-radius:12px;background:#fff;padding:12px}.three-result-metrics span{display:block;color:var(--muted);font-size:11px;font-weight:900}.three-result-metrics b{display:block;margin-top:8px;color:var(--text);font-size:20px}.plan-work-surface{display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(90deg,rgba(226,232,240,.55) 1px,transparent 1px),linear-gradient(rgba(226,232,240,.55) 1px,transparent 1px),linear-gradient(180deg,#fbfcfe,#f6f9fc);background-size:28px 28px,28px 28px,auto}.plan-stage-toolbar{position:absolute;top:14px;left:14px;z-index:5;display:flex;gap:7px;padding:4px;border:1px solid rgba(226,232,240,.82);border-radius:12px;background:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.plan-tool-btn{height:28px;border:0;border-radius:9px;background:transparent;padding:0 10px;color:var(--text-2);font-size:11.5px;font-weight:750}.plan-tool-btn:hover,.plan-tool-btn.active{background:var(--blue-soft);color:var(--blue-deep)}.plan-upload-empty{position:relative;z-index:1;width:min(520px,72%);min-height:190px;display:grid;place-items:center;align-content:center;gap:9px;border:0;border-radius:14px;background:#ffffff8f;color:var(--text-2);text-align:center}.plan-upload-empty b{color:var(--text);font-size:18px}.plan-upload-empty span{color:var(--muted);font-size:12px}.plan-edit-canvas,.compare-canvas{position:relative;width:100%;height:100%;min-height:430px;display:flex;align-items:center;justify-content:center}.plan-preview-image{width:min(92%,960px);max-height:400px;border:0;border-radius:12px;background:#fff;padding:12px;box-shadow:0 18px 48px #0f172a14;cursor:zoom-in;outline:0!important}.plan-preview-image:focus,.plan-preview-image:focus-visible{outline:0!important;box-shadow:0 18px 48px #0f172a14}.plan-preview-image img{display:block;width:100%;max-height:376px;border:0;object-fit:contain;outline:0!important}.plan-preview-clean{width:min(86%,860px);max-height:390px;overflow:hidden;padding:0;background:#fff}.plan-preview-clean img{width:112%;max-width:none;max-height:none;transform:translate(-5.5%,-4%) scale(1.08);transform-origin:center}.compare-canvas{width:min(96%,1080px);max-height:440px;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 18px 48px #0f172a14;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.compare-canvas:focus,.compare-canvas:focus-visible{outline:0;box-shadow:0 18px 48px #0f172a14,0 0 0 3px #436dff24}.compare-canvas.dragging{cursor:grabbing}.compare-image{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.compare-base{opacity:.95}.compare-result-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff}.compare-handle{position:absolute;top:0;bottom:0;z-index:3;width:44px;background:transparent;cursor:ew-resize;pointer-events:auto;touch-action:none;transform:translate(-50%)}.compare-handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--blue);transform:translate(-50%)}.compare-handle span{position:absolute;top:50%;left:50%;width:42px;height:42px;border:5px solid #fff;border-radius:999px;background:var(--blue);box-shadow:0 12px 30px #436dff47;transform:translate(-50%,-50%)}.compare-handle span:before,.compare-handle span:after{content:"";position:absolute;top:50%;border-top:6px solid transparent;border-bottom:6px solid transparent;transform:translateY(-50%)}.compare-handle span:before{left:9px;border-right:8px solid #fff}.compare-handle span:after{right:9px;border-left:8px solid #fff}.compare-label{position:absolute;top:16px;z-index:4;border:0;border-radius:999px;background:#20242ab8;padding:7px 12px;color:#fff;font-size:12px;font-weight:800;pointer-events:none}.compare-label-result{left:18px}.compare-label-original{right:18px}.plan-running-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-content:center;gap:8px;background:#f8fafcd1;color:var(--text);text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.plan-running-mask b{font-size:16px}.plan-running-mask span{max-width:360px;color:var(--muted);font-size:13px}.label-float{position:absolute;top:20px;left:22px;z-index:2;padding:9px 15px;border-radius:999px;background:#ffffffeb;color:var(--text-2);font-weight:900;box-shadow:0 16px 40px #0f172a14}.palette-chip{position:absolute;top:22px;right:22px;z-index:2;display:flex;gap:10px}.palette-chip i{width:28px;height:28px;border:2px solid rgba(255,255,255,.8);border-radius:999px;box-shadow:0 5px 18px #0f172a1f}.color-stage-main{position:absolute;top:88px;right:58px;bottom:102px;left:58px;opacity:.92}.mass{position:absolute;border-radius:2px;background:linear-gradient(145deg,#fbfdfffa,#e5edf8c7);box-shadow:inset 0 0 0 1px #4169f51f,0 18px 42px #4169f514}.m1{left:7%;bottom:0;width:34%;height:45%;transform:skewY(18deg)}.m2{left:29%;bottom:22%;width:28%;height:38%;transform:skewY(18deg)}.m3{right:8%;bottom:4%;width:42%;height:39%;transform:skewY(18deg)}.m4{right:18%;top:12%;width:33%;height:30%;transform:skewY(18deg)}.plan-line{position:absolute;border-radius:999px;background:#53617433;box-shadow:0 0 0 1px #ffffff6b}.l1{left:11%;top:35%;width:76%;height:2px}.l2{left:34%;top:20%;width:2px;height:62%}.l3{left:58%;top:18%;width:2px;height:60%}.l4{left:18%;top:63%;width:68%;height:2px}.color-bottom{position:absolute;left:24px;right:24px;bottom:22px}.thumb-strip{display:flex;gap:10px}.thumb{width:56px;height:40px;border:1px solid rgba(226,232,240,.9);border-radius:10px;background:linear-gradient(145deg,#ffffffeb,#e8eef7b8);box-shadow:0 10px 22px #0f172a0d}.side-info{display:grid;align-content:start;gap:10px}.info-card{padding:15px;border:1px solid rgba(226,232,240,.86);border-radius:15px;background:#fffffff0;box-shadow:0 10px 24px #0f172a09}.info-card b,.info-card span{display:block}.info-card b{font-size:13px}.info-card span{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.7}.reference-status{color:var(--muted)}.reference-status.error{color:#d54d45}.reference-status.ok{color:#2f9b68}.reference-strip{position:absolute;left:28px;right:28px;bottom:24px;display:flex;gap:10px;flex-wrap:wrap;z-index:4;pointer-events:auto}.reference-card{display:inline-flex;align-items:center;gap:8px;max-width:210px;padding:7px 10px 7px 7px;border:1px solid rgba(220,228,238,.9);border-radius:12px;background:#ffffffe0;box-shadow:0 8px 22px #0f172a12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reference-card img{width:34px;height:34px;border-radius:8px;object-fit:cover;background:#eef2f7}.reference-card span{min-width:0;overflow:hidden;color:var(--text-2);font-size:11.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.reference-delete{width:22px;height:22px;border:0;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:16px;line-height:20px}.reference-delete:hover{background:#fee2e2;color:#c2410c}.task-result-strip{position:absolute;top:20px;right:22px;z-index:5}.task-result-card{width:min(300px,44vw);padding:10px;border:1px solid rgba(220,228,238,.92);border-radius:13px;background:#fffffff0;box-shadow:0 16px 34px #0f172a1f;cursor:zoom-in;transition:transform .16s ease,box-shadow .16s ease}.task-result-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px #0f172a24}.task-result-card img{display:block;width:100%;max-height:150px;border-radius:10px;object-fit:cover;background:#eef2f7}.task-result-card b,.task-result-card span{display:block}.task-result-card b{margin-top:8px;color:var(--text-2);font-size:12px}.task-result-card span{margin-top:4px;color:var(--muted);font-size:11.5px;line-height:1.45}.input-dock{padding:0 18px 14px}.input-shell{border:1px solid rgba(192,207,255,.86);border-radius:18px;background:#fffffff5;box-shadow:0 14px 34px #0f172a12}.tool-row{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px 0}.editor-wrap{position:relative;padding:8px 16px 0}.editor{min-height:72px;max-height:132px;overflow:auto;outline:0;color:var(--text);font-size:15px;line-height:1.65}.editor:empty:before{content:attr(data-placeholder);color:#a0a9b8}.mention-token{min-height:26px;display:inline-flex;align-items:center;gap:5px;margin:0 2px;border-radius:999px;background:var(--blue-soft);padding:3px 9px 3px 6px;color:var(--blue-deep);font-size:13px;font-weight:750;line-height:1;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.mention-token:before{content:attr(data-initial);width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:var(--blue);color:#fff;font-size:11px;font-weight:800}.mention-menu{position:absolute;left:8px;right:8px;bottom:calc(100% + 8px);z-index:20;max-height:min(420px,100vh - 240px);overflow-y:auto;overscroll-behavior:contain;padding:8px;border:1px solid #dfe6ef;border-radius:14px;background:#fffffff5;box-shadow:0 18px 44px #0f172a1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:thin}.mention-menu-title{position:sticky;top:-8px;z-index:1;padding:2px 8px 8px;background:#fffffff5;color:#8b96a6;font-size:12px;font-weight:650}.mention-option{width:100%;min-height:44px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;border:0;border-radius:10px;background:transparent;padding:7px 8px;text-align:left;cursor:pointer}.mention-option:hover,.mention-option.active{background:var(--surface-soft)}.mention-icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:var(--blue-soft);color:var(--blue-deep);font-size:13px;font-weight:800}.mention-copy{min-width:0;display:flex;align-items:baseline;gap:8px}.mention-copy b{color:var(--text);font-size:13px;line-height:1.2;white-space:nowrap}.mention-copy small{min-width:0;overflow:hidden;color:#9aa4b2;font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.editor-reference-chip{display:inline-flex;align-items:center;gap:6px;max-width:min(520px,100%);margin:0 3px 3px 0;padding:1px 6px 1px 7px;border-radius:999px;background:var(--blue-soft);color:var(--blue-strong);font-weight:800;vertical-align:middle}.editor-reference-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-reference-chip button{width:20px;height:20px;border:0;border-radius:999px;background:#2f55cf1f;color:var(--blue-strong)}.editor-reference-chip button:hover{background:#fee2e2;color:#c2410c}.composer-status,.composer-step-current{margin:8px 16px 0;border-radius:14px;padding:12px 14px;color:var(--muted);font-size:13px;font-weight:900;line-height:1.35}.composer-status{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) 26px;align-items:center;gap:10px;background:#f4f7fb}.composer-status.ok{background:#eaf8ef;color:#17844f}.composer-status.error{background:#fff1f1;color:#c94141}.composer-status span{min-width:0;overflow-wrap:anywhere}.composer-status button{position:relative;z-index:4;width:26px;height:26px;display:inline-grid;place-items:center;border:0;border-radius:999px;background:#0f172a14;color:currentColor;font-size:18px;font-weight:900;line-height:1;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:manipulation}.composer-status button:hover{background:#0f172a24}.composer-step-current{background:#edf4ff;color:var(--blue-deep)}.input-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 16px 14px}.input-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px;font-weight:800}.input-actions{display:flex;gap:10px}.right-top{height:52px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid rgba(226,232,240,.72)}.right-top-title{font-weight:900}.workspace-summary{padding:15px;border-radius:15px;background:linear-gradient(180deg,#f8fbfff5,#fffffff5);border:1px solid rgba(226,232,240,.86);box-shadow:0 10px 24px #0f172a09}.workspace-summary b,.workspace-summary span{display:block}.workspace-summary span{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.7}.param-card{min-width:0;margin-top:10px;padding:13px;border:1px solid rgba(226,232,240,.86);border-radius:15px;background:#fffffff0;box-shadow:0 10px 24px #0f172a08}.param-card h3{margin:0 0 10px;color:var(--text);font-size:13px}.massing-input-row{display:grid;grid-template-columns:minmax(0,1fr) 88px 24px;align-items:center;gap:8px;min-height:42px;margin-top:8px;border:1px solid #dfe6ef;border-radius:12px;background:#fff;padding:0 10px 0 12px}.massing-input-row:first-of-type{margin-top:0}.massing-input-row span{overflow:hidden;color:var(--muted);font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.massing-input-row input{width:100%;border:0;background:transparent;color:var(--text);font-size:13px;font-weight:900;text-align:right;outline:0}.massing-input-row em{color:var(--muted);font-size:11px;font-style:normal;font-weight:900;text-align:right}.massing-plane-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.massing-plane-grid button,.massing-form-grid button,.massing-quick-seeds button{min-width:0;border:1px solid #dfe6ef;background:#f8fafc;color:var(--text-2);font-weight:900;cursor:pointer}.massing-plane-grid button{height:76px;border-radius:12px;padding:6px 3px}.massing-plane-grid button.active,.massing-form-grid button.active{border-color:#4169f585;background:#fff;color:var(--blue-deep);box-shadow:inset 0 0 0 1px #4169f56b}.massing-plane-grid i{display:block;width:44px;height:42px;margin:0 auto 4px}.massing-plane-grid span{display:block;font-size:11px;white-space:nowrap}.massing-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.massing-form-grid button{min-height:58px;display:grid;gap:4px;align-content:center;border-radius:12px;padding:8px;text-align:left}.massing-form-grid b,.massing-form-grid span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.massing-form-grid b{color:inherit;font-size:12px}.massing-form-grid span{color:var(--muted);font-size:10px;font-weight:800}.massing-quick-seeds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}.massing-quick-seeds button{height:30px;border-radius:9px;font-size:11px}.massing-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.massing-stats-grid span{min-width:0;min-height:46px;display:grid;gap:4px;align-content:center;border-radius:11px;background:#f5f7fb;padding:8px 10px;color:var(--muted);font-size:11px;font-weight:900}.massing-stats-grid b{overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.cad-upload-box{width:100%;min-height:76px;display:grid;gap:6px;align-content:center;border:1px dashed rgba(65,105,245,.44);border-radius:14px;background:#f8fbff;padding:12px;color:var(--text);text-align:left;cursor:pointer}.cad-upload-box:disabled{cursor:wait;opacity:.78}.cad-upload-box b,.cad-upload-box span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cad-upload-box b{font-size:13px;font-weight:950}.cad-upload-box span{color:var(--muted);font-size:11px;font-weight:850}.cad-checks{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.cad-checks span{min-height:24px;display:inline-flex;align-items:center;border-radius:999px;background:#eef2ff;padding:0 8px;color:#3955be;font-size:11px;font-weight:900}.cad-checks span.pass{background:#e9f8ef;color:#187b42}.cad-checks span.warn{background:#fff7e6;color:#9a5a00}.cad-checks span.blocked{background:#fff0f0;color:#c43d3d}.cad-layer-grid{display:grid;gap:8px}.cad-layer-grid label{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:8px}.cad-layer-grid span{overflow:hidden;color:var(--muted);font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-label{display:block;margin-bottom:7px;color:var(--muted);font-size:11px;font-weight:900}.select{width:100%;height:36px;border:1px solid var(--border);border-radius:11px;background:#fffffffa;color:var(--text-2);outline:0}.wide-btn{width:100%;min-height:40px;border:0;border-radius:12px;background:#eef2f7;color:var(--text-2);font-size:13px;font-weight:900;cursor:pointer}.wide-btn:disabled{cursor:not-allowed;opacity:.62}.pills{display:flex;gap:8px;flex-wrap:wrap}.version-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid #dfe6ef;border-radius:12px;background:#fff}.version-tabs button{min-width:0;min-height:38px;border:0;border-radius:9px;background:transparent;color:var(--text-2);font-size:12px;font-weight:800}.style-grid{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.style-option{min-width:0;border:1px solid transparent;border-radius:12px;background:transparent;padding:5px;color:var(--text-2);text-align:center;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.style-thumb{position:relative;aspect-ratio:4/3;display:block;overflow:hidden;border-radius:10px;background:linear-gradient(135deg,var(--tone-a, #e8edf3),var(--tone-b, #f6f8fb));box-shadow:inset 0 0 0 1px #e3eaf3;transition:box-shadow .16s ease,transform .16s ease}.style-thumb img{width:100%;height:100%;display:block;object-fit:cover}.style-option.active .style-thumb:after{content:"✓";position:absolute;right:7px;top:7px;width:20px;height:20px;display:grid;place-items:center;border-radius:7px;border:2px solid #fff;background:var(--blue);color:#fff;font-size:13px;font-weight:900;box-shadow:0 6px 14px #1d4ed847}.style-option:hover .style-thumb{transform:translateY(-1px)}.style-option b{display:block;margin-top:7px;overflow:hidden;color:inherit;font-size:12px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.empty-param{padding:16px;border-radius:12px;background:#f5f7fb;color:var(--muted);font-size:12px;font-weight:800}.pill{min-height:30px;display:inline-flex;align-items:center;padding:0 10px;border:0;border-radius:999px;background:#f5f7fb;color:var(--text-2);font-size:12px;font-weight:800}.pill.active{background:linear-gradient(180deg,#eef4ff,#e7efff);color:var(--blue-strong);box-shadow:inset 0 0 0 1px #4169f514}.image-preview-mask{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:28px;background:#0f172aa8;z-index:140}.image-preview-dialog{width:min(920px,100vw - 56px);max-height:min(780px,100vh - 56px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 28px 86px #0f172a52}.image-preview-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #e5e7eb}.image-preview-head b,.image-preview-head span{display:block}.image-preview-head b{max-width:min(520px,52vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-preview-head span{margin-top:3px;color:var(--muted);font-size:12px}.image-preview-actions{display:flex;align-items:center;gap:8px}.image-preview-body{min-height:0;overflow:auto;padding:16px;background:#f8fafc}.image-preview-body img{display:block;width:auto;max-width:100%;max-height:min(620px,100vh - 188px);margin:0 auto;border-radius:12px;background:#e5e7eb;object-fit:contain}@media(max-width:720px){.image-preview-mask{padding:14px}.image-preview-dialog{width:calc(100vw - 28px);max-height:calc(100vh - 28px)}.image-preview-head{align-items:flex-start;flex-direction:column}.image-preview-head b{max-width:calc(100vw - 72px)}.image-preview-actions{width:100%;justify-content:flex-end}.image-preview-body img{max-height:calc(100vh - 228px)}}.login-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:180;display:grid;place-items:center;padding:24px;background:#0f172a85;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-card{width:min(420px,100%);overflow:hidden;border:1px solid rgba(226,232,240,.92);border-radius:22px;background:#fffffffa;box-shadow:0 28px 86px #0f172a40}.login-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 20px 14px;border-bottom:1px solid rgba(226,232,240,.8)}.login-head h2,.login-head p{margin:0}.login-head h2{font-size:20px;line-height:1.25}.login-head p{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.5}.auth-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:14px 20px 0;padding:4px;border:1px solid var(--border);border-radius:13px;background:var(--surface-soft)}.auth-tab{min-width:0;height:36px;border:0;border-radius:10px;background:transparent;color:var(--text-2);font-size:13px;font-weight:900}.auth-tab.active{background:#fff;color:var(--blue-deep);box-shadow:0 8px 18px #0f172a14}.auth-pane{padding:18px 20px 20px}.auth-msg{min-height:20px;margin:0;color:var(--muted);font-size:13px;line-height:1.55}.auth-msg.error{color:#d54d45}.auth-msg.ok{color:#2f9b68}.auth-row{display:grid;gap:10px}.auth-code-row{grid-template-columns:minmax(0,1fr) 112px;align-items:end}.auth-code-btn{width:100%}.auth-submit-btn{width:100%;margin-top:16px}.qr-placeholder{min-height:180px;display:grid;place-items:center;margin-top:14px;border:1px dashed var(--border);border-radius:16px;background:var(--surface-soft);color:var(--muted);font-size:13px;font-weight:800}.nickname-mask{z-index:190}.nickname-card{width:min(400px,100%)}.profile-save-status{margin:10px 0 0;font-size:13px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#fbfcff,#f4f7fb)}.auth-card{width:min(420px,100%);padding:24px;border:1px solid rgba(226,232,240,.86);border-radius:24px;background:#ffffffe6;box-shadow:0 22px 58px #0f172a1a}.auth-card h1{margin:0;font-size:24px}.auth-card p{color:var(--muted)}.form-field{margin-top:14px}.form-field.compact-field{margin-top:0}.form-field label{display:block;margin-bottom:7px;color:var(--text-2);font-size:12px;font-weight:900}.form-field input{width:100%;height:42px;border:1px solid var(--border);border-radius:12px;padding:0 12px;outline:0}.utility-check{display:grid;margin-top:10px}@media(max-width:1280px){.workspace-app{--workspace-left-column: clamp(200px, 22vw, 250px);--workspace-right-column: clamp(240px, 28vw, 280px);grid-template-columns:var(--workspace-left-column) minmax(0,1fr) var(--workspace-right-column);gap:8px;padding:8px}.workspace-app.prompt-dock-layout{grid-template-columns:var(--workspace-left-column) minmax(0,1fr) var(--workspace-right-column)}.main-scroll{padding:14px}.side-scroll,.right-scroll{padding:12px}.prompt-dock-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.stage-grid{grid-template-columns:1fr}}@media(max-width:1080px)and (min-width:901px){.workspace-app,.workspace-app.prompt-dock-layout{--workspace-left-column: clamp(180px, 22vw, 220px);--workspace-right-column: clamp(230px, 28vw, 270px);grid-template-columns:var(--workspace-left-column) minmax(0,1fr) var(--workspace-right-column)}.site-user-meta{display:none}}@media(max-width:900px){.workspace-menu{padding:0 14px}.site-user-meta{display:none}.workspace-app{--workspace-drawer-expanded-width: min(320px, calc(var(--workspace-visual-width, 100vw) - 56px));--workspace-left-safe-width: 56px;--workspace-right-safe-width: 56px;grid-template-columns:minmax(0,1fr);padding:8px}.workspace-app.prompt-dock-layout{grid-template-columns:minmax(0,1fr)}.workspace-app:not(.left-collapsed){--workspace-left-safe-width: var(--workspace-drawer-expanded-width)}.workspace-app:not(.right-collapsed){--workspace-right-safe-width: var(--workspace-drawer-expanded-width)}.main{margin-right:var(--workspace-right-safe-width);margin-left:var(--workspace-left-safe-width)}.main-scroll{padding:14px 10px}.stage-wrap,.toolbench{width:100%;max-width:100%;margin:0}.stage-card{min-height:0;padding:10px 0}.stage-panel,.plan-work-surface{min-height:min(62vh,560px)}.plan-edit-canvas,.compare-canvas{width:100%;max-width:100%;height:min(58vh,520px);min-height:min(58vh,520px)}.sidebar,.rightbar{position:fixed;top:58px;bottom:0;z-index:80;display:grid;width:var(--workspace-drawer-expanded-width);height:auto;border-radius:0;box-shadow:0 18px 48px #0f172a29;transition:box-shadow .16s ease}.sidebar{left:0}.rightbar{right:auto;left:calc(var(--workspace-visual-width, 100vw) - var(--workspace-drawer-expanded-width))}.workspace-app.left-collapsed .sidebar,.workspace-app.right-collapsed .rightbar{width:56px;box-shadow:none}.workspace-app.right-collapsed .rightbar{left:calc(var(--workspace-visual-width, 100vw) - 56px)}.workspace-app.left-collapsed .left-rail,.workspace-app.right-collapsed .right-rail{display:flex}.workspace-app.left-collapsed .side-scroll,.workspace-app.right-collapsed .right-top-title,.workspace-app.right-collapsed .right-scroll{display:none}.workspace-app:not(.left-collapsed) .sidebar,.workspace-app:not(.right-collapsed) .rightbar{z-index:100}.color-extractor-tool{height:100%;padding:10px}.color-extractor-stage-card{min-height:min(560px,100%)}.color-extractor-result-card{gap:10px;padding:14px}.color-extractor-section h4{margin-bottom:8px;font-size:20px}.color-extractor-title{align-items:stretch;flex-direction:column}.color-extractor-palette-grid{grid-template-columns:repeat(3,minmax(48px,1fr));gap:8px 6px}.color-extractor-main-swatch,.color-extractor-main-placeholder{width:78px;height:78px}.color-extractor-hex.main{font-size:22px}.color-extractor-swatch,.color-extractor-swatch-empty span{width:34px;height:34px}.color-extractor-swatch-item strong,.color-extractor-swatch-empty i{font-size:10px}.color-extractor-actions{gap:8px;margin-top:2px}.color-extractor-actions button{min-height:40px;font-size:15px}.color-extractor-status{margin-top:0;font-size:13px}.main{border-radius:18px}.prompt-result-surface{padding:14px}.prompt-dock-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-grid{grid-template-columns:1fr}.utility-stage-surface{padding:12px}.image-compress-tool{grid-template-columns:1fr;grid-template-rows:minmax(220px,.62fr) auto minmax(0,1fr);height:auto;overflow:visible}.image-compress-upload,.image-compress-summary,.image-compress-list{grid-column:1}.image-compress-upload{grid-row:1}.image-compress-list{min-height:180px}.image-compress-row{grid-template-columns:44px minmax(0,1fr)}.image-compress-result,.image-compress-actions{justify-items:start;grid-column:2}.image-compress-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.utility-cutout-result{grid-template-columns:1fr}.utility-cutout-result section{gap:8px}.utility-cutout-result img,.cutout-edit-frame,.cutout-frame{min-height:160px}.cutout-edit-frame canvas,.cutout-frame canvas,.cutout-frame img{max-height:220px}.input-foot{align-items:center;flex-direction:row;justify-content:space-between;gap:10px}.input-meta{min-width:0;flex:1 1 auto;flex-wrap:nowrap;overflow:hidden}.input-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-actions{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(96px,1fr));gap:8px}.input-btn{min-width:0;padding:0 12px}}@media(max-width:1440px)and (min-width:901px){.image-compress-tool{grid-template-columns:minmax(220px,.86fr) minmax(0,1.14fr)}.image-compress-row{grid-template-columns:52px minmax(0,1fr) minmax(96px,auto);align-items:start}.image-compress-row>img{width:52px;height:52px}.image-compress-result{justify-items:end}.image-compress-actions{grid-column:2/4;justify-items:start;min-width:0}}@media(max-width:480px){.color-extractor-result-card{gap:8px;padding:12px}.color-extractor-section h4{margin-bottom:6px;font-size:18px}.color-extractor-main-swatch,.color-extractor-main-placeholder{width:58px;height:58px}.color-extractor-hex.main{font-size:18px}.color-extractor-palette-grid{grid-template-columns:repeat(5,minmax(24px,1fr));gap:7px 4px}.color-extractor-swatch,.color-extractor-swatch-empty span{width:24px;height:24px}.color-extractor-swatch-item,.color-extractor-swatch-empty{gap:3px}.color-extractor-swatch-item strong,.color-extractor-swatch-empty i{font-size:7px}.color-extractor-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.color-extractor-actions button{min-height:36px;border-radius:7px;padding:0 4px;font-size:11px;white-space:nowrap}.color-extractor-status{display:none}}.workspace-screen{grid-template-rows:58px minmax(0,1fr);background:var(--bg)}.workspace-app{--workspace-left-column: clamp(220px, 18vw, var(--left));--workspace-right-column: clamp(260px, 22vw, var(--right));height:100%;grid-template-columns:var(--workspace-left-column) minmax(0,1fr) var(--workspace-right-column);gap:0;padding:0;background:var(--bg);transition:grid-template-columns .22s cubic-bezier(.2,.8,.2,1)}.workspace-route-screen>.workspace-app:not(.compact-drawer-layout):not(.left-collapsed):not(.right-collapsed),.workspace-route-screen>.workspace-app.prompt-dock-layout:not(.compact-drawer-layout):not(.left-collapsed):not(.right-collapsed){grid-template-columns:var(--workspace-left-column) minmax(0,1fr) var(--workspace-right-column)!important}.workspace-app.prompt-dock-layout,.workspace-route-screen>.workspace-app.prompt-dock-layout:not(.compact-drawer-layout):not(.left-collapsed):not(.right-collapsed){grid-template-columns:var(--workspace-left-column) minmax(0,1fr) var(--workspace-right-column)}.workspace-app.left-collapsed{grid-template-columns:68px minmax(0,1fr) var(--workspace-right-column)}.workspace-app.right-collapsed{grid-template-columns:var(--workspace-left-column) minmax(0,1fr) 68px}.workspace-app.left-collapsed.right-collapsed{grid-template-columns:68px minmax(0,1fr) 68px}.sidebar,.main,.rightbar{height:100%;min-width:0;border:0;border-radius:0;background:var(--surface);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.sidebar,.rightbar{position:relative;overflow:visible;border-radius:0}.sidebar{display:grid;grid-template-rows:minmax(0,1fr);border-right:1px solid var(--line)}.rightbar{z-index:15;display:grid;grid-template-rows:var(--top) minmax(0,1fr);border-left:1px solid var(--line)}.main{position:relative;z-index:1;isolation:isolate;display:grid;grid-template-rows:var(--top) minmax(0,1fr) var(--input);overflow:hidden;border-radius:0;background:#fafbfc}.workspace-app.prompt-dock-layout .main{grid-template-rows:var(--top) minmax(0,1fr) var(--input)}.right-top,.main-top{height:var(--top);display:flex;align-items:center}.main-top{justify-content:space-between;gap:12px;padding:0 36px;border-bottom:0}.workspace-title h1{margin:0;font-size:16px;line-height:1.2}.workspace-title p{margin:3px 0 0;color:var(--muted);font-size:11.5px}.side-scroll,.main-scroll,.right-scroll,.editor,.collapse-popover{overflow:auto;scroll-behavior:smooth;scrollbar-width:none}.side-scroll::-webkit-scrollbar,.main-scroll::-webkit-scrollbar,.right-scroll::-webkit-scrollbar,.editor::-webkit-scrollbar,.collapse-popover::-webkit-scrollbar{width:0;height:0}.side-scroll{height:auto;padding:10px 10px 12px}.main-scroll{position:relative;z-index:1;min-width:0;padding:28px 36px 34px}.right-scroll{min-width:0;height:auto;padding:12px;overflow-x:hidden}.primary-row,.nav-row{width:100%;border:0;border-radius:10px;display:flex;align-items:center;transition:background .16s ease,transform .16s ease,color .16s ease}.primary-row{height:38px;justify-content:flex-start;gap:10px;padding:0 10px;background:var(--surface-soft);color:var(--text);font-size:inherit;font-weight:700;box-shadow:none}.primary-row .ico,.nav-left .ico,.topic-main .ico{width:16px;height:16px}.primary-row:hover,.nav-row:hover,.topic-row:hover{background:var(--surface-hover);transform:translateY(-1px)}.nav-row{min-height:38px;justify-content:space-between;gap:8px;padding:8px 10px;background:transparent;color:var(--text-2);font-size:inherit;font-weight:inherit}.nav-row.active{background:var(--blue-soft);color:var(--blue-deep)}.badge{min-width:auto;height:auto;display:inline-block;border-radius:999px;padding:2px 7px;background:#eef0f3;color:#6b7280;font-size:10.5px;font-weight:inherit}.block{margin-top:14px}.block-title{margin:0 0 7px 8px;color:var(--muted);font-size:11px}.search{height:38px;gap:9px;padding:0 10px;border-radius:10px;background:var(--surface-soft);color:var(--muted);transition:background .16s ease,box-shadow .16s ease}.search .ico{width:16px;height:16px}.topic-list{display:flex;flex-direction:column;gap:2px}.topic-row{width:100%;border:0;border-radius:10px;background:transparent;padding:9px 10px;text-align:left;transition:background .16s ease,transform .16s ease}.topic-row.active{background:#eef3f9}.topic-main{display:flex;align-items:center;gap:9px;min-width:0}.topic-main .ico{color:#111827}.topic-text b{color:#111827;font-size:12.5px;line-height:1.35;font-weight:700}.topic-text span{margin-top:3px;color:var(--muted);font-size:11px;font-weight:inherit}.stage-wrap,.toolbench{min-width:0;max-width:1140px;margin:0 auto}.stage-wrap{display:flex;flex-direction:column;gap:12px;min-height:auto;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.stage-card{position:relative;min-width:0;min-height:540px;padding:14px;border:0;border-radius:16px;background:var(--surface);box-shadow:none}.stage-grid{min-width:0;height:100%;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px}.plan-stage-grid{grid-template-columns:minmax(0,1fr)}.stage-panel{position:relative;min-width:0;min-height:470px;overflow:hidden;border:1px solid #e3eaf3;border-radius:14px;background:linear-gradient(180deg,#fcfdff,#f6f8fb);box-shadow:none}.grid-bg{background:linear-gradient(180deg,#fcfdff,#f4f7fb),linear-gradient(90deg,rgba(216,224,234,.45) 1px,transparent 1px),linear-gradient(rgba(216,224,234,.45) 1px,transparent 1px);background-size:auto,24px 24px,24px 24px}.stage-panel:after{top:86px;right:42px;bottom:90px;left:42px;border-radius:18px}.plan-stage-card{height:clamp(320px,100vh - 58px - var(--top) - var(--input) - 96px,540px);min-height:0}.plan-stage-card .plan-stage-grid,.plan-stage-card .plan-stage-grid>div,.plan-stage-card .plan-work-surface{height:100%;min-height:0}.plan-stage-card .plan-work-surface{padding:12px}.plan-stage-card .plan-work-surface.has-reference{padding-top:58px}.plan-stage-card .plan-edit-canvas,.plan-stage-card .compare-canvas{width:100%;max-width:100%;height:100%;min-height:0;max-height:100%}.plan-stage-card .compare-canvas{width:min(100%,1080px)}.plan-stage-card .plan-preview-clean{width:min(100%,960px);height:100%;max-height:100%}.plan-stage-card .plan-preview-clean img{width:100%;max-width:100%;height:100%;max-height:100%;object-fit:contain;transform:none}.input-dock{position:relative;z-index:20;height:var(--input);padding:22px 36px 24px;background:var(--surface);box-shadow:none}.input-dock:before{content:"";position:absolute;z-index:1;top:-36px;right:0;left:0;height:36px;background:linear-gradient(180deg,rgba(250,251,252,0),rgba(250,251,252,.92) 76%,var(--surface));pointer-events:none}.input-shell{position:relative;z-index:2;height:100%;max-width:1140px;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:visible;margin:0 auto;border:1px solid #dfe6ef;border-radius:14px;background:#fff;box-shadow:none;transition:border-color .16s ease}.input-shell.has-reference{grid-template-rows:auto minmax(0,1fr) auto}.input-shell:focus-within{border-color:#d6e1ee;box-shadow:none}.tool-row{min-height:42px;align-items:center;gap:7px;overflow:visible;padding:11px 11px 0}.editor-wrap{min-height:0;padding:11px 11px 7px}.editor{width:100%;height:100%;min-height:68px;max-height:92px;font-size:14px}.input-shell.has-reference .editor{min-height:48px;max-height:64px}.input-foot{padding:8px 16px 14px}.right-top{justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:0}.right-top-title{color:var(--text);font-size:13px;font-weight:700}.workspace-summary{margin-bottom:12px;padding:2px 2px 8px;border:0;border-radius:0;background:transparent;box-shadow:none}.workspace-summary b{display:block;margin-bottom:6px;font-size:14px}.workspace-summary span{color:var(--muted);font-size:12px;line-height:1.55}.info-card,.param-card{min-width:0;max-width:100%;margin-top:0;margin-bottom:10px;padding:10px;border:0;border-radius:12px;background:var(--surface-soft);box-shadow:none}.info-card b,.param-card h3{display:block;margin:0 0 7px;font-size:12.5px}.version-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border:1px solid #dfe6ef;border-radius:12px;background:#fff}.version-tabs button{height:38px;border:0;border-radius:9px;background:transparent;color:var(--text-2);font-size:12px;font-weight:800}.version-tabs button.active{background:var(--blue-soft);color:var(--blue-deep)}.style-grid{min-width:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 8px}.style-option{min-width:0;border:1px solid transparent;border-radius:13px;background:transparent;padding:4px;color:var(--text-2);text-align:center}.style-thumb{height:52px;border-radius:10px;box-shadow:inset 0 0 0 1px #e3eaf3}.style-option.active{border-color:#436dff3d;background:#edf4ff;color:var(--blue-deep)}.style-option.active .style-thumb{box-shadow:inset 0 0 0 2px var(--blue),0 8px 22px #436dff2e}.param-actions{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.param-actions button{min-width:0;height:34px;border:0;border-radius:10px;background:var(--surface-soft);color:var(--text-2);font-size:12px;transition:background .16s ease,transform .16s ease}.param-actions button.primary{background:var(--blue);color:#fff}.site-screen{height:100vh;display:grid;grid-template-rows:58px minmax(0,1fr);background:#fafbfc}.site-header{height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 22px;border-bottom:1px solid var(--line);background:#ffffffeb}.site-actions{display:flex;align-items:center;gap:10px}.site-nav{display:inline-flex;align-items:center;gap:4px;min-width:0;padding:0;background:transparent}.site-nav button{height:34px;border:0;border-radius:9px;background:transparent;padding:0 12px;color:var(--text-2);font-size:12.5px;font-weight:700;line-height:1;white-space:nowrap;transition:background .16s ease,color .16s ease,transform .16s ease}.site-nav button:hover,.site-nav button.active{background:var(--blue-soft);color:var(--blue-strong);box-shadow:none}.site-placeholder,.resource-main{min-height:0;display:grid;place-items:center;overflow:auto;padding:24px}.site-placeholder.is-profile{display:block;place-items:initial;background:#f7f8fa}.resource-screen{background:#fafbfc}.blank-panel{width:min(92vw,840px);min-height:420px;display:grid;place-items:center;border-radius:16px;background:#fff;color:var(--muted);text-align:center;box-shadow:inset 0 0 0 1px var(--line)}.blank-panel h1{margin:0;color:var(--text);font-size:22px}.blank-panel p{margin:10px 0 0;line-height:1.8}.user-menu{position:relative;display:inline-flex;align-items:center}.user-trigger{min-width:0;border-radius:0;padding:4px 4px 4px 10px;color:var(--text)}.user-trigger:hover,.user-trigger.is-open{background:transparent;color:var(--blue-deep)}.user-trigger .avatar{order:2}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:80;width:280px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 24px 70px #0f172a29}.user-dropdown-head{padding:18px 20px;border-bottom:1px solid var(--line);background:#fbfcfe}.user-dropdown-head span,.user-dropdown-head b,.user-menu-item span{display:block}.user-dropdown-head span{color:var(--text-2);font-size:12px;font-weight:750}.user-dropdown-head b{margin-top:12px;overflow:hidden;color:var(--text);font-size:17px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-body{padding:8px 0}.user-menu-item{width:100%;min-height:48px;display:flex;align-items:center;gap:12px;border:0;background:#fff;padding:0 18px;color:var(--text-2);font-size:15px;font-weight:760;text-align:left}.user-menu-item:hover{background:var(--surface-soft);color:var(--text)}.user-menu-item.danger{border-top:1px solid var(--line);color:#dc2626}.user-menu-item.danger:hover{background:#fef2f2;color:#b91c1c}.profile-page{width:min(1180px,100%);display:grid;grid-template-columns:238px minmax(0,1fr);gap:18px;margin:0 auto}.profile-menu,.profile-hero,.profile-panel{border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}.profile-menu{min-height:560px;padding:14px}.profile-menu-title{padding:4px 6px 12px}.profile-menu-title b,.profile-menu-title span,.profile-menu-item strong,.profile-menu-item span{display:block}.profile-menu-title b{font-size:16px}.profile-menu-title span,.profile-menu-item span{margin-top:5px;color:var(--muted);font-size:12px}.profile-menu-list{display:flex;flex-direction:column;gap:6px}.profile-menu-item{width:100%;min-height:50px;display:flex;align-items:center;gap:10px;border:0;border-radius:12px;background:transparent;padding:8px 10px;color:var(--text-2);text-align:left;transition:background .16s ease,color .16s ease,transform .16s ease}.profile-menu-item:hover,.profile-menu-item.active{background:var(--blue-soft);color:var(--blue-deep);transform:translateY(-1px)}.profile-menu-item:disabled{cursor:default;opacity:.48;transform:none}.profile-menu-item strong{font-size:13px}.profile-menu-item span{margin-top:4px;font-size:11px}.profile-content{min-width:0;display:grid;gap:14px}.profile-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px}.profile-hero-main{min-width:0;display:flex;align-items:center;gap:14px}.profile-hero h1{margin:0;color:var(--text);font-size:22px;line-height:1.25}.profile-hero p{margin:6px 0 0;color:var(--muted)}.profile-avatar{position:relative;width:62px;height:62px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border:0;border-radius:50%;background:var(--blue-soft);color:var(--blue-deep);font-size:18px;font-weight:900}.profile-avatar-edit-mark{position:absolute;right:0;bottom:0;width:24px;height:24px;display:grid;place-items:center;border:2px solid #fff;border-radius:999px;background:var(--blue);color:#fff}.profile-avatar-edit-mark .ico{width:13px;height:13px}.profile-badges,.security-status{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.profile-badge,.status-chip{min-height:28px;display:inline-flex;align-items:center;border-radius:999px;background:var(--blue-soft);padding:0 10px;color:var(--blue-deep);font-size:12px;font-weight:800}.status-chip.empty{background:var(--surface-soft);color:var(--muted)}.profile-panel{padding:18px}.profile-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.profile-panel-head h2,.profile-panel-head p,.avatar-upload-row p,.security-row h3,.security-row p{margin:0}.profile-panel-head h2{font-size:16px}.profile-panel-head p,.security-row p{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.6}.avatar-upload-row,.security-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.avatar-upload-row{color:var(--muted)}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-field label{display:block;margin-bottom:7px;color:var(--muted);font-size:12px;font-weight:800}.profile-field input,.profile-value{width:100%;min-height:42px;display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 12px;color:var(--text)}.profile-field input{outline:0}.profile-field input:focus{border-color:#436dff6b;box-shadow:0 0 0 3px #436dff1a}.profile-value{background:var(--surface-soft);color:var(--text-2)}.security-list{display:grid;gap:10px}.security-row{min-height:72px;border:1px solid var(--line);border-radius:14px;padding:14px}.security-row h3{font-size:14px}.toolbench-searchbar{min-width:min(520px,100%);height:40px;display:flex;align-items:center;gap:10px;border-radius:12px;background:var(--surface-soft);padding:0 12px;color:var(--muted)}.toolbench-searchbar input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text)}.toolbench-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.toolbench-head h2,.toolbench-head p{margin:0}.toolbench-head h2{font-size:18px}.toolbench-head p{margin-top:5px;color:var(--muted);font-size:12px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tool-card{min-height:126px;border-radius:14px;background:var(--surface);padding:14px;cursor:pointer;box-shadow:0 1px #0000000a;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.tool-card:hover{background:#fcfcfd;box-shadow:0 10px 28px #0f172a0f;transform:translateY(-2px)}.tool-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border-radius:10px;background:var(--blue-soft);color:var(--blue)}.tool-card h3{margin:0 0 6px;font-size:13px}.tool-card p{margin:0;color:var(--text-2);font-size:12px;line-height:1.6}.tool-card-footer{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.tool-tag{border-radius:999px;background:var(--surface-soft);padding:2px 7px;color:var(--muted);font-size:10.5px}.tool-empty{grid-column:1/-1;min-height:150px;display:grid;place-items:center;border-radius:14px;background:var(--surface);color:var(--muted);font-size:13px;box-shadow:inset 0 0 0 1px var(--line)}.sketch-paper{position:absolute;top:22px;right:22px;bottom:22px;left:22px;overflow:hidden;border-radius:16px;background:#fffdf7;box-shadow:0 10px 30px #3232320f,inset 0 0 0 1px #f0ead8}.sketch-paper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(60,60,60,.02),transparent 38%),radial-gradient(circle at 80% 70%,rgba(60,60,60,.03),transparent 42%),repeating-linear-gradient(0deg,transparent 0,transparent 27px,rgba(0,0,0,.02) 28px)}.sketch-line{position:absolute;border:2px solid rgba(64,72,88,.34);border-top:0;border-right:0;border-radius:10px;transform:rotate(-6deg)}.sketch-line.thin{border-width:1.5px}.stroke-note{position:absolute;border-radius:999px;background:#ffffffd6;padding:5px 8px;color:#6a7381;font-size:11px;box-shadow:0 4px 16px #0f172a0d}.swatch-row{position:absolute;right:18px;bottom:18px;display:flex;gap:8px}.swatch-row i{width:24px;height:24px;border:2px solid rgba(255,255,255,.8);border-radius:999px;box-shadow:0 8px 18px #0f172a1f}.render-stage{position:absolute;top:20px;right:20px;bottom:20px;left:20px;display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.render-upload,.render-preview{position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(180deg,#fafcff,#f4f7fb);box-shadow:inset 0 0 0 1px #ebeff5}.drop-zone{position:absolute;top:26px;right:26px;bottom:26px;left:26px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:2px dashed #dce4ee;border-radius:18px;color:var(--muted)}.drop-zone b{color:var(--text-2);font-size:14px}.drop-zone span{font-size:12px}.scene-sky{position:absolute;top:0;right:0;left:0;height:42%;background:linear-gradient(180deg,#dcecff,#f7fbff)}.scene-ground{position:absolute;right:0;bottom:0;left:0;height:32%;background:linear-gradient(180deg,#eef1ed,#e6ebdf)}.scene-building{position:absolute;bottom:23%;left:16%;width:56%;height:30%;background:linear-gradient(180deg,#fdfefe,#e6edf6);box-shadow:inset 0 0 0 1px #d4dde8;clip-path:polygon(0 18%,74% 0,100% 26%,100% 100%,0 100%)}.scene-glass{position:absolute;bottom:28%;left:49%;width:16%;height:20%;background:linear-gradient(180deg,#dfeefe,#f4f9ff);box-shadow:inset 0 0 0 1px #d8e3f0;transform:skew(-8deg)}.render-views{position:absolute;right:18px;bottom:18px;left:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.render-mini{height:82px;border-radius:10px;background:linear-gradient(180deg,#fff,#f5f8fc);box-shadow:inset 0 0 0 1px #e8eef5}.diagram-board{position:absolute;top:20px;right:20px;bottom:20px;left:20px;overflow:hidden;border:0;border-radius:16px;background:#fff;box-shadow:none}.diagram-board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(226,232,240,.65) 1px,transparent 1px),linear-gradient(rgba(226,232,240,.65) 1px,transparent 1px);background-size:36px 36px}.legend{position:absolute;top:18px;right:18px;z-index:2;border-radius:12px;background:#fff;padding:10px 12px;box-shadow:0 8px 24px #0f172a0d}.legend b{display:block;margin-bottom:8px;font-size:12px}.legend-row{display:flex;align-items:center;gap:8px;margin-top:6px;color:var(--text-2);font-size:11.5px}.legend-swatch{width:10px;height:10px;border-radius:50%}.diagram-board .node{position:absolute;z-index:1;border-radius:14px;padding:10px 14px;color:#1f2937;font-weight:700;box-shadow:0 8px 20px #0f172a0d}.diagram-board .node.blue{background:#edf4ff}.diagram-board .node.green{background:#edf8f3}.diagram-board .node.orange{background:#fff4e8}.diagram-board .node.gray{background:#f4f6f8}.diagram-board .arrow{position:absolute;z-index:1;height:2px;background:#c6d1df;transform-origin:left center}.diagram-board .arrow:after{content:"";position:absolute;top:-4px;right:-2px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #c6d1df}.task-result-placeholder{min-height:112px;display:grid;place-items:center;border-radius:10px;background:var(--surface-soft);color:var(--muted)}.task-result-card.is-failed{border-color:#ef444447}.task-step-list{display:grid;gap:5px;margin:10px 0 0;padding:0;list-style:none}.task-step-list li{display:grid;grid-template-columns:8px minmax(0,1fr);align-items:center;gap:7px;color:var(--muted);font-size:11px}.task-step-list i{width:8px;height:8px;border-radius:999px;background:#cbd5e1}.task-step-list li.is-running i,.task-step-list li.is-succeeded i{background:var(--blue)}.task-step-list li.is-failed i{background:#ef4444}.range-input{width:100%;accent-color:var(--blue)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-2);font-size:12px}.toggle-row input{accent-color:var(--blue)}@media(max-width:1260px){.workspace-app{--workspace-left-column: clamp(200px, 22vw, 260px);--workspace-right-column: clamp(240px, 28vw, 300px)}.site-nav,.logo-copy{display:none}.stage-card{padding:10px}}@media(max-width:900px){.site-screen{grid-template-rows:58px minmax(0,1fr)}.site-header{padding:0 14px}.site-actions{gap:8px}.profile-page{grid-template-columns:minmax(0,1fr);gap:12px}.profile-menu{min-height:auto}.profile-menu-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-hero,.avatar-upload-row,.security-row{align-items:flex-start;flex-direction:column}.profile-grid{grid-template-columns:minmax(0,1fr)}.profile-badges,.security-status{justify-content:flex-start}.tool-grid,.render-stage{grid-template-columns:minmax(0,1fr)}.diagram-board .legend{top:12px;right:12px}.workspace-app,.workspace-app.left-collapsed,.workspace-app.right-collapsed,.workspace-app.left-collapsed.right-collapsed{--workspace-drawer-expanded-width: min(320px, calc(var(--workspace-visual-width, 100vw) - 56px));--workspace-left-safe-width: 56px;--workspace-right-safe-width: 56px;grid-template-columns:minmax(0,1fr)}.workspace-app:not(.left-collapsed){--workspace-left-safe-width: var(--workspace-drawer-expanded-width)}.workspace-app:not(.right-collapsed){--workspace-right-safe-width: var(--workspace-drawer-expanded-width)}.main{margin-right:var(--workspace-right-safe-width);margin-left:var(--workspace-left-safe-width)}.sidebar,.rightbar{position:fixed;top:var(--top);bottom:0;z-index:80;display:grid;width:var(--workspace-drawer-expanded-width);height:auto;border-radius:0;box-shadow:0 18px 48px #0f172a29;transition:box-shadow .16s ease}.sidebar{left:0}.rightbar{right:auto;left:calc(var(--workspace-visual-width, 100vw) - var(--workspace-drawer-expanded-width))}.workspace-app.left-collapsed .sidebar,.workspace-app.right-collapsed .rightbar{width:56px;box-shadow:none}.workspace-app.right-collapsed .rightbar{left:calc(var(--workspace-visual-width, 100vw) - 56px)}}.workspace-route-screen{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;min-width:0!important;overflow:hidden!important}.workspace-route-screen .workspace-app{width:100%!important;max-width:none!important;min-width:0!important;height:calc(100vh - 58px)!important;max-height:calc(100vh - 58px)!important}.workspace-route-screen .rightbar{width:100%;min-width:0;max-width:none;justify-self:stretch}.workspace-route-screen .right-top,.workspace-route-screen .right-scroll{width:100%;min-width:0;max-width:none}.workspace-route-screen .right-scroll>*{width:100%;max-width:none}.workspace-route-screen>.workspace-app:not(.compact-drawer-layout):not(.left-collapsed):not(.right-collapsed),.workspace-route-screen>.workspace-app.prompt-dock-layout:not(.compact-drawer-layout):not(.left-collapsed):not(.right-collapsed){--workspace-left-column: clamp(260px, 15vw, 300px);--workspace-right-column: clamp(320px, 17vw, 360px);width:100%!important;max-width:none!important;grid-template-columns:var(--workspace-left-column) minmax(0,1fr) var(--workspace-right-column)!important}.workspace-route-screen>.workspace-app.left-collapsed:not(.compact-drawer-layout){--workspace-left-column: clamp(260px, 15vw, 300px);--workspace-right-column: clamp(320px, 17vw, 360px);width:100%!important;max-width:none!important;grid-template-columns:68px minmax(0,1fr) var(--workspace-right-column)!important}.workspace-route-screen>.workspace-app.right-collapsed:not(.compact-drawer-layout){--workspace-left-column: clamp(260px, 15vw, 300px);--workspace-right-column: clamp(320px, 17vw, 360px);width:100%!important;max-width:none!important;grid-template-columns:var(--workspace-left-column) minmax(0,1fr) 68px!important}.workspace-route-screen>.workspace-app.left-collapsed.right-collapsed:not(.compact-drawer-layout){grid-template-columns:68px minmax(0,1fr) 68px!important}.workspace-route-screen>.workspace-app:not(.compact-drawer-layout)>.rightbar{grid-column:3;width:100%!important}.workspace-route-screen>.workspace-app:not(.compact-drawer-layout)>.main{grid-column:2;width:100%;min-width:0}.workspace-route-screen>.workspace-app:not(.compact-drawer-layout)>.sidebar{grid-column:1;width:100%;min-width:0}.workspace-app.compact-drawer-layout .rightbar,.workspace-app.compact-drawer-layout.right-collapsed .rightbar{right:0;left:auto}@media(max-width:900px){.rightbar,.workspace-app.right-collapsed .rightbar{right:0;left:auto}}.workspace-app.prompt-dock-layout .main{grid-template-rows:minmax(64px,78px) minmax(0,1fr) auto}.workspace-app.prompt-dock-layout .main-scroll{min-height:0;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden;padding:clamp(10px,1.4vh,20px) clamp(12px,2vw,28px)}.workspace-app.prompt-dock-layout .stage-wrap{width:100%;max-width:min(1140px,100%);height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);margin:0 auto;overflow:hidden}.workspace-app.prompt-dock-layout .prompt-dock-workbench,.workspace-app.prompt-dock-layout .prompt-result-surface{height:100%;min-height:0;overflow:hidden}.workspace-app.prompt-dock-layout .prompt-result-surface{padding:clamp(12px,2vh,24px)}.workspace-app.prompt-dock-layout .prompt-result-preview{width:100%;max-width:min(980px,100%);height:100%;max-height:100%;min-height:0;display:flex;align-items:center;justify-content:center}.workspace-app.prompt-dock-layout .prompt-result-preview img{width:auto;height:auto;max-width:100%;max-height:100%;display:block;object-fit:contain}.workspace-app.prompt-dock-layout .prompt-result-grid{max-height:100%;overflow:auto}.workspace-app.prompt-dock-layout .input-dock{height:auto;min-height:0;padding:0 clamp(12px,2vw,28px) clamp(10px,1.6vh,18px)}.workspace-app.prompt-dock-layout .input-dock:before{top:-24px;height:24px}.workspace-app.prompt-dock-layout .input-shell{height:auto;min-height:clamp(128px,18vh,188px);max-width:1140px;display:grid;grid-template-rows:minmax(0,1fr) auto}.workspace-app.prompt-dock-layout .input-shell.has-reference{grid-template-rows:auto minmax(0,1fr) auto}.input-shell .composer-reference-row{min-width:0;display:flex;align-items:center;gap:8px;overflow:hidden;padding:10px 14px 0}.input-shell .composer-reference-card{min-width:0;max-width:min(520px,100%);height:28px!important;display:inline-flex!important;align-items:center;gap:7px;border:1px solid #dfe6ef;border-radius:999px;background:#fff;padding:2px 5px 2px 3px;color:var(--text-2);cursor:zoom-in}.input-shell .composer-reference-card img{width:22px!important;height:22px!important;flex:0 0 auto;display:block;border-radius:999px;background:#eef2f7;object-fit:cover}.input-shell .composer-reference-card span{min-width:0;overflow:hidden;font-size:11.5px;font-weight:800;line-height:1;text-overflow:ellipsis;white-space:nowrap}.input-shell .composer-reference-delete{width:20px!important;height:20px!important;flex:0 0 auto;display:inline-flex!important;align-items:center;justify-content:center;border:0;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:16px;line-height:1;cursor:pointer}.input-shell .composer-reference-delete:hover,.input-shell .composer-reference-delete:focus{background:#fee2e2;color:#c2410c}.workspace-app.prompt-dock-layout .editor-wrap{min-height:0;padding:10px 14px 4px}.workspace-app.prompt-dock-layout .editor{min-height:clamp(46px,7vh,72px);max-height:min(96px,12vh);overflow:auto}.workspace-app.prompt-dock-layout .input-foot{align-items:center;flex-direction:row;justify-content:space-between;gap:10px;padding:8px 14px 12px}.workspace-app.prompt-dock-layout .input-meta{min-width:0;flex:1 1 auto;flex-wrap:nowrap;overflow:hidden}.workspace-app.prompt-dock-layout .input-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-app.prompt-dock-layout .input-actions{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(104px,1fr));gap:8px}.workspace-app.prompt-dock-layout .input-btn{min-width:0;padding:0 14px}.workspace-route-screen>.workspace-app>.main{display:grid!important;grid-template-rows:var(--top) minmax(0,1fr) var(--input)!important;min-height:0;height:100%;max-height:calc(100vh - 58px);overflow:hidden!important}.workspace-route-screen>.workspace-app.prompt-dock-layout>.main{grid-template-rows:minmax(56px,78px) minmax(0,1fr) auto!important}.workspace-route-screen>.workspace-app>.main>.main-scroll{min-height:0;max-height:calc(100vh - 58px - var(--top) - var(--input));overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain}.workspace-route-screen>.workspace-app.prompt-dock-layout>.main>.main-scroll{overflow-x:hidden!important;overflow-y:auto!important}.workspace-route-screen>.workspace-app>.main>.input-dock{position:relative!important;inset:auto!important;grid-row:3!important;width:100%;align-self:end;flex:0 0 auto;min-height:0;z-index:40}.workspace-route-screen>.workspace-app.prompt-dock-layout .utility-workbench,.workspace-route-screen>.workspace-app.prompt-dock-layout .utility-stage-surface,.workspace-route-screen>.workspace-app.prompt-dock-layout .color-extractor-tool{height:100%;min-height:0;overflow:hidden}.workspace-route-screen>.workspace-app.prompt-dock-layout .color-extractor-stage-card{height:100%;min-height:0}.workspace-route-screen>.workspace-app.prompt-dock-layout .color-extractor-result-card{width:min(760px,100%);height:100%;max-height:100%;display:grid;grid-template-columns:minmax(150px,.52fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;align-items:center;gap:10px 16px;overflow:hidden;padding:clamp(12px,1.8vh,18px)}.workspace-route-screen>.workspace-app.prompt-dock-layout .color-extractor-section:first-child{align-self:center;gap:6px;min-height:0}.workspace-route-screen>.workspace-app.prompt-dock-layout .color-extractor-palette-section{align-self:center;min-height:0;overflow:hidden}.workspace-route-screen>.workspace-app.prompt-dock-layout .color-extractor-section h4{margin-bottom:6px;font-size:clamp(17px,1.5vw,22px)}.workspace-route-screen>.workspace-app.prompt-dock-layout .color-extractor-main-swatch,.workspace-route-screen>.workspace-app.prompt-dock-layout .color-extractor-main-placeholder{width:clamp(72px,10vh,104px);height:clamp(72px,10vh,104px)}.workspace-route-screen>.workspace-app.prompt-dock-layout .color-extractor-hex.main{font-size:clamp(18px,1.8vw,24px)}.workspace-route-screen>.workspace-app.prompt-dock-layout .color-extractor-palette-grid{grid-template-columns:repeat(5,minmax(34px,1fr));gap:8px 6px}.workspace-route-screen>.workspace-app.prompt-dock-layout .color-extractor-swatch,.workspace-route-screen>.workspace-app.prompt-dock-layout .color-extractor-swatch-empty span{width:clamp(28px,4.5vh,42px);height:clamp(28px,4.5vh,42px)}.workspace-route-screen>.workspace-app.prompt-dock-layout .color-extractor-swatch-item,.workspace-route-screen>.workspace-app.prompt-dock-layout .color-extractor-swatch-empty{gap:5px}.workspace-route-screen>.workspace-app.prompt-dock-layout .color-extractor-swatch-item strong,.workspace-route-screen>.workspace-app.prompt-dock-layout .color-extractor-swatch-empty i{font-size:clamp(9px,.9vw,12px)}.workspace-route-screen>.workspace-app.prompt-dock-layout .color-extractor-actions,.workspace-route-screen>.workspace-app.prompt-dock-layout .color-extractor-status{grid-column:1/-1}.workspace-route-screen>.workspace-app.prompt-dock-layout .color-extractor-actions{gap:10px}.workspace-route-screen>.workspace-app.prompt-dock-layout .color-extractor-actions button{min-height:38px;font-size:clamp(13px,1.15vw,16px)}.workspace-route-screen>.workspace-app.prompt-dock-layout .color-extractor-status{font-size:12px}.workspace-route-screen>.workspace-app.prompt-dock-layout .color-extractor-image-frame img,.workspace-route-screen>.workspace-app.prompt-dock-layout .utility-preview img{max-height:100%}@media(max-height:820px){.workspace-app.prompt-dock-layout .main-scroll{padding-block:8px}.workspace-app.prompt-dock-layout .prompt-result-surface{padding:10px}.workspace-app.prompt-dock-layout .input-shell{min-height:118px}.workspace-app.prompt-dock-layout .editor{min-height:40px;max-height:62px}}@media(max-width:680px){.workspace-app.prompt-dock-layout .input-actions{grid-template-columns:repeat(2,minmax(88px,1fr))}.workspace-app.prompt-dock-layout .input-btn{padding:0 10px}}.topic-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:4px}.topic-row .topic-main{width:100%;min-width:0;border:0;background:transparent;padding:0;color:inherit;text-align:left}.topic-row .topic-main:hover{background:transparent;transform:none}.topic-more{width:28px;height:28px;display:inline-grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted);opacity:0}.topic-row:hover .topic-more,.topic-row:focus-within .topic-more,.topic-more:focus-visible{opacity:1}.topic-more:hover{background:#5360711a;color:var(--text-2)}.topic-more .ico{width:16px;height:16px}.topic-rename-input{width:100%;height:24px;min-width:0;border:1px solid rgba(65,105,245,.36);border-radius:7px;outline:0;background:#fff;padding:0 7px;color:var(--text);font:inherit;font-weight:900;line-height:1}.topic-rename-input:focus{box-shadow:0 0 0 3px #4169f51a}.conversation-menu{position:fixed;z-index:220;width:148px;overflow:hidden;border:1px solid rgba(226,232,240,.94);border-radius:12px;background:#fffffffa;box-shadow:0 18px 42px #0f172a29;padding:6px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.conversation-menu button{width:100%;height:34px;border:0;border-radius:8px;background:transparent;color:var(--text-2);padding:0 10px;text-align:left;font:inherit;font-weight:800}.conversation-menu button:hover{background:var(--surface-soft);color:var(--text)}.conversation-menu button.danger{color:#c2410c}.conversation-menu button.danger:hover{background:#fff1f1}.workspace-dialog-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:240;display:grid;place-items:center;padding:24px;background:#0f172a8f}.workspace-dialog-panel{width:min(460px,100%);overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 28px 86px #0f172a4d}.workspace-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 18px 12px;border-bottom:1px solid #e5e7eb}.workspace-dialog-head b,.workspace-dialog-head span{display:block}.workspace-dialog-head b{color:var(--text);font-size:18px;line-height:1.25}.workspace-dialog-head span{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.4}.workspace-dialog-body{display:grid;gap:14px;padding:16px 18px 8px}.workspace-dialog-body p{margin:0;color:var(--text-2);font-size:14px;font-weight:700;line-height:1.55}.workspace-dialog-input{width:100%;height:44px;border:1px solid #dfe6ef;border-radius:12px;outline:0;background:#fff;padding:0 12px;color:var(--text);font:inherit;font-weight:800}.workspace-dialog-input:focus{border-color:#4169f56b;box-shadow:0 0 0 3px #4169f514}.workspace-dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px 18px}.workspace-dialog-actions .plain-btn,.workspace-dialog-actions .input-btn{min-width:92px}.workspace-dialog-actions .input-btn.danger{background:#ef4444;color:#fff;box-shadow:0 14px 30px #ef444433}.workspace-dialog-actions .input-btn.danger:hover{background:#dc2626}.workspace-guide-btn{min-width:92px}.driver-overlay{z-index:999990!important}.driver-popover.workspace-tour-tooltip{min-width:336px;max-width:min(420px,100vw - 32px);border:1px solid rgba(226,232,240,.95);border-radius:18px;background:#fff;color:#1f2937;padding:0;box-shadow:0 24px 80px #0f172a3d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.workspace-tour-tooltip .driver-popover-title{width:auto;min-height:0;margin:0;padding:22px 94px 4px 22px;color:#111827;font-size:20px;font-weight:950;line-height:1.2}.workspace-tour-tooltip .driver-popover-description{margin:0;padding:6px 22px 18px;color:#667085;font-size:15px;font-weight:800;line-height:1.7}.workspace-tour-tooltip .driver-popover-close-btn{top:16px!important;right:16px!important;width:auto!important;min-width:54px;height:30px!important;display:inline-flex!important;align-items:center;justify-content:center;border-radius:999px;background:#f3f6fb;color:#64748b;padding:0 12px;font-size:13px!important;font-weight:900;line-height:30px!important;text-align:center;text-decoration:none!important;white-space:nowrap}.workspace-tour-tooltip .driver-popover-close-btn:hover,.workspace-tour-tooltip .driver-popover-close-btn:focus{background:#eaf0fb;color:#1f2937}.workspace-tour-tooltip .workspace-tour-progress{height:5px;margin:0 22px 14px;overflow:hidden;border-radius:999px;background:#eef2f8}.workspace-tour-tooltip .workspace-tour-progress span{display:block;height:100%;background:#4169f5;border-radius:inherit;transition:width .22s ease}.workspace-tour-tooltip .driver-popover-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid #eef2f8;padding:14px 16px 16px;text-align:unset;white-space:normal}.workspace-tour-tooltip .driver-popover-progress-text{display:none!important}.workspace-tour-tooltip .workspace-tour-mute{margin-right:auto;border:0;background:transparent;color:#64748b;padding:0 6px;font:inherit;font-size:13px;font-weight:900;white-space:nowrap}.workspace-tour-tooltip .workspace-tour-mute:hover{color:#4169f5}.workspace-tour-tooltip .driver-popover-navigation-btns{display:flex;gap:10px;justify-content:flex-end;flex-grow:0}.workspace-tour-tooltip .driver-popover-navigation-btns button{min-width:82px;height:40px;display:inline-flex!important;align-items:center;justify-content:center;border:0!important;border-radius:12px!important;background:#f3f6fb!important;color:#334155!important;padding:0 16px!important;font:inherit!important;font-size:14px!important;font-weight:900!important;text-shadow:none!important;box-shadow:none!important;text-decoration:none!important;white-space:nowrap}.workspace-tour-tooltip .driver-popover-navigation-btns button+button{margin-left:0}.workspace-tour-tooltip .driver-popover-navigation-btns button:hover,.workspace-tour-tooltip .driver-popover-navigation-btns button:focus{background:#eaf0fb!important;color:#111827!important}.workspace-tour-tooltip .driver-popover-next-btn{background:#4169f5!important;color:#fff!important;box-shadow:0 12px 28px #4169f53d!important}.workspace-tour-tooltip .driver-popover-next-btn:hover,.workspace-tour-tooltip .driver-popover-next-btn:focus{background:#3156e8!important;color:#fff!important}.workspace-tour-tooltip .driver-popover-prev-btn.driver-popover-btn-disabled{background:#f8fafc!important;color:#94a3b8!important;opacity:1;cursor:default}@media(max-width:680px){.driver-popover.workspace-tour-tooltip{min-width:0}.workspace-tour-tooltip .driver-popover-footer{flex-wrap:wrap}.workspace-tour-tooltip .workspace-tour-mute{width:100%;margin:0 0 2px;text-align:left}.workspace-tour-tooltip .driver-popover-title{padding-right:88px}}