:root{color:#f3f4f6;background:#09090b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #f4f4f5;--ink-soft: #a1a1aa;--muted: #71717a;--faint: #3f3f46;--line: rgba(255, 255, 255, .05);--line-strong: rgba(255, 255, 255, .15);--surface: rgba(15, 15, 18, .85);--surface-solid: #121214;--surface-soft: #1a1a1d;--surface-muted: #0c0c0e;--canvas: #111113;--accent: #ffffff;--accent-dark: #e4e4e7;--accent-pale: rgba(255, 255, 255, .1);--teal: #3b82f6;--teal-pale: rgba(59, 130, 246, .15);--amber: #fbbf24;--amber-pale: rgba(251, 191, 36, .15);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--shadow-md: 0 8px 32px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 48px rgba(0, 0, 0, .7);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}html,body,#app{width:100%;min-width:320px;height:100%;margin:0;background:var(--surface-muted);color:var(--ink)}html,body,#app{width:100%;min-width:320px;height:100%;margin:0}body{position:fixed;inset:0;overflow:hidden;background:var(--surface-muted)}button,input,textarea,select{font:inherit}button,input,textarea,select{letter-spacing:0}button{border:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(52,125,119,.65);outline-offset:2px}button:disabled{cursor:not-allowed}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:flex;flex-direction:column;position:fixed;inset:0;width:100%;height:100%;color:var(--ink);background:var(--surface-muted)}.topbar{display:flex;align-items:center;flex:0 0 64px;gap:18px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--line)}.brand-lockup,.top-actions,.project-title,.board-header,.board-breadcrumb,.board-header-actions,.status-left,.status-right,.connection-pill,.panel-kicker,.panel-title-row,.field-heading,.section-heading,.setting-label-row,.reference-strip,.selection-name-row,.modal-header,.project-actions,.task-topline{display:flex;align-items:center}.brand-lockup{flex:0 0 230px;gap:10px}.brand-mark{display:grid;flex:0 0 30px;width:30px;height:30px;color:#fff;background:var(--accent);border-radius:7px;place-items:center}.brand-name{color:var(--ink);font-size:14px;font-weight:780;line-height:1.1}.brand-meta,.eyebrow{color:var(--muted);font-size:9px;font-weight:780;letter-spacing:.12em;line-height:1.2}.project-title{min-width:0;flex:1;justify-content:center;gap:8px}.project-prefix{color:var(--faint);font-size:10px}.project-title input{width:min(280px,34vw);min-width:110px;padding:7px 9px;color:var(--ink);font-size:13px;font-weight:720;text-align:center;background:transparent;border:1px solid transparent;border-radius:5px}.project-title input:hover,.project-title input:focus{background:var(--surface-soft);border-color:var(--line);outline:none}.save-state{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;white-space:nowrap}.save-state.error{color:var(--accent-dark)}.save-dot,.status-pip,.live-dot,.service-dot{display:inline-block;width:6px;height:6px;background:#aab5af;border-radius:50%}.save-state.saved .save-dot,.connection-pill.connected .status-pip,.live-dot,.service-badge.online .service-dot{background:var(--teal)}.save-state.saving .save-dot{background:var(--amber);animation:pulse 1.1s infinite ease-in-out}.top-actions{flex:0 0 auto;justify-content:flex-end;gap:4px}.top-divider,.status-separator,.tool-divider{width:1px;height:20px;margin:0 8px;background:var(--line)}.icon-button,.tool-button,.quiet-button,.connection-pill,.text-icon-button,.mini-action,.status-right button,.reference-strip button,.secret-field button,.mobile-panel-actions button,.layer-visibility,.layer-lock{display:inline-flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;background:transparent;transition:color .14s ease,background .14s ease,border-color .14s ease,transform .14s ease}.icon-button{width:32px;height:32px;border-radius:5px}.icon-button:hover,.icon-button.active,.quiet-button:hover,.status-right button:hover,.reference-strip button:hover,.secret-field button:hover,.text-icon-button:hover,.mini-action:hover,.mobile-panel-actions button:hover{color:var(--ink);background:var(--surface-muted)}.icon-button:disabled,.tool-button:disabled,.status-right button:disabled{opacity:.35}.icon-button.small{width:30px;height:30px}.connection-pill{gap:7px;min-height:32px;padding:0 9px;color:var(--muted);font-size:10px;border:1px solid transparent;border-radius:5px}.connection-pill:hover{color:var(--ink);background:var(--surface-muted);border-color:var(--line)}.connection-pill.connected{color:var(--teal)}.connection-pill.offline{color:var(--amber)}.studio-layout{display:grid;min-height:0;flex:1;grid-template-columns:334px 60px minmax(360px,1fr) 308px}.studio-layout.inspector-collapsed{grid-template-columns:334px 60px minmax(360px,1fr) 0}.studio-layout.inspector-collapsed .inspector-panel{width:0;overflow:hidden;border-left:0}.prompt-panel,.inspector-panel,.tool-sidebar{min-height:0;background:var(--surface)}.prompt-panel{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line)}.panel-scroll{min-height:0;flex:1;padding:22px 20px 18px;overflow:auto;scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}.panel-kicker{justify-content:space-between;min-height:18px}.text-icon-button,.mini-action{width:25px;height:25px;border-radius:4px}.text-icon-button:disabled,.mini-action:disabled{cursor:not-allowed;opacity:.3}.panel-title-row{align-items:flex-start;justify-content:space-between;gap:12px;margin:6px 0 20px}.panel-title-actions{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto}.mobile-panel-close{display:none;align-items:center;justify-content:center;width:30px;height:30px;color:var(--muted);cursor:pointer;background:transparent;border-radius:4px}.mobile-panel-close:hover{color:var(--ink);background:var(--surface-muted)}.panel-title-row h1,.inspector-heading h2{margin:0;color:var(--ink);font-size:22px;font-weight:780;line-height:1.15}.panel-subtitle{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.service-badge{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:6px 8px;color:var(--muted);font-size:10px;background:var(--surface-soft);border:1px solid var(--line);border-radius:4px}.service-badge.online{color:var(--teal);background:var(--teal-pale);border-color:#c7e1dc}.service-badge.offline{color:var(--amber);background:var(--amber-pale);border-color:#ead8b8}.reference-strip{gap:9px;padding:7px;margin-bottom:18px;background:var(--surface-soft);border:1px solid var(--line);border-radius:6px}.reference-strip img{width:40px;height:40px;object-fit:cover;border-radius:4px}.reference-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.reference-copy span{color:var(--teal);font-size:9px;font-weight:700}.reference-copy strong{overflow:hidden;color:var(--ink-soft);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.reference-strip button{width:26px;height:26px;border-radius:4px}.prompt-block{padding:13px;background:#f8faf9;border:1px solid var(--line);border-radius:7px}.field-heading,.setting-label-row{justify-content:space-between;gap:8px}.field-label{display:block;margin-bottom:7px;color:var(--ink-soft);font-size:10px;font-weight:760;line-height:1.2}.field-heading .field-label{margin-bottom:0}.prompt-input,.select-input,.secret-field input,.selection-name-row input,.layer-search input{width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:5px;transition:border-color .14s ease,box-shadow .14s ease}.prompt-input{display:block;min-height:164px;padding:12px;margin-top:10px;resize:vertical;font-size:13px;line-height:1.6}.prompt-input::placeholder{color:#aab4ae}.prompt-input:focus,.select-input:focus,.secret-field input:focus,.selection-name-row input:focus,.layer-search input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #347d771f;outline:none}.prompt-footer{display:flex;min-height:20px;align-items:center;justify-content:space-between;gap:7px;margin-top:7px;color:var(--faint);font-size:9px}.copy-feedback,.inline-error,.form-error{display:inline-flex;align-items:center;gap:4px}.copy-feedback{color:var(--teal)}.inline-error,.form-error{min-width:0;color:var(--accent-dark)}.inline-error{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prompt-section{padding-top:22px;margin-top:22px;border-top:1px solid var(--line)}.compact-section{padding-top:18px;margin-top:18px}.section-heading{align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.section-label{display:block;color:var(--ink-soft);font-size:11px;font-weight:760}.section-caption{display:block;margin-top:3px;color:var(--muted);font-size:9px}.section-count{display:grid;min-width:20px;height:20px;padding:0 5px;color:var(--teal);font-size:9px;background:var(--teal-pale);border-radius:4px;place-items:center}.text-action{padding:4px 0;color:var(--muted);font-size:9px;cursor:pointer;background:transparent}.text-action:hover{color:var(--accent-dark)}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.template-button{display:flex;align-items:center;min-width:0;gap:8px;min-height:44px;padding:7px 8px;color:var(--ink-soft);font-size:10px;font-weight:680;text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:5px;transition:border-color .14s ease,background .14s ease,transform .14s ease}.template-button:hover{background:var(--surface-soft);border-color:var(--line-strong);transform:translateY(-1px)}.template-button>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-icon{display:grid;flex:0 0 27px;width:27px;height:27px;color:var(--teal);background:var(--teal-pale);border-radius:4px;place-items:center}.history-list{display:flex;flex-direction:column;gap:2px}.history-item{display:flex;align-items:center;min-width:0;gap:7px;padding:7px 4px;color:var(--muted);font-size:10px;text-align:left;cursor:pointer;background:transparent;border-radius:4px}.history-item:hover{color:var(--ink);background:var(--surface-soft)}.history-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.disclosure-button{display:inline-flex;align-items:center;gap:4px;min-height:26px;padding:0 6px;color:var(--teal);font-size:9px;cursor:pointer;background:var(--teal-pale);border-radius:4px}.disclosure-button svg:last-child{transition:transform .15s ease}.disclosure-button svg.rotated{transform:rotate(180deg)}.select-input{height:36px;padding:0 10px;margin-bottom:15px;font-size:11px}.setting-label-row{margin-top:2px}.setting-label-row .field-label{margin-bottom:8px}.setting-value{color:var(--teal);font-size:9px;font-weight:700}.model-label-actions{display:inline-flex;align-items:center;gap:6px;min-width:0}.model-refresh-button{display:grid;flex:0 0 24px;width:24px;height:24px;padding:0;color:var(--teal);cursor:pointer;background:var(--teal-pale);border-radius:4px;place-items:center}.model-refresh-button:hover:not(:disabled){color:#1c5d5a;background:#d6eae7}.model-refresh-button:disabled{cursor:not-allowed;opacity:.42}.selection-image-missing{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;min-height:72px;color:var(--accent-dark);font-size:10px;background:var(--accent-pale)}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:16px}.style-button{display:flex;align-items:center;justify-content:center;min-width:0;gap:5px;min-height:31px;padding:0 4px;color:var(--muted);font-size:9px;cursor:pointer;background:var(--surface-soft);border:1px solid var(--line);border-radius:4px}.style-button:hover,.style-button.active{color:var(--ink);border-color:var(--teal)}.style-button.active{background:var(--teal-pale)}.style-button>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-swatch{flex:0 0 12px;width:12px;height:12px;border-radius:3px}.ratio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:4px}.ratio-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;color:var(--muted);cursor:pointer;background:var(--surface-soft);border:1px solid var(--line);border-radius:5px}.ratio-grid button:hover,.ratio-grid button.active{color:var(--ink);border-color:var(--accent)}.ratio-grid button.active{background:var(--accent-pale)}.ratio-grid strong{font-size:11px;font-weight:760}.ratio-grid span{font-size:9px}.advanced-settings{display:grid;grid-template-columns:1fr 1fr;gap:0 8px;padding-top:14px;margin-top:14px;border-top:1px dashed var(--line-strong)}.advanced-settings .select-input{margin-bottom:10px}.generate-actions{display:flex;flex-direction:column;gap:7px;padding-top:22px;margin-top:22px;border-top:1px solid var(--line)}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:41px;padding:0 13px;font-size:11px;font-weight:760;cursor:pointer;border-radius:5px;transition:background .14s ease,color .14s ease,opacity .14s ease,transform .14s ease}.primary-action{color:#fff;background:var(--ink)}.primary-action:hover:not(:disabled){background:#34403c;transform:translateY(-1px)}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.45}.secondary-action{min-height:36px;color:var(--ink-soft);background:var(--surface-soft);border:1px solid var(--line)}.secondary-action:hover:not(:disabled){color:var(--ink);background:var(--surface-muted);border-color:var(--line-strong)}.action-key{margin-left:auto;color:#aeb9b3;font-size:9px;font-weight:500}.generate-button{min-height:45px}.panel-footer{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:43px;padding:0 20px;color:var(--muted);font-size:9px;border-top:1px solid var(--line)}.panel-footer>span{display:inline-flex;align-items:center;min-width:0;gap:5px}.panel-footer button{display:inline-flex;align-items:center;gap:4px;padding:5px 0;color:var(--teal);font-size:9px;cursor:pointer;background:transparent}.tool-sidebar{display:flex;flex-direction:column;align-items:center;min-width:0;padding:16px 9px 13px;background:#f0f4f2;border-right:1px solid var(--line)}.tool-group{display:flex;flex-direction:column;gap:6px}.tool-button{width:40px;height:40px;border-radius:6px}.tool-button:hover{color:var(--ink);background:#e1e9e5}.tool-button.active{color:#fff;background:var(--ink);box-shadow:0 4px 10px #20282629}.tool-button.danger-hover:hover{color:var(--accent-dark)}.tool-sidebar .tool-divider{width:30px;height:1px;margin:16px 0}.brush-controls{display:flex;flex-direction:column;align-items:center;gap:12px;transition:opacity .14s ease}.brush-controls.muted{opacity:.4}.swatch-control{position:relative;display:block;width:25px;height:25px;cursor:pointer}.swatch-control input{position:absolute;width:1px;height:1px;opacity:0}.color-swatch{display:block;width:25px;height:25px;border:3px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px var(--line-strong)}.size-control{display:flex;flex-direction:column;align-items:center;gap:7px}.size-control input{width:76px;accent-color:var(--accent);transform:rotate(-90deg)}.size-control span{margin-top:21px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.opacity-control{display:flex;flex-direction:column;align-items:center;gap:7px}.opacity-control input{width:76px;accent-color:var(--teal);transform:rotate(-90deg)}.opacity-control span{margin-top:21px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.tool-spacer{flex:1}.lower-tools{gap:4px}.board-column{position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;background:var(--canvas)}.board-header{position:relative;flex:0 0 48px;justify-content:space-between;gap:10px;padding:0 15px;background:#ffffffbd;border-bottom:1px solid var(--line)}.board-breadcrumb{min-width:0;gap:10px}.board-breadcrumb .eyebrow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-count,.canvas-indicator{color:var(--muted);font-size:10px;white-space:nowrap}.board-header-center{position:absolute;left:50%;transform:translate(-50%)}.canvas-indicator{display:inline-flex;align-items:center;gap:5px;color:var(--teal)}.board-header-actions{flex:0 0 auto;gap:3px}.selection-toolbar{position:absolute;z-index:9;top:59px;left:50%;display:flex;align-items:center;max-width:calc(100% - 28px);gap:3px;padding:4px;overflow-x:auto;color:var(--ink-soft);background:#fffffff0;border:1px solid var(--line-strong);border-radius:6px;box-shadow:var(--shadow-md);transform:translate(-50%);backdrop-filter:blur(10px)}.selection-toolbar-count{flex:0 0 auto;padding:0 7px;color:var(--teal);font-size:9px;font-weight:760;white-space:nowrap}.selection-toolbar-divider{flex:0 0 1px;width:1px;height:19px;margin:0 2px;background:var(--line)}.selection-toolbar button{display:inline-flex;align-items:center;flex:0 0 auto;gap:5px;min-height:29px;padding:0 7px;color:var(--muted);font-size:9px;cursor:pointer;background:transparent;border-radius:4px}.selection-toolbar button:hover{color:var(--teal);background:var(--teal-pale)}.selection-toolbar .selection-toolbar-danger:hover{color:var(--accent-dark);background:var(--accent-pale)}.drop-overlay{position:absolute;z-index:8;inset:48px 12px 12px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--teal);font-size:12px;font-weight:760;pointer-events:none;background:#e1efebd1;border:2px dashed var(--teal);border-radius:8px}.board-column.is-drag-over .canvas-board{background-color:#edf7f4}.quiet-button{gap:6px;min-height:32px;padding:0 8px;color:var(--muted);font-size:10px;border-radius:4px}.mobile-panel-actions{display:none}.canvas-board{position:relative;flex:1;min-height:0;overflow:hidden;cursor:default;touch-action:none;background-color:var(--canvas);isolation:isolate}.canvas-board.tool-brush,.canvas-board.tool-eraser{cursor:crosshair}.canvas-board.tool-hand{cursor:grab}.canvas-board.tool-hand:active,.canvas-board.tool-select:active{cursor:grabbing}.board-grid{position:absolute;inset:0;z-index:-1;opacity:.76;background-image:radial-gradient(circle,#ccd7d1 1px,transparent 1px);background-repeat:repeat}.board-origin{position:absolute;z-index:0;color:#abb8b1;font-size:9px;font-weight:780;letter-spacing:.14em;pointer-events:none;transform-origin:0 0}.board-origin:before{display:block;width:1px;height:15px;margin-bottom:6px;background:#c5d0ca;content:""}.world-layer{position:absolute;top:0;left:0;z-index:1;width:4200px;height:2800px;transform-origin:0 0;will-change:transform}.selection-marquee{position:absolute;z-index:6;pointer-events:none;background:#347d7714;border:1px solid var(--teal);box-shadow:0 0 0 1px #ffffffa6 inset}.selection-marquee span{position:absolute;top:-24px;left:0;padding:4px 6px;color:#fff;font-size:9px;white-space:nowrap;background:var(--teal);border-radius:3px}.ink-canvas{position:absolute;top:0;left:0;width:4200px;height:2800px;pointer-events:none}.image-node{position:absolute;display:flex;align-items:center;justify-content:center;overflow:visible;background:#dfe7e3;border:1px solid rgba(32,40,38,.13);border-radius:7px;box-shadow:0 14px 30px #1f2d2824;cursor:grab;user-select:none}.image-node:active{cursor:grabbing}.image-node.locked{cursor:default}.image-node.selected{border:2px solid var(--accent);box-shadow:0 0 0 4px #df6c5829,0 14px 30px #1f2d2824}.image-node img{display:block;width:100%;height:100%;object-fit:contain;background:#f8faf8;border-radius:6px;pointer-events:none}.image-node.is-loading img{opacity:.35}.image-loading{position:absolute;inset:0;display:grid;color:var(--teal);background:#f8faf894;pointer-events:none;place-items:center}.image-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;place-items:center;justify-content:center;gap:7px;color:var(--accent-dark);font-size:12px;background:var(--accent-pale);border-radius:6px}.image-error button{padding:4px 8px;color:var(--accent-dark);font-size:10px;cursor:pointer;background:#fff;border:1px solid rgba(184,80,66,.28);border-radius:4px}.image-error button:hover{background:#fff8f5}.image-node-toolbar{position:absolute;top:-40px;left:0;display:flex;gap:3px;padding:4px;background:var(--ink);border-radius:5px;box-shadow:var(--shadow-md)}.image-node-toolbar,.resize-handle,.image-label,.rotate-handle{transform:rotate(var(--image-counter-rotation));transform-origin:center}.image-node-toolbar button{display:grid;width:28px;height:28px;padding:0;color:#dfe7e3;place-items:center;cursor:pointer;background:transparent;border-radius:3px}.image-node-toolbar button:hover{color:#fff;background:#ffffff26}.rotate-guide{position:absolute;top:-20px;left:calc(50% - .5px);width:1px;height:18px;background:var(--accent);pointer-events:none}.rotate-handle{position:absolute;top:-44px;left:calc(50% - 12px);display:grid;width:24px;height:24px;padding:0;color:#fff;cursor:grab;background:var(--accent);border:2px solid #fff;border-radius:50%;box-shadow:0 3px 9px #1f2d282e;place-items:center}.rotate-handle:hover:not(:disabled){background:var(--accent-dark)}.rotate-handle:disabled{cursor:not-allowed;opacity:.45}.resize-handle{position:absolute;right:-10px;bottom:-10px;display:grid;width:24px;height:24px;color:#fff;cursor:nwse-resize;background:var(--accent);border:2px solid #fff;border-radius:50%;place-items:center}.image-label{position:absolute;bottom:-25px;left:0;max-width:100%;overflow:hidden;color:#82918a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.board-empty{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;gap:10px;color:#98a69f;font-size:12px;pointer-events:none;transform:translate(-50%,-50%)}.empty-mark,.empty-inspector-icon,.project-thumb{display:grid;place-items:center;color:var(--teal);background:var(--teal-pale);border-radius:7px}.empty-mark{width:46px;height:46px}.board-coordinates{position:absolute;right:17px;bottom:16px;display:flex;align-items:center;gap:9px;padding:6px 9px;color:#7f8d86;font-size:10px;font-variant-numeric:tabular-nums;background:#ffffffd1;border:1px solid rgba(197,208,202,.88);border-radius:4px;backdrop-filter:blur(6px)}.coordinate-divider{width:1px;height:12px;background:var(--line)}.inspector-panel{display:flex;min-width:0;flex-direction:column;overflow:hidden;border-left:1px solid var(--line);transition:width .18s ease}.inspector-tabs{display:flex;flex:0 0 48px;gap:3px;padding:0 14px;border-bottom:1px solid var(--line)}.inspector-tabs button{position:relative;display:inline-flex;align-items:center;gap:6px;height:48px;padding:0 7px;color:var(--muted);font-size:10px;cursor:pointer;background:transparent;white-space:nowrap}.inspector-tabs button.active{color:var(--ink);font-weight:760}.inspector-tabs button.active:after{position:absolute;right:7px;bottom:-1px;left:7px;height:2px;background:var(--accent);content:""}.tab-count{display:grid;min-width:16px;height:16px;padding:0 4px;color:#fff;font-size:9px;background:var(--accent);border-radius:8px;place-items:center}.tab-count.neutral{color:var(--teal);background:var(--teal-pale)}.inspector-content{min-height:0;flex:1;padding:21px 17px 16px;overflow:auto;scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}.inspector-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:16px}.inspector-heading-actions{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}.inspector-heading h2{margin-top:5px;font-size:18px}.layer-search{display:flex;align-items:center;gap:7px;height:34px;padding:0 9px;margin-bottom:12px;color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);border-radius:5px}.layer-search input{height:30px;padding:0;font-size:10px;background:transparent;border:0;box-shadow:none;outline:none}.layer-search input:focus{box-shadow:none}.layer-search button{display:grid;width:20px;height:20px;color:var(--muted);cursor:pointer;background:transparent;place-items:center}.selection-details{padding:10px;margin-bottom:13px;background:var(--surface-soft);border:1px solid var(--line);border-radius:6px}.selection-preview{position:relative;overflow:hidden;aspect-ratio:16 / 9;margin-bottom:9px;background:#e3eae6;border-radius:4px}.selection-preview img{display:block;width:100%;height:100%;object-fit:contain}.selection-preview span{position:absolute;right:6px;bottom:5px;padding:3px 5px;color:#fff;font-size:8px;font-variant-numeric:tabular-nums;background:#202826b8;border-radius:3px}.selection-name-row{gap:5px}.selection-name-row input{min-width:0;height:31px;padding:0 8px;font-size:10px}.selection-name-row .icon-button{flex:0 0 30px}.selection-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px}.selection-actions button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:29px;padding:0 4px;color:var(--ink-soft);font-size:9px;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:4px}.selection-actions button:hover{color:var(--teal);border-color:var(--line-strong)}.selection-actions button.danger-text:hover{color:var(--accent-dark)}.layer-order-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:5px}.layer-order-actions button,.transform-heading>button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:28px;padding:0 5px;color:var(--muted);font-size:9px;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:4px}.layer-order-actions button:hover:not(:disabled),.transform-heading>button:hover:not(:disabled){color:var(--teal);border-color:var(--line-strong)}.layer-order-actions button:disabled,.transform-heading>button:disabled{cursor:not-allowed;opacity:.35}.transform-controls{padding-top:12px;margin-top:12px;border-top:1px solid var(--line)}.transform-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:9px}.transform-heading .section-caption{margin-top:2px}.transform-heading>button{min-height:25px;color:var(--teal);background:var(--teal-pale);border-color:transparent}.transform-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.transform-grid label{display:flex;align-items:center;gap:5px;min-width:0;color:var(--muted);font-size:9px}.transform-grid label>span{flex:0 0 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transform-grid input[type=number]{min-width:0;width:100%;height:28px;padding:0 6px;color:var(--ink);font-size:10px;background:var(--surface);border:1px solid var(--line);border-radius:4px}.transform-grid input[type=number]:disabled,.transform-grid input[type=range]:disabled{cursor:not-allowed;opacity:.42}.transform-grid input[type=number]:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #347d771f}.transform-grid .opacity-field{grid-column:1 / -1}.opacity-field input[type=range]{min-width:0;flex:1;accent-color:var(--teal)}.opacity-field strong{flex:0 0 31px;color:var(--teal);font-size:9px;text-align:right}.selection-prompt{display:-webkit-box;margin:9px 1px 0;overflow:hidden;color:var(--muted);font-size:9px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.layer-list,.task-list{display:flex;flex-direction:column;gap:5px}.layer-row{display:flex;align-items:center;min-width:0;gap:7px;width:100%;min-height:52px;padding:5px;color:var(--ink-soft);text-align:left;cursor:pointer;background:var(--surface);border:1px solid transparent;border-radius:5px}.layer-row:hover,.layer-row.selected{background:var(--surface-soft);border-color:var(--line-strong)}.layer-row.selected{border-color:var(--accent)}.layer-row.dragging{opacity:.42}.layer-row.drop-target{border-color:var(--teal);box-shadow:inset 0 2px 0 var(--teal)}.layer-row.hidden{opacity:.55}.layer-visibility,.layer-lock{flex:0 0 22px;width:22px;height:26px;color:var(--muted);border-radius:3px}.layer-visibility:hover,.layer-lock:hover{color:var(--ink);background:var(--surface-muted)}.unlock-mark{color:var(--line-strong);font-size:15px;line-height:1}.layer-thumb{display:block;flex:0 0 42px;width:42px;height:42px;overflow:hidden;background:#e3eae6;border-radius:4px}.layer-thumb img{display:block;width:100%;height:100%;object-fit:cover}.layer-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.layer-copy strong,.layer-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-copy strong{color:var(--ink-soft);font-size:10px;font-weight:700}.layer-copy small{color:var(--muted);font-size:9px}.empty-inspector{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:260px;color:var(--muted);text-align:center}.empty-inspector-icon{width:44px;height:44px;margin-bottom:3px}.empty-inspector strong{color:var(--ink-soft);font-size:11px}.empty-inspector>span{font-size:10px}.empty-inspector .secondary-action{margin-top:7px}.tasks-content .task-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:25px;margin-bottom:8px;color:var(--muted);font-size:9px}.task-toolbar button{padding:4px 0;color:var(--teal);font-size:9px;cursor:pointer;background:transparent}.task-empty{min-height:330px}.task-row{display:flex;align-items:flex-start;gap:9px;padding:10px 8px;background:var(--surface-soft);border:1px solid var(--line);border-radius:5px;cursor:pointer}.task-row:hover{border-color:var(--line-strong)}.task-row-completed{background:#f6faf8}.task-icon{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border-radius:5px}.task-thumb{display:block;flex:0 0 44px;width:44px;height:44px;padding:0;overflow:hidden;cursor:zoom-in;background:#e3eae6;border:1px solid var(--line);border-radius:4px}.task-thumb img{display:block;width:100%;height:100%;object-fit:cover}.task-thumb:hover{border-color:var(--teal)}.task-queued,.task-processing{color:var(--amber);background:var(--amber-pale)}.task-completed{color:var(--teal);background:var(--teal-pale)}.task-failed{color:var(--accent-dark);background:var(--accent-pale)}.task-paused{color:var(--muted);background:var(--surface-muted)}.task-content{min-width:0;flex:1}.task-topline{justify-content:space-between;gap:8px}.task-topline strong{color:var(--ink-soft);font-size:10px}.task-topline time{color:var(--faint);font-size:9px}.task-content p{display:-webkit-box;margin:5px 0 0;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.task-progress{height:3px;margin-top:8px;overflow:hidden;background:var(--line);border-radius:2px}.task-progress span{display:block;height:100%;background:var(--teal);border-radius:inherit;transition:width .22s ease}.task-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px;color:var(--faint);font-size:9px}.task-meta span+span:before{margin-right:7px;color:var(--line-strong);content:"·"}.task-error{display:block;margin-top:6px;color:var(--accent-dark);font-size:9px;line-height:1.35}.retry-button{display:inline-flex;align-items:center;gap:4px;padding:5px 0 0;color:var(--teal);font-size:9px;cursor:pointer;background:transparent}.task-actions{display:flex;align-items:center;gap:12px}.pause-button{display:inline-flex;align-items:center;gap:4px;padding:5px 0 0;color:var(--muted);font-size:9px;cursor:pointer;background:transparent}.pause-button:hover{color:var(--ink)}.statusbar{display:flex;flex:0 0 31px;align-items:center;justify-content:space-between;padding:0 14px 0 410px;color:var(--muted);font-size:9px;border-top:1px solid var(--line);background:#eaf0ed}.status-left,.status-right{min-width:0;gap:8px}.status-label{display:inline-flex;align-items:center;gap:5px;color:var(--teal)}.status-right button{width:20px;height:20px;border-radius:3px}.zoom-readout{min-width:34px;text-align:center;font-variant-numeric:tabular-nums}.modal-backdrop{position:fixed;z-index:30;inset:0;display:grid;padding:20px;background:#1a272361;place-items:center;backdrop-filter:blur(4px)}.modal-panel{width:min(100%,460px);max-height:min(700px,calc(100vh - 40px));overflow:auto;padding:25px;background:var(--surface);border:1px solid rgba(255,255,255,.7);border-radius:8px;box-shadow:0 24px 70px #141f1c33}.modal-header{justify-content:space-between;margin-bottom:20px}.modal-header h2,.connection-modal h2{margin:6px 0 0;color:var(--ink);font-size:21px;line-height:1.2}.project-actions{flex-wrap:wrap;gap:7px;margin-bottom:17px}.project-actions .secondary-action{min-height:34px;padding:0 10px;font-size:10px}.project-list{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow:auto}.project-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px;color:var(--ink);text-align:left;cursor:pointer;background:var(--surface-soft);border:1px solid transparent;border-radius:5px}.project-row:hover{border-color:var(--line-strong)}.project-thumb{flex:0 0 32px;width:32px;height:32px;overflow:hidden}.project-thumb img{display:block;width:100%;height:100%;object-fit:cover}.project-row-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.project-row-copy strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.project-row-copy span,.project-empty{color:var(--muted);font-size:10px}.project-empty{padding:18px 0;text-align:center}.connection-backdrop{z-index:40}.help-backdrop{z-index:38}.help-modal{width:min(100%,480px)}.help-intro{display:flex;align-items:center;gap:10px;padding:11px;margin-bottom:18px;background:var(--teal-pale);border:1px solid #c7e1dc;border-radius:6px}.help-intro-icon{display:grid;flex:0 0 32px;width:32px;height:32px;color:var(--teal);background:#ffffffb8;border-radius:5px;place-items:center}.help-intro div:last-child{display:flex;min-width:0;flex-direction:column;gap:4px}.help-intro strong{color:var(--ink-soft);font-size:11px;line-height:1.35}.help-intro span,.help-footnote{color:var(--muted);font-size:10px;line-height:1.5}.shortcut-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;color:var(--ink-soft);font-size:10px;border-bottom:1px solid var(--line)}.shortcut-row kbd{padding:4px 6px;color:var(--muted);font-family:inherit;font-size:9px;white-space:nowrap;background:var(--surface-soft);border:1px solid var(--line);border-radius:3px}.help-footnote{margin:15px 0 0}.toast-region{position:fixed;z-index:60;right:18px;bottom:48px;width:min(360px,calc(100% - 36px));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:8px;padding:11px 10px 11px 12px;color:var(--ink-soft);font-size:10px;line-height:1.45;pointer-events:auto;background:#fffffff5;border:1px solid var(--line-strong);border-left:3px solid var(--teal);border-radius:5px;box-shadow:var(--shadow-md);backdrop-filter:blur(10px)}.toast svg:first-child{flex:0 0 auto;margin-top:1px;color:var(--teal)}.toast span{min-width:0;flex:1}.toast button{display:grid;flex:0 0 22px;width:22px;height:22px;color:var(--muted);cursor:pointer;background:transparent;border-radius:3px;place-items:center}.toast button:hover{color:var(--ink);background:var(--surface-muted)}.toast-error{border-left-color:var(--accent)}.toast-error svg:first-child{color:var(--accent-dark)}.connection-modal{width:min(100%,400px);padding:30px}.connection-brand{gap:9px;margin-bottom:25px;color:var(--ink);font-size:13px;font-weight:760}.connection-modal .modal-copy{margin:12px 0 22px;color:var(--muted);font-size:12px;line-height:1.55}.secret-field{display:flex;align-items:center;background:var(--surface);border:1px solid var(--line-strong);border-radius:5px}.secret-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #347d771f}.secret-field input{height:40px;padding:0 11px;border:0;box-shadow:none;outline:none}.secret-field button{flex:0 0 38px;height:38px;border-radius:4px}.form-error{margin:10px 0 0;font-size:11px;line-height:1.35}.connect-action{width:100%;margin-top:22px}.modal-cancel,.disconnect-action{display:block;width:100%;padding:10px 0 0;color:var(--muted);font-size:11px;cursor:pointer;background:transparent}.disconnect-action{color:var(--accent-dark)}.privacy-note{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:22px;color:#9aa8a1;font-size:10px}.loading-overlay{position:fixed;z-index:50;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--ink-soft);font-size:11px;background:#f3f6f4d1;backdrop-filter:blur(2px)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}@media(max-width:1220px){.studio-layout,.studio-layout.inspector-collapsed{grid-template-columns:306px 56px minmax(340px,1fr) 282px}.studio-layout.inspector-collapsed{grid-template-columns:306px 56px minmax(340px,1fr) 0}.statusbar{padding-left:375px}.brand-lockup{flex-basis:195px}}@media(max-width:980px){.studio-layout,.studio-layout.inspector-collapsed{grid-template-columns:280px 52px minmax(300px,1fr) 0}.inspector-panel,.inspector-toggle{display:none}.statusbar{padding-left:345px}.panel-scroll,.panel-footer{padding-right:16px;padding-left:16px}.board-header-center{display:none}}@media(max-width:760px){body{overflow:hidden}.topbar{flex-basis:57px;gap:8px;padding:0 11px}.brand-lockup{flex:0 0 auto}.brand-meta,.project-prefix,.project-title .save-state,.top-divider,.connection-pill span:not(.status-pip),.connection-pill svg,.top-actions>.icon-button:first-child{display:none}.brand-name{font-size:12px}.project-title{justify-content:flex-start}.project-title input{width:min(190px,42vw);padding-left:3px;text-align:left}.top-actions{flex:0 0 auto;margin-left:auto}.studio-layout,.studio-layout.inspector-collapsed{position:relative;display:block}.board-column{width:100%;height:100%}.prompt-panel,.inspector-panel{display:flex;position:absolute;z-index:12;top:0;bottom:0;width:min(360px,calc(100% - 14px));box-shadow:var(--shadow-md);transition:transform .18s ease,opacity .18s ease}.prompt-panel{left:0;border-right:1px solid var(--line)}.inspector-panel{right:0;border-left:1px solid var(--line)}.prompt-panel.mobile-hidden{transform:translate(-104%);opacity:0;pointer-events:none}.inspector-panel.mobile-hidden{display:flex;transform:translate(104%);opacity:0;pointer-events:none}.tool-sidebar{position:absolute;z-index:10;top:12px;left:10px;width:47px;height:auto;padding:7px 3px;border:1px solid var(--line);border-radius:7px;box-shadow:var(--shadow-sm)}.tool-button{width:38px;height:36px}.tool-sidebar .tool-divider{margin:9px 0}.brush-controls{display:none}.lower-tools{flex-direction:row;flex-wrap:wrap;justify-content:center}.lower-tools .tool-button{width:36px}.board-header{padding-right:10px;padding-left:72px}.board-breadcrumb{max-width:45%}.board-count{display:none}.mobile-panel-actions{display:flex;gap:2px}.mobile-panel-actions button{width:30px;height:30px;border-radius:4px}.mobile-panel-actions button.active{color:var(--teal);background:var(--teal-pale)}.quiet-button span{display:none}.statusbar{padding:0 10px}.status-right>span:last-child,.status-right .status-separator{display:none}}@media(max-width:430px){.brand-mark{width:28px;height:28px}.project-title input{width:145px}.panel-scroll{padding-top:18px}.connection-modal{padding:24px}.template-grid{grid-template-columns:1fr}}.prompt-assist{padding:12px 13px 11px;margin-top:12px;background:var(--surface);border:1px solid var(--line);border-radius:7px}.prompt-field-actions{display:inline-flex;align-items:center;gap:2px}.prompt-assist-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.prompt-assist-heading .section-label{font-size:10px}.prompt-assist-heading .text-action:disabled{cursor:not-allowed;opacity:.38}.prompt-chip-list{display:flex;flex-wrap:wrap;gap:5px}.prompt-chip{min-height:27px;padding:0 8px;color:var(--ink-soft);font-size:10px;cursor:pointer;background:var(--surface-soft);border:1px solid var(--line);border-radius:4px;transition:color .14s ease,background .14s ease,border-color .14s ease,transform .14s ease}.prompt-chip:hover{color:var(--teal);background:var(--teal-pale);border-color:#c7e1dc;transform:translateY(-1px)}.prompt-assist-note{margin:8px 0 0;color:var(--faint);font-size:9px;line-height:1.4}.saved-prompt-list{display:flex;flex-direction:column;gap:3px}.saved-prompt-row{display:flex;align-items:center;min-width:0;gap:3px;border-radius:4px}.saved-prompt-main{display:inline-flex;align-items:center;min-width:0;flex:1;gap:7px;padding:7px 5px;color:var(--ink-soft);font-size:10px;text-align:left;cursor:pointer;background:transparent;border-radius:4px}.saved-prompt-main svg{flex:0 0 auto;color:var(--teal)}.saved-prompt-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-prompt-main:hover{color:var(--ink);background:var(--surface-soft)}.saved-prompt-delete{display:grid;flex:0 0 25px;width:25px;height:25px;color:var(--faint);cursor:pointer;background:transparent;border-radius:4px;place-items:center}.saved-prompt-delete:hover{color:var(--accent-dark);background:var(--accent-pale)}.reference-entry{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 1px 0;color:var(--faint);font-size:9px}.reference-entry>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-entry-button{display:inline-flex;align-items:center;flex:0 0 auto;gap:6px;min-height:29px;padding:0 8px;color:var(--teal);font-size:10px;font-weight:700;cursor:pointer;background:var(--teal-pale);border:1px solid #c7e1dc;border-radius:4px}.reference-entry-button:hover{color:#245e59;background:#d6ebe6}.batch-setting{padding-top:13px;margin-top:13px;border-top:1px dashed var(--line-strong)}.batch-setting .setting-label-row{margin-top:0}.batch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:2px}.batch-grid button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:34px;color:var(--muted);cursor:pointer;background:var(--surface-soft);border:1px solid var(--line);border-radius:4px}.batch-grid button strong{font-size:11px;font-weight:780}.batch-grid button span{font-size:9px}.batch-grid button:hover,.batch-grid button.active{color:var(--ink);background:var(--accent-pale);border-color:var(--accent)}.selection-preview{display:block;width:100%;padding:0;color:inherit;text-align:left;cursor:zoom-in;border:0}.selection-preview:hover{box-shadow:0 0 0 2px #347d7759}.multi-selection-details{padding:11px;margin-bottom:13px;background:var(--teal-pale);border:1px solid #c7e1dc;border-radius:6px}.multi-selection-heading{display:flex;align-items:center;gap:8px}.multi-selection-heading>div:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.multi-selection-heading strong{color:var(--ink-soft);font-size:10px;font-weight:760}.multi-selection-heading span{color:var(--teal);font-size:9px}.multi-selection-icon{display:grid;flex:0 0 29px;width:29px;height:29px;color:var(--teal);background:#ffffffb3;border-radius:4px;place-items:center}.multi-selection-actions{margin-top:10px}.layer-row.primary{box-shadow:inset 3px 0 0 var(--accent)}.selection-preview .preview-hint{right:6px;top:6px;bottom:auto;display:inline-flex;align-items:center;gap:4px;color:#fff;background:#202826b8}.connection-modal-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.connection-modal-topline .connection-brand{margin-bottom:25px}.connection-banner{display:flex;align-items:center;gap:9px;padding:9px;margin:-7px 0 16px;background:#fff8f1;border:1px solid #f0dfc8;border-radius:6px}.connection-banner-icon{display:grid;flex:0 0 28px;width:28px;height:28px;color:var(--amber);background:var(--amber-pale);border-radius:4px;place-items:center}.connection-banner>div:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.connection-banner strong{color:var(--ink-soft);font-size:10px;font-weight:760}.connection-banner span{color:var(--muted);font-size:9px;line-height:1.35}.connection-banner button{display:grid;flex:0 0 25px;width:25px;height:25px;color:var(--amber);cursor:pointer;background:transparent;border-radius:4px;place-items:center}.connection-banner button:hover{color:var(--ink);background:#b77f321f}.image-node:focus-visible{outline:2px solid var(--teal);outline-offset:4px}.resize-handle:disabled{cursor:not-allowed;opacity:.45}.board-empty strong{color:var(--ink-soft);font-size:13px;font-weight:760}.board-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:3px;pointer-events:auto}.board-empty-actions button{display:inline-flex;align-items:center;gap:6px;min-height:33px;padding:0 10px;color:var(--ink-soft);font-size:10px;font-weight:700;cursor:pointer;background:#ffffffd6;border:1px solid var(--line-strong);border-radius:4px;box-shadow:var(--shadow-sm)}.board-empty-actions button:first-child{color:#fff;background:var(--ink);border-color:var(--ink)}.board-empty-actions button:hover{border-color:var(--teal);transform:translateY(-1px)}.preview-backdrop,.export-backdrop{z-index:35}.image-preview-modal{display:flex;width:min(920px,100%);max-height:min(860px,calc(100vh - 40px));flex-direction:column;padding:18px}.preview-header{margin-bottom:14px}.preview-heading{min-width:0}.preview-heading h2{overflow:hidden;max-width:min(560px,62vw);text-overflow:ellipsis;white-space:nowrap}.preview-actions{display:flex;flex:0 0 auto;gap:3px}.preview-stage{display:grid;min-height:260px;max-height:min(66vh,650px);overflow:hidden;background:#202825;border:1px solid #34413c;border-radius:6px;place-items:center}.preview-stage img{display:block;width:100%;height:100%;max-height:inherit;object-fit:contain}.preview-meta{display:flex;flex-wrap:wrap;gap:8px 14px;padding-top:11px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.preview-meta span+span:before{margin-right:14px;color:var(--line-strong);content:"·"}.preview-prompt{max-height:88px;margin:9px 0 0;overflow:auto;color:var(--ink-soft);font-size:11px;line-height:1.55}.export-modal{width:min(100%,520px)}.export-summary{display:flex;align-items:center;gap:10px;padding:11px;margin-bottom:18px;background:var(--surface-soft);border:1px solid var(--line);border-radius:6px}.export-summary-icon{display:grid;flex:0 0 34px;width:34px;height:34px;color:var(--teal);background:var(--teal-pale);border-radius:5px;place-items:center}.export-summary div:last-child{display:flex;min-width:0;flex-direction:column;gap:3px}.export-summary strong{overflow:hidden;color:var(--ink-soft);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.export-summary span{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.export-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-fields .select-input{margin-bottom:0}.export-choice-group{padding-top:17px;margin-top:17px;border-top:1px solid var(--line)}.segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;background:var(--surface-soft);border:1px solid var(--line);border-radius:5px}.segmented-control button{min-height:32px;color:var(--muted);font-size:10px;cursor:pointer;background:transparent;border-radius:3px}.segmented-control button.active{color:var(--ink);font-weight:760;background:var(--surface);box-shadow:var(--shadow-sm)}.export-note{margin:8px 0 0;color:var(--faint);font-size:9px;line-height:1.45}.export-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.export-footer>span{color:var(--muted);font-size:9px;line-height:1.4}.export-footer .primary-action{flex:0 0 auto;min-height:38px}@media(max-width:760px){.image-preview-modal{padding:13px}.preview-heading h2{max-width:48vw;font-size:17px}.preview-stage{min-height:220px;max-height:58vh}.export-footer{align-items:stretch;flex-direction:column}.export-footer .primary-action{width:100%}}@media(max-width:430px){.reference-entry{align-items:flex-start;flex-direction:column}.reference-entry>span{max-width:100%}.export-fields{grid-template-columns:1fr;gap:0}.export-fields .select-input{margin-bottom:12px}}@media(min-width:761px)and (max-width:980px){.studio-layout{position:relative}.mobile-panel-actions{display:flex;gap:2px}.mobile-panel-actions button{width:30px;height:30px;border-radius:4px}.mobile-panel-actions button.active{color:var(--teal);background:var(--teal-pale)}.inspector-panel{position:absolute;z-index:15;top:48px;right:0;bottom:0;display:flex;width:min(320px,calc(100% - 18px));background:var(--surface);box-shadow:-12px 0 30px #1f2d281f;transition:transform .18s ease,opacity .18s ease}.inspector-panel.mobile-hidden{transform:translate(104%);opacity:0;pointer-events:none}.inspector-toggle{display:none}.mobile-panel-close{display:inline-flex}}@media(max-width:760px){.top-actions>.icon-button:first-child{display:inline-flex}.top-actions>.icon-button:nth-child(2){display:none}.mobile-panel-close{display:inline-flex}}:root{--ink: #172126;--ink-soft: #46535a;--muted: #738087;--faint: #9aa6ab;--line: #dfe6e8;--line-strong: #c7d2d6;--surface: #ffffff;--surface-soft: #f7f9fa;--surface-muted: #eef2f3;--canvas: #e9eef0;--accent: #e16d56;--accent-dark: #b64d3e;--accent-pale: #fbe7e1;--teal: #287a77;--teal-pale: #e2f0ee;--amber: #a8782d;--amber-pale: #f8eedc;--shadow-sm: 0 4px 14px rgba(23, 33, 38, .07);--shadow-md: 0 18px 46px rgba(23, 33, 38, .14)}.app-shell{background:var(--surface-muted)}.topbar{flex-basis:68px;gap:22px;padding:0 24px;box-shadow:0 1px #17212605}.brand-lockup{flex-basis:210px;gap:11px}.brand-mark{width:32px;height:32px;background:var(--ink);border-radius:9px;box-shadow:0 5px 12px #17212629}.brand-name{font-size:14px;letter-spacing:0}.brand-meta,.eyebrow{letter-spacing:.14em}.project-title{justify-content:flex-start;gap:9px}.project-prefix{color:var(--faint);font-size:10px;font-weight:650}.project-title input{width:min(300px,34vw);padding:8px 10px;text-align:left;border-radius:7px}.project-title input:hover,.project-title input:focus{background:var(--surface-soft);border-color:var(--line-strong)}.save-state{gap:6px;font-size:10px}.top-actions{gap:5px}.header-command{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 10px;color:var(--ink-soft);font-size:10px;font-weight:720;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:7px;transition:color .14s ease,background .14s ease,border-color .14s ease,transform .14s ease}.header-command:hover:not(:disabled){color:var(--ink);background:var(--surface-soft);border-color:var(--line)}.header-command:disabled{cursor:not-allowed;opacity:.38}.header-export{color:var(--teal)}.icon-button{width:34px;height:34px;border-radius:7px}.connection-pill{min-height:34px;padding:0 11px;border-radius:7px}.studio-layout,.studio-layout.inspector-collapsed{grid-template-columns:368px 64px minmax(420px,1fr) 340px}.studio-layout.inspector-collapsed{grid-template-columns:368px 64px minmax(420px,1fr) 0}.prompt-panel,.inspector-panel{background:#fbfcfc}.prompt-panel{border-right-color:var(--line)}.panel-scroll{padding:24px 20px 26px;scrollbar-width:thin}.prompt-workspace{background:#fbfcfc}.prompt-title-row{margin:8px 0 18px}.panel-title-row h1,.inspector-heading h2{letter-spacing:0}.panel-title-row h1{font-size:24px}.panel-subtitle{margin-top:6px;color:var(--muted);font-size:11px}.service-badge{padding:7px 9px;border-radius:7px}.composer-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:16px;background:#edf2f3;border:1px solid var(--line);border-radius:9px}.composer-mode button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;color:var(--muted);font-size:10px;font-weight:720;cursor:pointer;background:transparent;border-radius:6px;transition:color .14s ease,background .14s ease,box-shadow .14s ease}.composer-mode button:hover{color:var(--ink)}.composer-mode button.active{color:var(--ink);background:var(--surface);box-shadow:var(--shadow-sm)}.composer-mode button.active:first-child svg{color:var(--accent)}.composer-mode button.active:last-child svg{color:var(--teal)}.connection-banner{margin:-2px 0 15px;padding:10px;border-radius:8px}.reference-strip{padding:8px;margin-bottom:14px;border-radius:8px}.prompt-composer{padding:15px;background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;box-shadow:0 5px 18px #1721260b}.composer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.prompt-input{min-height:190px;padding:13px;margin-top:13px;font-size:12px;line-height:1.65;border-color:var(--line);border-radius:7px}.prompt-input:hover{border-color:var(--line-strong)}.prompt-footer{margin-top:8px;font-size:9px}.prompt-quick-tools{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding-top:11px;margin-top:10px;border-top:1px solid var(--line)}.prompt-chip-list{gap:4px}.prompt-chip{min-height:26px;padding:0 7px;font-size:9px;border-radius:5px}.prompt-refine-button{display:inline-flex;align-items:center;flex:0 0 auto;gap:5px;min-height:26px;padding:0 7px;color:var(--teal);font-size:9px;font-weight:720;cursor:pointer;background:var(--teal-pale);border-radius:5px}.prompt-refine-button:hover:not(:disabled){color:#1c5d5a;background:#d6eae7}.prompt-refine-button:disabled{cursor:not-allowed;opacity:.42}.reference-dropzone{display:flex;align-items:center;width:100%;gap:9px;min-height:58px;padding:8px 10px;margin-top:12px;color:var(--muted);text-align:left;cursor:pointer;background:#f5f8f8;border:1px dashed var(--line-strong);border-radius:8px;transition:color .14s ease,background .14s ease,border-color .14s ease}.reference-dropzone:hover{color:var(--ink);background:var(--teal-pale);border-color:var(--teal)}.reference-dropzone>svg{flex:0 0 auto;color:var(--teal)}.reference-dropzone-icon{display:grid;flex:0 0 32px;width:32px;height:32px;color:var(--teal);background:#fff;border:1px solid #cde2df;border-radius:7px;place-items:center}.reference-dropzone-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.reference-dropzone-copy strong{color:var(--ink-soft);font-size:10px;font-weight:760}.reference-dropzone-copy small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.prompt-section{padding-top:20px;margin-top:20px}.prompt-library-section{border-top:0}.prompt-memory-section{padding-top:17px;margin-top:17px}.template-grid{gap:6px}.template-button{min-height:48px;padding:8px 9px;border-radius:7px}.template-button>span:nth-child(2){flex:1}.template-button>svg{flex:0 0 auto;color:var(--faint)}.template-button:hover>svg{color:var(--teal)}.settings-section{padding-top:20px}.style-description{min-height:14px;margin:-8px 0 14px;color:var(--muted);font-size:9px;line-height:1.4}.advanced-settings{gap:0 9px;padding-top:16px;margin-top:16px}.negative-prompt-field{grid-column:1 / -1}.negative-prompt-field .select-input{display:block;height:34px;padding:0 9px;margin-bottom:10px;font-size:10px}.prompt-submit-dock{display:flex;flex-direction:column;gap:8px;padding:12px 20px 14px;background:#fffffff5;border-top:1px solid var(--line);box-shadow:0 -8px 22px #1721260b;backdrop-filter:blur(12px)}.prompt-submit-meta{display:flex;align-items:center;min-width:0;gap:6px;color:var(--muted);font-size:9px}.prompt-submit-meta>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.submit-meta-divider{flex:0 0 1px;width:1px;height:12px;margin:0 2px;background:var(--line-strong)}.prompt-submit-dock .generate-button{width:100%;min-height:47px;border-radius:8px;box-shadow:0 7px 16px #1721261f}.fresh-generation-button{min-height:34px;border-radius:7px}.panel-connect-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:25px;color:var(--teal);font-size:9px;cursor:pointer;background:transparent}.panel-connect-link:hover{color:var(--ink)}.tool-sidebar{padding:17px 10px 14px;background:#f3f6f7;border-right-color:var(--line)}.tool-button{width:42px;height:42px;border-radius:8px}.tool-button.active{background:var(--ink);box-shadow:0 6px 14px #1721262e}.tool-sidebar .tool-divider{width:32px;margin:17px 0}.board-column{background:var(--canvas)}.board-header{flex-basis:56px;padding:0 18px;background:#fafcfce6;border-bottom-color:var(--line)}.board-breadcrumb{gap:12px}.board-count,.canvas-indicator{font-size:10px}.board-header-center{display:inline-flex;align-items:center;gap:10px}.board-state-chip{padding:4px 7px;color:var(--muted);font-size:9px;background:var(--surface-soft);border:1px solid var(--line);border-radius:5px}.board-header-actions{gap:4px}.board-history-actions{display:inline-flex;gap:2px}.board-action-divider{width:1px;height:20px;margin:0 4px;background:var(--line)}.selection-toolbar{top:67px;border-radius:8px;box-shadow:var(--shadow-md)}.drop-overlay{inset:56px 16px 16px;border-radius:10px}.canvas-board{background-color:var(--canvas)}.board-grid{opacity:.7;background-image:radial-gradient(circle,#b9c7cb 1px,transparent 1px)}.image-node{border-radius:9px;box-shadow:0 18px 36px #17212624}.image-node.selected{border-color:var(--accent);box-shadow:0 0 0 4px #e16d562b,0 18px 36px #17212624}.board-empty{gap:11px;color:var(--muted)}.board-empty strong{color:var(--ink-soft);font-size:14px}.board-empty>span{max-width:300px;text-align:center;line-height:1.5}.empty-mark{width:54px;height:54px;color:var(--accent);background:var(--accent-pale);border-radius:15px;box-shadow:0 8px 20px #e16d561f}.empty-preview{position:relative;width:156px;height:96px;margin-bottom:2px}.empty-preview-card{position:absolute;display:grid;border:1px solid rgba(70,83,90,.13);border-radius:10px;box-shadow:0 13px 24px #1721261c;place-items:center}.empty-preview-card-back{top:13px;left:28px;width:94px;height:65px;background:#d7e2e4;transform:rotate(-8deg)}.empty-preview-card-main{top:7px;left:42px;width:88px;height:65px;color:var(--accent);background:#fff8f5;border-color:#e16d5640;transform:rotate(6deg)}.empty-preview-line{position:absolute;left:12px;height:5px;background:#c8d4d7;border-radius:3px;transform:rotate(-4deg)}.empty-preview-line-one{top:27px;width:24px}.empty-preview-line-two{top:40px;width:33px}.empty-workflow{display:inline-flex;align-items:center;gap:7px;margin-top:3px;color:var(--faint);font-size:9px;font-weight:700}.empty-workflow i{display:block;width:18px;height:1px;background:var(--line-strong)}.board-floating-actions{position:absolute;z-index:7;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:4px;padding:4px;background:#ffffffe8;border:1px solid var(--line-strong);border-radius:8px;box-shadow:var(--shadow-sm);backdrop-filter:blur(10px)}.board-floating-actions button{display:inline-flex;align-items:center;gap:6px;min-height:31px;padding:0 8px;color:var(--ink-soft);font-size:9px;font-weight:700;cursor:pointer;background:transparent;border-radius:5px}.board-floating-actions button:hover:not(:disabled){color:var(--teal);background:var(--teal-pale)}.board-floating-actions button:disabled{cursor:not-allowed;opacity:.4}.board-coordinates{right:18px;bottom:18px;padding:7px 10px;background:#ffffffe0;border-color:var(--line-strong);border-radius:7px}.inspector-panel{border-left-color:var(--line)}.inspector-tabs{flex-basis:56px;padding:0 17px}.inspector-tabs button{height:56px;font-size:10px}.inspector-content{padding:19px 18px 18px}.inspector-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:15px}.inspector-overview>div{display:flex;min-height:55px;justify-content:center;flex-direction:column;gap:5px;padding:0 10px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.inspector-overview span{color:var(--muted);font-size:9px}.inspector-overview strong{color:var(--ink);font-size:16px;font-weight:760;font-variant-numeric:tabular-nums}.task-overview>div:first-child strong{color:var(--amber)}.task-overview>div:nth-child(2) strong{color:var(--teal)}.task-overview>div:nth-child(3) strong{color:var(--accent-dark)}.inspector-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:18px}.inspector-quick-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;color:var(--ink-soft);font-size:9px;font-weight:700;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:6px}.inspector-quick-actions button:hover{color:var(--teal);border-color:var(--line-strong);background:var(--teal-pale)}.inspector-heading{margin-bottom:13px}.inspector-heading h2{font-size:19px}.layer-search{height:36px;margin-bottom:13px;border-radius:7px}.selection-details,.multi-selection-details{border-radius:8px}.layer-row{min-height:58px;padding:6px;border-radius:7px}.layer-row.selected{border-color:var(--accent);box-shadow:0 3px 10px #e16d5614}.task-row{padding:11px 9px;border-radius:8px}.statusbar{flex-basis:34px;padding:0 18px 0 450px;background:#e5ecee}.modal-backdrop{background:#17212675}.modal-panel{border-radius:11px;box-shadow:0 26px 80px #1721263d}.toast{border-radius:8px}@media(max-width:1320px){.studio-layout,.studio-layout.inspector-collapsed{grid-template-columns:338px 58px minmax(360px,1fr) 310px}.studio-layout.inspector-collapsed{grid-template-columns:338px 58px minmax(360px,1fr) 0}.brand-lockup{flex-basis:190px}.statusbar{padding-left:414px}}@media(max-width:1080px){.topbar{gap:12px;padding:0 16px}.brand-lockup{flex-basis:174px}.project-title input{width:min(230px,28vw)}.header-command span{display:none}.header-command{width:34px;padding:0}.studio-layout,.studio-layout.inspector-collapsed{grid-template-columns:310px 56px minmax(320px,1fr) 292px}.studio-layout.inspector-collapsed{grid-template-columns:310px 56px minmax(320px,1fr) 0}.statusbar{padding-left:382px}}@media(max-width:980px){.studio-layout,.studio-layout.inspector-collapsed{grid-template-columns:300px 54px minmax(300px,1fr) 0}.statusbar{padding-left:368px}}@media(max-width:760px){.topbar{flex-basis:59px;gap:7px;padding:0 10px}.brand-lockup{flex-basis:auto}.brand-mark{width:29px;height:29px;border-radius:8px}.brand-name{font-size:12px}.project-title{min-width:0}.project-title input{width:min(170px,38vw);padding:7px 3px;font-size:11px}.save-state,.project-prefix,.brand-meta,.top-divider,.connection-pill span:not(.status-pip),.connection-pill svg{display:none}.top-actions{margin-left:auto}.top-actions>.header-command:first-child,.top-actions>.icon-button:nth-child(2){display:none}.studio-layout,.studio-layout.inspector-collapsed{display:block;position:relative}.board-column{width:100%;height:100%}.prompt-panel,.inspector-panel{position:absolute;z-index:12;top:0;bottom:0;width:min(380px,calc(100% - 12px));box-shadow:var(--shadow-md);transition:transform .18s ease,opacity .18s ease}.prompt-panel{left:0}.inspector-panel{right:0}.prompt-panel.mobile-hidden{transform:translate(-104%)}.inspector-panel.mobile-hidden{display:flex;transform:translate(104%)}.prompt-submit-dock{padding-right:16px;padding-left:16px}.tool-sidebar{top:12px;left:10px;width:48px;height:auto;padding:7px 3px;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm)}.tool-button{width:40px;height:37px}.board-header{padding-right:10px;padding-left:72px}.board-header-center,.board-count,.board-history-actions,.board-action-divider{display:none}.board-breadcrumb{max-width:47%}.mobile-panel-actions{display:flex;gap:2px}.mobile-panel-actions button{width:31px;height:31px;border-radius:6px}.mobile-panel-actions button.active{color:var(--teal);background:var(--teal-pale)}.quiet-button span{display:none}.board-floating-actions{left:70px;bottom:14px}.board-floating-actions button span{display:none}.statusbar{padding:0 10px}.status-right>span:last-child,.status-right .status-separator{display:none}}@media(max-width:430px){.project-title input{width:130px}.prompt-workspace{padding-right:15px;padding-left:15px}.prompt-input{min-height:170px}.prompt-submit-dock{padding-right:14px;padding-left:14px}.reference-dropzone-copy small{max-width:205px}.template-grid{grid-template-columns:1fr}.board-floating-actions{left:64px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.project-row{gap:5px;padding:6px}.project-row-main{display:flex;align-items:center;min-width:0;flex:1;gap:10px;padding:3px;color:var(--ink);text-align:left;cursor:pointer;background:transparent;border-radius:6px}.project-row-main:hover{background:var(--surface)}.project-row-main>svg{flex:0 0 auto;color:var(--faint)}.project-row.current{background:var(--teal-pale);border-color:#c7e1dc}.project-row.current .project-row-main{color:var(--ink)}.current-project-mark{display:inline-flex;align-items:center;min-height:17px;padding:0 5px;margin-left:6px;color:var(--teal);font-size:8px;font-weight:760;vertical-align:1px;background:#ffffffbf;border:1px solid #c7e1dc;border-radius:4px}.project-delete{display:grid;flex:0 0 30px;width:30px;height:30px;color:var(--faint);cursor:pointer;background:transparent;border-radius:5px;place-items:center}.project-delete:hover{color:var(--accent-dark);background:var(--accent-pale)}.preview-error-state{display:flex;align-items:center;max-width:300px;gap:8px;padding:24px;color:#f4cbc4;text-align:center;flex-direction:column}.preview-error-state strong{color:#fff;font-size:13px}.preview-error-state span{color:#b9c6c3;font-size:10px;line-height:1.5}.preview-error-state button{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 10px;color:#fff;font-size:10px;cursor:pointer;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:5px}.preview-error-state button:hover{background:#fff3}.transform-heading-actions{display:inline-flex;align-items:center;gap:7px}.aspect-lock-control{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:9px;cursor:pointer;white-space:nowrap}.aspect-lock-control input{width:13px;height:13px;margin:0;accent-color:var(--teal)}@media(max-width:380px){.transform-heading{align-items:flex-start;flex-direction:column}.transform-heading-actions{width:100%;justify-content:space-between}}@media(min-width:981px){.prompt-panel{position:relative}}.prompt-panel-resizer{position:absolute;z-index:4;top:0;right:-4px;bottom:0;width:8px;cursor:col-resize;background:transparent}.prompt-panel-resizer:after{position:absolute;top:50%;left:3px;width:2px;height:48px;background:var(--line-strong);border-radius:2px;content:"";opacity:0;transform:translateY(-50%);transition:opacity .14s ease,background .14s ease}.prompt-panel-resizer:hover:after,.prompt-panel-resizer:focus-visible:after,.is-resizing-prompt .prompt-panel-resizer:after{background:var(--teal);opacity:1}.is-resizing-prompt,.is-resizing-prompt *{cursor:col-resize!important;user-select:none!important}@media(min-width:981px){.studio-layout,.studio-layout.inspector-collapsed{grid-template-columns:var(--prompt-width, 368px) 64px minmax(420px,1fr) 340px}.studio-layout.inspector-collapsed{grid-template-columns:var(--prompt-width, 368px) 64px minmax(420px,1fr) 0}}@media(max-width:980px){.prompt-panel-resizer{display:none}}.image-node.text-layer{min-width:80px;min-height:40px;background:transparent;border-style:dashed;box-shadow:none}.image-node.text-layer:hover,.image-node.text-layer.selected{background:#ffffff2e;border-style:solid}.text-layer-content{display:block;width:100%;height:100%;overflow:hidden;padding:16px;white-space:pre-wrap;word-break:break-word;user-select:none;pointer-events:none}.image-node.text-layer .image-label{color:var(--teal)}.selection-text-preview,.preview-text-stage{display:block;width:100%;height:100%;overflow:hidden;padding:14px;white-space:pre-wrap;word-break:break-word}.selection-text-preview{display:flex;align-items:center;justify-content:center;text-align:center}.layer-text-thumb{display:flex;align-items:center;justify-content:center;padding:4px;color:var(--ink-soft);font-size:8px;font-weight:700;line-height:1.15;text-align:center;white-space:pre-wrap;word-break:break-word}.text-layer-controls{padding:12px 0 2px;margin-top:11px;border-top:1px solid var(--line)}.text-layer-control-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:9px}.text-layer-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;color:var(--teal);font-size:8px;font-weight:760;letter-spacing:.08em;background:var(--teal-pale);border-radius:4px}.text-layer-editor{display:block;width:100%;min-height:86px;padding:9px;resize:vertical;color:var(--ink);font-size:11px;line-height:1.5;background:var(--surface);border:1px solid var(--line-strong);border-radius:5px}.text-layer-editor:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #347d771f}.text-layer-editor:disabled,.text-style-grid input:disabled,.text-style-grid select:disabled,.text-range-control input:disabled{cursor:not-allowed;opacity:.42}.text-style-grid{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:0 8px;margin-top:10px}.text-style-grid .select-input{height:32px;margin-bottom:8px;font-size:9px}.text-number-input{width:100%;height:32px;padding:0 7px;color:var(--ink);font-size:10px;background:var(--surface);border:1px solid var(--line);border-radius:4px}.text-number-input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #347d771f}.text-style-row{display:flex;align-items:flex-end;gap:8px;margin-top:2px}.text-color-control,.text-background-control,.text-weight-control,.text-layout-row>div{min-width:0;flex:1}.text-color-control input[type=color]{display:block;width:100%;height:32px;padding:3px;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:4px}.text-background-control .select-input,.text-weight-control .select-input{height:32px;margin-bottom:0;font-size:9px}.text-align-control{display:flex;gap:3px;height:32px}.text-align-control button{display:grid;flex:1;min-width:0;color:var(--muted);font-size:10px;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:4px;place-items:center}.text-align-control button:hover,.text-align-control button.active{color:var(--teal);background:var(--teal-pale);border-color:#b9d8d3}.text-align-control button:disabled{cursor:not-allowed;opacity:.42}.text-range-control{display:flex;align-items:center;gap:8px;margin-top:9px}.text-range-control .field-label{flex:0 0 34px;margin:0}.text-range-control input{min-width:0;flex:1;accent-color:var(--teal)}.text-range-control strong{flex:0 0 30px;color:var(--teal);font-size:9px;font-variant-numeric:tabular-nums;text-align:right}.preview-text-stage{display:flex;align-items:center;justify-content:center;min-height:180px;max-width:min(80vw,760px);max-height:min(68vh,560px);text-align:center}.board-empty-actions button:last-child{color:var(--teal);background:var(--teal-pale);border-color:#c7e1dc}@media(max-width:760px){.text-style-grid{grid-template-columns:minmax(0,1fr) 74px}.preview-text-stage{max-width:calc(100vw - 48px);max-height:58vh}}.topbar{box-shadow:0 1px #20282605}.top-actions .icon-button{position:relative}.studio-layout{background:#e8eeeb}.prompt-panel,.inspector-panel{box-shadow:inset 0 0 0 1px #ffffff73}.prompt-workspace{scrollbar-gutter:stable}.prompt-submit-dock{box-shadow:0 -8px 18px #1f2d280d}.inspector-tabs{gap:0;padding:0 9px}.inspector-tabs button{min-width:0;flex:1;justify-content:center;gap:4px;padding-right:4px;padding-left:4px}.inspector-tabs button svg{flex:0 0 auto}.inspector-tabs button .tab-count{min-width:15px;padding-right:3px;padding-left:3px}.project-toolbar{display:flex;align-items:center;gap:12px;margin:16px 0 10px}.project-toolbar .layer-search{flex:1;margin:0}.project-toolbar>span{flex:0 0 auto;color:var(--muted);font-size:10px;white-space:nowrap}.asset-overview>div{min-width:0}.asset-toolbar{display:flex;align-items:center;gap:6px;margin-bottom:12px}.asset-filter-row{display:flex;min-width:0;flex:1;gap:4px;overflow-x:auto;scrollbar-width:none}.asset-filter-row::-webkit-scrollbar{display:none}.asset-filter-row button,.asset-sort-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:4px;min-height:28px;padding:0 7px;color:var(--muted);font-size:9px;cursor:pointer;background:var(--surface-soft);border:1px solid var(--line);border-radius:5px}.asset-filter-row button:hover,.asset-filter-row button.active,.asset-sort-button:hover{color:var(--teal);background:var(--teal-pale);border-color:#c7e1dc}.asset-filter-row button span{display:grid;min-width:14px;height:14px;padding:0 3px;color:var(--faint);font-size:8px;background:#ffffffc7;border-radius:4px;place-items:center}.asset-filter-row button.active span{color:var(--teal)}.asset-sort-button{flex:0 0 29px;width:29px;padding:0}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.asset-card{min-width:0;overflow:hidden;background:var(--surface-soft);border:1px solid var(--line);border-radius:7px;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.asset-card:hover,.asset-card.selected{border-color:var(--line-strong);box-shadow:0 5px 16px #1f2d2814;transform:translateY(-1px)}.asset-card.selected{border-color:var(--accent)}.asset-card-preview{position:relative;display:block;width:100%;aspect-ratio:1 / 1;padding:0;overflow:hidden;cursor:zoom-in;background:#e1e8e4}.asset-card-preview img,.asset-text-preview{display:block;width:100%;height:100%;object-fit:cover}.asset-text-preview{display:flex;align-items:center;justify-content:center;padding:10px;overflow:hidden;text-align:center;white-space:pre-wrap;word-break:break-word}.asset-card-overlay{position:absolute;right:7px;bottom:7px;display:inline-flex;align-items:center;gap:4px;padding:4px 6px;color:#fff;font-size:8px;background:#172126c7;border-radius:4px;opacity:0;transform:translateY(3px);transition:opacity .14s ease,transform .14s ease}.asset-card-preview:hover .asset-card-overlay,.asset-card.selected .asset-card-overlay{opacity:1;transform:translateY(0)}.asset-card-footer{display:flex;align-items:center;gap:5px;min-height:43px;padding:7px 7px 5px}.asset-card-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.asset-card-copy strong,.asset-card-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-card-copy strong{color:var(--ink-soft);font-size:10px;font-weight:720}.asset-card-copy span{color:var(--faint);font-size:8px}.asset-favorite-button{display:grid;flex:0 0 25px;width:25px;height:25px;color:var(--faint);cursor:pointer;background:transparent;border-radius:4px;place-items:center}.asset-favorite-button:hover,.asset-favorite-button.active{color:var(--accent);background:var(--accent-pale)}.asset-card-actions{display:flex;align-items:center;gap:3px;padding:0 6px 6px}.asset-card-actions button{display:grid;flex:1;min-width:0;height:26px;color:var(--muted);cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:4px;place-items:center}.asset-card-actions button:hover{color:var(--teal);border-color:#b9d8d3;background:var(--teal-pale)}.asset-card-actions button:last-child:hover{color:var(--accent-dark);border-color:#edc6bd;background:var(--accent-pale)}.layer-favorite{display:grid;flex:0 0 24px;width:24px;height:24px;color:var(--faint);cursor:pointer;border-radius:4px;place-items:center}.layer-favorite:hover,.layer-favorite.active{color:var(--accent);background:var(--accent-pale)}.asset-empty{min-height:300px}.command-backdrop{align-items:flex-start;padding-top:min(16vh,120px)}.command-modal{width:min(560px,calc(100vw - 32px));padding:15px}.command-heading,.command-title-wrap,.command-search,.command-footer{display:flex;align-items:center}.command-heading{justify-content:space-between;gap:12px;padding:2px 2px 13px}.command-title-wrap{min-width:0;gap:9px}.command-icon,.command-item-icon{display:grid;color:var(--teal);background:var(--teal-pale);place-items:center}.command-icon{flex:0 0 30px;width:30px;height:30px;border-radius:6px}.command-modal h2{margin:3px 0 0;color:var(--ink);font-size:17px;font-weight:780}.command-search{gap:8px;height:42px;padding:0 10px;color:var(--muted);background:var(--surface-soft);border:1px solid var(--line-strong);border-radius:6px}.command-search:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #347d771f}.command-search input{min-width:0;flex:1;color:var(--ink);font-size:12px;background:transparent;border:0;outline:0}.command-search input::placeholder{color:var(--faint)}.command-search kbd,.command-footer span{color:var(--faint);font-size:9px}.command-search kbd{padding:3px 5px;background:var(--surface);border:1px solid var(--line);border-radius:4px}.command-list{display:flex;max-height:min(52vh,390px);flex-direction:column;gap:3px;margin-top:10px;overflow:auto}.command-item{display:flex;align-items:center;min-width:0;gap:10px;padding:8px;color:var(--ink);text-align:left;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:6px}.command-item:hover,.command-item:focus-visible{background:var(--surface-soft);border-color:var(--line);outline:none}.command-item-icon{flex:0 0 30px;width:30px;height:30px;border-radius:5px}.command-item-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.command-item-copy strong{color:var(--ink-soft);font-size:11px;font-weight:720}.command-item-copy small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.command-item>svg{flex:0 0 auto;color:var(--faint)}.command-empty{display:flex;min-height:160px;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:11px}.command-footer{justify-content:space-between;gap:8px;padding:11px 2px 1px;border-top:1px solid var(--line)}@media(max-width:760px){.project-toolbar{align-items:stretch;flex-direction:column;gap:6px}.project-toolbar>span{align-self:flex-end}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.command-backdrop{padding-top:10vh}}@media(max-width:390px){.inspector-tabs button{font-size:9px}.inspector-tabs button svg{display:none}.asset-grid{gap:7px}}.download-directory-panel{flex:0 0 auto;padding:12px 16px 11px;background:var(--surface-soft);border-bottom:1px solid var(--line)}.download-directory-heading,.download-directory-title,.download-directory-actions{display:flex;align-items:center}.download-directory-heading{justify-content:space-between;gap:8px}.download-directory-title{min-width:0;gap:8px}.download-directory-icon{display:grid;flex:0 0 28px;width:28px;height:28px;color:var(--teal);background:var(--teal-pale);border-radius:5px;place-items:center}.download-directory-title>div{display:flex;min-width:0;flex-direction:column;gap:2px}.download-directory-title strong{overflow:hidden;color:var(--ink-soft);font-size:10px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.download-directory-title span:not(.download-directory-icon){color:var(--teal);font-size:8px;white-space:nowrap}.download-directory-count{flex:0 0 auto;padding:3px 6px;color:var(--teal);font-size:8px;font-variant-numeric:tabular-nums;background:var(--teal-pale);border-radius:4px}.download-directory-panel p{margin:8px 0 9px 36px;color:var(--muted);font-size:9px;line-height:1.45}.download-directory-actions{gap:5px;margin-left:36px}.download-directory-actions .secondary-action{min-height:28px;padding:0 9px;font-size:9px}.download-directory-actions .icon-button.small{flex:0 0 28px;width:28px;height:28px}.download-directory-permission,.download-directory-error{background:var(--accent-pale)}.download-directory-permission .download-directory-icon,.download-directory-error .download-directory-icon{color:var(--accent-dark);background:#f2d7d0}.download-directory-permission .download-directory-title span:not(.download-directory-icon),.download-directory-error .download-directory-title span:not(.download-directory-icon){color:var(--accent-dark)}.download-directory-unsupported{background:var(--surface-muted)}.download-directory-unsupported .download-directory-icon{color:var(--muted);background:var(--line)}.download-directory-unsupported .download-directory-title span:not(.download-directory-icon){color:var(--muted)}.download-directory-fallback{display:inline-flex;align-items:center;gap:5px;margin:8px 0 0 36px;padding:0;color:var(--ink-soft);font-family:inherit;font-size:9px;background:none;border:none;border-bottom:1px dashed var(--line-strong);cursor:pointer}.download-directory-fallback:hover{color:var(--ink);border-bottom-color:var(--ink)}.server-gallery-modal{width:min(880px,94vw);max-height:86vh;display:flex;flex-direction:column;gap:12px}.server-gallery-header-actions{display:flex;align-items:center;gap:6px}.server-gallery-note{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.server-gallery-note code{padding:1px 5px;color:var(--ink-soft);font-size:10px;background:var(--surface-muted);border-radius:4px}.server-gallery-state{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px 16px;color:var(--muted);font-size:12px;text-align:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-md)}.server-gallery-state.error{color:var(--amber);background:var(--amber-pale);border-color:var(--amber-pale)}.server-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;overflow-y:auto;padding:2px;min-height:0}.server-gallery-item{position:relative;display:flex;flex-direction:column;gap:7px;margin:0;padding:8px;background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-md)}.server-gallery-thumb{display:block;width:100%;aspect-ratio:1 / 1;padding:0;overflow:hidden;background:var(--canvas);border:none;border-radius:var(--radius-sm);cursor:pointer}.server-gallery-thumb img{width:100%;height:100%;object-fit:contain}.server-gallery-item figcaption{display:flex;flex-direction:column;gap:2px;min-width:0}.server-gallery-item figcaption strong{overflow:hidden;color:var(--ink);font-size:11px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.server-gallery-item figcaption span{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.server-gallery-actions{position:absolute;top:12px;right:12px;display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.server-gallery-item:hover .server-gallery-actions,.server-gallery-actions:focus-within{opacity:1}.server-gallery-actions button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;color:var(--ink);background:#0c0c0ee0;border:1px solid var(--line-strong);border-radius:6px;cursor:pointer}.server-gallery-actions button:hover{background:var(--surface-soft);border-color:var(--ink-soft)}.server-gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;border-top:1px solid var(--line)}.adjustment-controls{padding:13px 0 2px;margin-top:12px;border-top:1px solid var(--line)}.adjustment-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}.adjustment-heading .section-label{display:flex;align-items:center;gap:5px}.adjustment-heading>button{display:inline-flex;align-items:center;gap:4px;padding:4px 0;color:var(--teal);font-size:9px;cursor:pointer;background:transparent}.adjustment-heading>button:hover{color:var(--accent-dark)}.adjustment-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px}.adjustment-grid label{display:grid;grid-template-columns:auto auto;align-items:center;gap:5px 8px;min-width:0}.adjustment-grid label>span{min-width:0;color:var(--ink-soft);font-size:9px}.adjustment-grid label>strong{min-width:0;color:var(--teal);font-size:8px;font-variant-numeric:tabular-nums;text-align:right}.adjustment-grid input[type=range]{width:100%;min-width:0;grid-column:1 / -1;accent-color:var(--teal)}@media(max-width:390px){.adjustment-grid{gap:8px}}.storage-status{display:inline-flex;align-items:center;min-width:0;gap:5px;color:var(--muted);white-space:nowrap}.storage-status svg{flex:0 0 auto}.storage-status.warning{color:var(--accent-dark)}.upstream-status{display:flex;align-items:flex-start;gap:9px;padding:10px;margin:0 0 18px;background:var(--surface-soft);border:1px solid var(--line);border-radius:6px}.upstream-status-dot{flex:0 0 8px;width:8px;height:8px;margin-top:4px;background:var(--amber);border-radius:50%}.upstream-status>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.upstream-status strong{color:var(--ink-soft);font-size:10px;line-height:1.3}.upstream-status span:not(.upstream-status-dot){color:var(--muted);font-size:9px;line-height:1.45}.upstream-status button{display:grid;flex:0 0 25px;width:25px;height:25px;color:var(--muted);cursor:pointer;background:transparent;border-radius:4px;place-items:center}.upstream-status button:hover{color:var(--ink);background:var(--surface-muted)}.upstream-status button:disabled{cursor:wait;opacity:.55}.upstream-online{background:var(--teal-pale);border-color:#c7e1dc}.upstream-online .upstream-status-dot{background:var(--teal)}.upstream-offline{background:var(--accent-pale);border-color:#edc6bd}.upstream-offline .upstream-status-dot{background:var(--accent)}.storage-summary{padding:11px 12px 10px;margin-bottom:14px;background:var(--surface-soft);border:1px solid var(--line);border-radius:7px}.storage-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.storage-summary-heading>span,.storage-summary-heading>strong{display:inline-flex;align-items:center;min-width:0;gap:5px}.storage-summary-heading>span{color:var(--ink-soft);font-size:10px;font-weight:700}.storage-summary-heading>strong{color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap}.storage-summary.warning .storage-summary-heading>strong{color:var(--accent-dark)}.storage-meter{height:5px;margin-top:9px;overflow:hidden;background:var(--line);border-radius:3px}.storage-meter span{display:block;width:0;height:100%;background:var(--teal);border-radius:inherit;transition:width .22s ease,background .22s ease}.storage-summary.warning .storage-meter span{background:var(--accent)}.storage-summary p{margin:7px 0 0;color:var(--faint);font-size:9px;line-height:1.45}.app-error-overlay{position:fixed;z-index:80;inset:0;display:grid;padding:20px;background:#17212685;place-items:center;backdrop-filter:blur(5px)}.app-error-panel{display:flex;align-items:center;width:min(420px,calc(100vw - 32px));padding:26px;text-align:center;background:var(--surface);border:1px solid rgba(255,255,255,.75);border-radius:9px;box-shadow:var(--shadow-md);flex-direction:column}.app-error-icon{display:grid;width:42px;height:42px;margin-bottom:14px;color:var(--accent-dark);background:var(--accent-pale);border-radius:7px;place-items:center}.app-error-panel h2{margin:7px 0 0;color:var(--ink);font-size:20px}.app-error-panel p{margin:10px 0 20px;color:var(--muted);font-size:11px;line-height:1.55}.app-error-panel .primary-action{min-height:36px;padding:0 13px}@media(max-width:430px){.topbar{gap:5px;padding-right:8px;padding-left:8px}.brand-lockup{min-width:0;gap:7px}.brand-name{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-title{min-width:0;flex:1 1 auto;justify-content:flex-start}.project-title input{width:100%;min-width:0;max-width:86px;overflow:hidden;padding-right:2px;padding-left:2px;text-overflow:ellipsis;white-space:nowrap}.top-actions{gap:0}.top-actions>.icon-button:nth-child(4),.top-actions>.header-export{display:none}.top-actions>.icon-button,.connection-pill{width:30px;min-height:30px;height:30px}.connection-pill{padding:0}.storage-status,.status-right .status-separator{display:none}.storage-summary{padding-right:10px;padding-left:10px}}button{transition:all .2s ease-in-out;border-radius:var(--radius-sm)}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}button:active:not(:disabled){transform:translateY(0)}input,textarea,select{border-radius:var(--radius-sm);transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{outline:none!important;border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-pale)!important}.app-shell{background-color:var(--surface-muted)}.topbar{background:var(--surface)!important;border-bottom:1px solid var(--line)!important;box-shadow:var(--shadow-sm);padding:0 20px}.brand-name{font-weight:700!important;letter-spacing:-.02em!important}.icon-button,.header-command{border-radius:var(--radius-sm)!important;transition:all .2s!important}.icon-button:hover,.header-command:hover{background:var(--surface-muted)!important;box-shadow:none!important}.project-title input{border-radius:var(--radius-sm)!important;padding:4px 8px!important;transition:all .2s!important}.project-title input:hover{background:var(--surface-muted)!important}.project-title input:focus{background:var(--surface)!important}.panel,.dialog-content,.card{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important;border:1px solid var(--line)!important}.app-shell{background-color:var(--surface-muted);background-image:radial-gradient(circle at 50% 0%,rgba(59,130,246,.05),transparent 50%)}.topbar{background:var(--surface)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)!important;box-shadow:var(--shadow-sm);padding:0 24px}input,textarea,select{background:#ffffff0d!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:var(--radius-md)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}input:hover,textarea:hover,select:hover{background:#ffffff14!important;border-color:var(--line-strong)!important}input:focus,textarea:focus,select:focus{outline:none!important;background:#ffffff1a!important;border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent)!important}button{border-radius:var(--radius-md)!important;transition:all .2s ease!important}.icon-button,.header-command{background:transparent!important;color:var(--ink-soft)!important;border:1px solid transparent!important}.icon-button:hover,.header-command:hover{color:var(--ink)!important;background:var(--surface-soft)!important;border-color:var(--line)!important;transform:translateY(-1px)}.studio-modebar{background:var(--surface)!important;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)!important}.studio-mode-tabs button{color:var(--ink-soft);opacity:.7}.studio-mode-tabs button:hover{opacity:1}.studio-mode-tabs button.active{background:var(--surface-soft)!important;color:var(--ink)!important;border:1px solid var(--line-strong)!important;box-shadow:var(--shadow-sm)!important;opacity:1}.primary-button,button.primary{background:var(--accent)!important;color:#000!important;font-weight:600!important;border:none!important}.primary-button:hover,button.primary:hover{background:#d4d4d8!important;transform:translateY(-1px);box-shadow:0 4px 12px #fff3!important}.panel,.dialog-content,.card{background:var(--surface-solid)!important;border:1px solid var(--line)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.generation-page{display:flex!important;flex-direction:row-reverse!important;height:calc(100vh - 140px);flex:1}.generation-page-body{flex:1;overflow-y:auto;padding:40px!important;display:flex;flex-direction:column}.generation-composer{flex:0 0 350px!important;position:relative!important;bottom:0!important;left:0!important;right:0!important;height:100%;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;border-left:1px solid var(--line)!important;background:var(--surface)!important;backdrop-filter:blur(16px);padding:24px!important;border-top:none!important;box-shadow:-4px 0 24px #0003!important}.generation-composer-main{flex-direction:column!important;align-items:stretch!important;height:100%}.generation-prompt-box{flex:1!important;min-height:150px}.generation-prompt-box textarea{height:100%!important;resize:none!important;font-size:14px!important}.generation-result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:24px!important;align-items:flex-start}.professional-container{display:flex!important;flex-direction:row-reverse!important;height:100%!important}.professional-sidebar{flex:0 0 320px!important;border-left:1px solid var(--line)!important;border-right:none!important;background:var(--surface)!important}.professional-results{flex:1!important;padding:40px!important}.generation-page-header{position:sticky;top:0;z-index:10;background:transparent!important;border-bottom:none!important;padding:0 0 24px!important}.generation-composer-controls{display:flex!important;align-items:center!important;gap:12px!important;background:transparent!important;border:none!important;padding:0!important;margin-top:12px!important;flex-wrap:wrap!important}.generation-composer-controls label{display:flex!important;align-items:center!important;gap:8px!important;color:var(--ink-soft)!important;font-size:13px!important}.generation-composer-controls select{appearance:none!important;background-color:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:var(--ink)!important;padding:8px 32px 8px 12px!important;border-radius:8px!important;font-size:13px!important;font-weight:500!important;height:36px!important;cursor:pointer!important;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a1a1aa%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E)!important;background-repeat:no-repeat!important;background-position:right 8px center!important;background-size:14px!important}.generation-composer-controls select:hover{background-color:#ffffff1a!important;border-color:#fff3!important}.basic-settings-trigger{display:flex!important;align-items:center!important;gap:6px!important;height:36px!important;padding:0 16px!important;background-color:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:var(--ink)!important;border-radius:8px!important;font-size:13px!important;font-weight:500!important;cursor:pointer!important;outline:none!important;box-shadow:none!important}.basic-settings-trigger:hover,.basic-settings-trigger.active{background-color:#ffffff1a!important;border-color:#ffffff4d!important;transform:translateY(0)!important}.composer-icon-action{display:flex!important;align-items:center!important;justify-content:center!important;height:36px!important;width:36px!important;background-color:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:var(--ink-soft)!important;border-radius:8px!important;cursor:pointer!important}.composer-icon-action:hover{background-color:#ffffff1a!important;color:var(--ink)!important}.primary-action.generation-submit{display:flex!important;align-items:center!important;gap:8px!important;height:36px!important;padding:0 20px!important;background:#fff!important;color:#000!important;border:none!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important;margin-left:auto!important;box-shadow:0 2px 10px #ffffff26!important}.primary-action.generation-submit:hover:not(:disabled){background:#e4e4e7!important;box-shadow:0 4px 16px #ffffff40!important}.primary-action.generation-submit:disabled{opacity:.5!important;cursor:not-allowed!important}.action-key{background:#0000001a!important;color:#000!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:4px!important;padding:2px 6px!important;font-size:11px!important}.context-menu{position:fixed;z-index:9999;width:200px;background:var(--surface);backdrop-filter:blur(20px);border:1px solid var(--line-strong);border-radius:12px;padding:6px;margin:0;list-style:none;box-shadow:0 12px 32px #0006;font-size:13px;color:var(--ink);animation:contextFadeIn .1s ease-out}@keyframes contextFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .15s ease}.context-menu-item:hover{background:var(--accent);color:#000}.context-menu-item.danger:hover{background:#ef4444;color:#fff}.context-menu-divider{height:1px;background:var(--line);margin:4px 0}.context-menu .shortcut{color:var(--muted);font-size:11px}.context-menu-item:hover .shortcut{color:#00000080}.context-menu-item.danger:hover .shortcut{color:#ffffffb3}.modal-backdrop{background:#000000b3!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;z-index:999}.modal-panel,.basic-settings-modal,.template-selector-modal{background:#18181b!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 32px 64px #000c!important;color:#fff!important}.basic-settings-header h2,.modal-panel h2,.basic-settings-section legend,.field-label{color:#fff!important;font-weight:600!important}.basic-settings-header .eyebrow,.basic-settings-section span,.basic-settings-section small{color:#a1a1aa!important}.basic-quality-grid button,.basic-count-grid button,.ratio-grid button,.professional-style-grid button{background:#ffffff0a!important;color:#a1a1aa!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;border-radius:8px!important;font-weight:500!important}.basic-quality-grid button:hover:not(:disabled),.basic-count-grid button:hover:not(:disabled),.ratio-grid button:hover:not(:disabled){background:#ffffff14!important;color:#fff!important;border-color:#fff3!important}.basic-quality-grid button.active,.basic-count-grid button.active,.ratio-grid button.active,.professional-style-grid button.active{background:#ffffff26!important;color:#fff!important;border-color:#fff!important}.ratio-grid button:disabled,.basic-quality-grid button:disabled,.basic-count-grid button:disabled{opacity:.3!important;cursor:not-allowed!important;background:transparent!important;border-color:#ffffff0d!important}.basic-settings-section{border-top:1px solid rgba(255,255,255,.08)!important}hr,.status-separator,.top-divider{border-color:#ffffff14!important;background-color:#ffffff14!important}.basic-settings-header .icon-button,.modal-panel .icon-button{color:#a1a1aa!important;background:transparent!important;border:none!important}.basic-settings-header .icon-button:hover,.modal-panel .icon-button:hover{color:#fff!important;background:#ffffff1a!important}.basic-dimension-row input{background:#0000004d!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important;text-align:center!important}.dimension-times{color:#a1a1aa!important}.basic-settings-modal .primary-action,.modal-panel .primary-action{background:#fff!important;color:#000!important}.basic-settings-modal select,.modal-panel select{background-color:#27272a!important;color:#f4f4f5!important;border:1px solid rgba(255,255,255,.15)!important;padding:8px 12px!important;border-radius:8px!important}.basic-settings-modal select option{background:#18181b;color:#fff}.basic-dimension-row{display:flex;gap:12px;align-items:center}.basic-dimension-row label{display:flex!important;align-items:center!important;background:#27272a!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;padding:0!important;overflow:hidden;box-shadow:inset 0 1px 2px #0003!important}.basic-dimension-row label span{background:#18181b!important;color:#a1a1aa!important;padding:8px 12px!important;border-right:1px solid rgba(255,255,255,.1)!important;font-weight:500}.basic-dimension-row input{background:transparent!important;color:#fff!important;border:none!important;padding:8px 12px!important;text-align:left!important;font-weight:500;width:100px}.basic-dimension-row input:focus{box-shadow:none!important}.basic-quality-grid button,.basic-count-grid button,.basic-ratio-grid button{background:#27272a!important;color:#d4d4d8!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:8px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;font-weight:500!important;box-shadow:0 1px 2px #0003!important}.basic-ratio-grid button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:14px 0!important}.ratio-glyph{border:2px solid #a1a1aa!important;opacity:.8!important;transition:all .2s!important}.basic-quality-grid button:hover:not(:disabled),.basic-count-grid button:hover:not(:disabled),.basic-ratio-grid button:hover:not(:disabled){background:#3f3f46!important;color:#fff!important;border-color:#fff3!important}.basic-ratio-grid button:hover:not(:disabled) .ratio-glyph{border-color:#fff!important;opacity:1!important}.basic-quality-grid button.active,.basic-count-grid button.active,.basic-ratio-grid button.active{background:#fff!important;color:#000!important;border-color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px #ffffff26!important}.basic-ratio-grid button.active .ratio-glyph{border-color:#000!important;opacity:1!important}.basic-ratio-grid button:disabled,.basic-quality-grid button:disabled,.basic-count-grid button:disabled{background:#18181b!important;color:#fff3!important;border-color:#ffffff0d!important;box-shadow:none!important}.basic-ratio-grid button:disabled .ratio-glyph{border-color:#fff3!important}.app-shell{background-color:var(--surface-muted);background-image:radial-gradient(circle at top,rgba(30,41,59,.4),transparent 60%)}.generation-prompt-input,.professional-prompt-input{border:1px solid var(--line-strong)!important;background:#0003!important;border-radius:12px!important;padding:16px!important;font-size:15px!important;line-height:1.6!important;box-shadow:inset 0 2px 8px #0000004d!important;transition:border-color .2s,box-shadow .2s!important}.generation-prompt-input:focus,.professional-prompt-input:focus{border-color:#6366f199!important;box-shadow:0 0 0 2px #6366f11a,inset 0 2px 8px #0000004d!important}.primary-action{background:linear-gradient(135deg,#4f46e5,#3b82f6)!important;border:none!important;box-shadow:0 4px 12px #3b82f64d!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important;font-weight:600!important}.primary-action:hover{background:linear-gradient(135deg,#4338ca,#2563eb)!important;box-shadow:0 6px 16px #3b82f666!important}.professional-controls{background:#141418cc!important;backdrop-filter:blur(20px)!important;border-right:1px solid var(--line)!important}.basic-settings-modal{background:#18181bf2!important;backdrop-filter:blur(24px)!important;border:1px solid var(--line-strong)!important;box-shadow:0 24px 48px #00000080!important;border-radius:16px!important}.basic-settings-trigger{background:#ffffff14!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:8px!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px #0000004d!important;transition:all .2s ease!important}.basic-settings-trigger:hover{background:#ffffff26!important;border-color:#fff6!important;transform:translateY(-1px)!important}.basic-settings-trigger svg{color:#60a5fa!important}.modal-backdrop.server-gallery-backdrop{z-index:1100!important}.basic-directory-fallback{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:0;color:var(--ink-soft);font-family:inherit;font-size:11px;background:none;border:none;border-bottom:1px dashed var(--line-strong);cursor:pointer}.basic-directory-fallback:hover{color:var(--ink);border-bottom-color:var(--ink)}:root{--pro-bg-darkest: #1a1a1a;--pro-bg-dark: #232323;--pro-bg-medium: #2d2d2d;--pro-bg-light: #383838;--pro-bg-hover: #404040;--pro-text-primary: rgba(255, 255, 255, .95);--pro-text-secondary: rgba(255, 255, 255, .7);--pro-text-tertiary: rgba(255, 255, 255, .5);--pro-text-muted: rgba(255, 255, 255, .35);--pro-border: rgba(255, 255, 255, .08);--pro-border-strong: rgba(255, 255, 255, .15);--pro-border-focus: rgba(99, 102, 241, .5);--pro-accent-primary: rgb(99, 102, 241);--pro-accent-secondary: rgb(139, 92, 246);--pro-accent-hover: rgb(79, 82, 221);--pro-accent-soft: rgba(99, 102, 241, .15);--pro-success: rgb(34, 197, 94);--pro-warning: rgb(251, 191, 36);--pro-danger: rgb(239, 68, 68);--pro-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--pro-shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--pro-shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--pro-topbar-height: 56px;--pro-toolbar-width: 56px;--pro-panel-min-width: 280px;--pro-panel-default-width: 340px;color:var(--pro-text-primary);background:var(--pro-bg-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{width:100%;min-width:0;height:100%;margin:0;padding:0}html{overflow:hidden}body{position:fixed;inset:0;overflow:hidden;background:var(--pro-bg-dark)}button,input,textarea,select{font:inherit;letter-spacing:0}button{border:0;cursor:pointer;user-select:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--pro-border-focus);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.5}@media(max-width:760px){html,body,#app,.project-title input{min-width:0}}.app-shell{display:flex;flex-direction:column;position:fixed;inset:0;width:100%;height:100%;background:var(--pro-bg-dark)}.topbar{display:flex;align-items:center;gap:16px;height:var(--pro-topbar-height);padding:0 16px;background:var(--pro-bg-darkest);border-bottom:1px solid var(--pro-border);flex-shrink:0;z-index:100}.brand-lockup{display:flex;align-items:center;gap:10px;padding-right:16px;border-right:1px solid var(--pro-border)}.brand-mark{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--pro-accent-primary),var(--pro-accent-secondary));border-radius:8px;color:#fff}.brand-name{font-size:14px;font-weight:600;color:var(--pro-text-primary);line-height:1}.brand-meta{font-size:9px;font-weight:600;letter-spacing:.08em;color:var(--pro-text-tertiary);margin-top:2px}.project-title{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.project-prefix{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--pro-text-muted);white-space:nowrap}.project-title input{flex:1;min-width:120px;max-width:400px;padding:6px 10px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--pro-text-primary);font-size:13px;font-weight:500;transition:all .15s}.project-title input:hover{background:#ffffff08;border-color:var(--pro-border)}.project-title input:focus{background:#ffffff0d;border-color:var(--pro-border-strong);outline:none}.save-state{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--pro-text-tertiary)}.save-dot{width:6px;height:6px;border-radius:50%;background:var(--pro-text-muted)}.save-state.saved .save-dot{background:var(--pro-success)}.save-state.saving .save-dot{background:var(--pro-warning);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.top-actions{display:flex;align-items:center;gap:6px}.top-divider{width:1px;height:24px;background:var(--pro-border);margin:0 6px}.header-command{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff0a;border:1px solid var(--pro-border);border-radius:7px;color:var(--pro-text-secondary);font-size:13px;font-weight:500;transition:all .15s}.header-command:hover:not(:disabled){background:#ffffff14;color:var(--pro-text-primary);border-color:var(--pro-border-strong)}.header-export{background:var(--pro-accent-soft);border-color:#6366f14d;color:#a5b4fc}.header-export:hover:not(:disabled){background:#6366f140;border-color:#6366f180}.icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--pro-text-tertiary);transition:all .15s}.icon-button:hover:not(:disabled){background:#ffffff0f;color:var(--pro-text-primary);border-color:var(--pro-border)}.connection-pill{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffff08;border:1px solid var(--pro-border);border-radius:8px;color:var(--pro-text-tertiary);font-size:12px;font-weight:500;transition:all .15s}.connection-pill:hover{background:#ffffff0f;color:var(--pro-text-secondary)}.connection-pill.connected{background:#22c55e1a;border-color:#22c55e4d;color:#86efac}.connection-pill.offline{background:#fbbf241a;border-color:#fbbf244d;color:#fde047}.status-pip{width:6px;height:6px;border-radius:50%;background:var(--pro-text-muted)}.connection-pill.connected .status-pip{background:var(--pro-success)}.connection-pill.offline .status-pip{background:var(--pro-warning)}.studio-layout{display:flex;flex:1;min-height:0;position:relative;background:var(--pro-bg-dark)}.prompt-panel{display:flex;flex-direction:column;width:var(--pro-panel-default-width);min-width:var(--pro-panel-min-width);max-width:480px;background:var(--pro-bg-darkest);border-right:1px solid var(--pro-border);position:relative;flex-shrink:0}.panel-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.prompt-workspace{padding:20px;display:flex;flex-direction:column;gap:20px}.panel-kicker{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--pro-text-muted)}.panel-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-title-row h1{font-size:20px;font-weight:700;color:var(--pro-text-primary);margin:0 0 4px;line-height:1.2}.panel-subtitle{font-size:13px;color:var(--pro-text-tertiary);line-height:1.4}.text-icon-button{display:flex;align-items:center;gap:4px;padding:6px 8px;background:#ffffff0a;border:none;border-radius:6px;color:var(--pro-text-tertiary);font-size:12px;transition:all .15s}.text-icon-button:hover{background:#ffffff14;color:var(--pro-text-secondary)}.composer-mode{display:flex;gap:8px;padding:6px;background:#ffffff05;border:1px solid var(--pro-border);border-radius:10px}.composer-mode button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:7px;color:var(--pro-text-tertiary);font-size:13px;font-weight:500;transition:all .15s}.composer-mode button:hover{color:var(--pro-text-secondary);background:#ffffff0a}.composer-mode button.active{background:var(--pro-accent-soft);color:#a5b4fc;box-shadow:0 2px 6px #0003}.prompt-composer{display:flex;flex-direction:column;gap:12px}.composer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-label{font-size:12px;font-weight:600;color:var(--pro-text-secondary);text-transform:uppercase;letter-spacing:.05em}.section-caption{display:block;font-size:11px;color:var(--pro-text-tertiary);font-weight:400;text-transform:none;letter-spacing:0;margin-top:2px}.prompt-field-actions{display:flex;gap:4px}.mini-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#ffffff0a;border:none;border-radius:6px;color:var(--pro-text-tertiary);transition:all .15s}.mini-action:hover:not(:disabled){background:#ffffff14;color:var(--pro-text-primary)}.prompt-input{width:100%;padding:12px 14px;background:#ffffff0a;border:1px solid var(--pro-border);border-radius:10px;color:var(--pro-text-primary);font-size:14px;line-height:1.6;resize:vertical;transition:all .15s}.prompt-input::placeholder{color:var(--pro-text-muted)}.prompt-input:focus{outline:none;background:#ffffff0f;border-color:var(--pro-border-focus)}.prompt-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--pro-text-tertiary)}.copy-feedback{display:flex;align-items:center;gap:4px;color:var(--pro-success)}.inline-error{display:flex;align-items:center;gap:4px;color:var(--pro-danger)}.prompt-submit-dock{display:flex;flex-direction:column;gap:10px;padding:16px 20px;background:var(--pro-bg-medium);border-top:1px solid var(--pro-border);flex-shrink:0}.prompt-submit-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--pro-text-tertiary)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--pro-success);animation:pulse 2s ease-in-out infinite}.submit-meta-divider{width:1px;height:12px;background:var(--pro-border)}.primary-action{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:linear-gradient(135deg,var(--pro-accent-primary),var(--pro-accent-secondary));border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #6366f140}.primary-action:hover:not(:disabled){background:linear-gradient(135deg,var(--pro-accent-hover),rgb(119,72,226));box-shadow:0 6px 20px #6366f159;transform:translateY(-1px)}.primary-action:active:not(:disabled){transform:translateY(0)}.action-key{padding:3px 6px;background:#ffffff26;border-radius:4px;font-size:11px;font-weight:600;font-family:SF Mono,Monaco,monospace}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.board-column{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--pro-bg-medium);position:relative}.board-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:var(--pro-bg-dark);border-bottom:1px solid var(--pro-border);flex-shrink:0}.board-breadcrumb{display:flex;flex-direction:column;gap:4px}.board-count{font-size:12px;color:var(--pro-text-tertiary)}.board-header-actions{display:flex;align-items:center;gap:8px}.quiet-button{display:flex;align-items:center;gap:6px;padding:7px 12px;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--pro-text-tertiary);font-size:12px;font-weight:500;transition:all .15s}.quiet-button:hover{background:#ffffff0d;color:var(--pro-text-secondary);border-color:var(--pro-border)}.inspector-panel{width:var(--pro-panel-default-width);min-width:var(--pro-panel-min-width);max-width:400px;display:flex;flex-direction:column;background:var(--pro-bg-darkest);border-left:1px solid var(--pro-border);flex-shrink:0}.inspector-tabs{display:flex;background:var(--pro-bg-dark);border-bottom:1px solid var(--pro-border)}.inspector-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 12px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--pro-text-tertiary);font-size:12px;font-weight:500;transition:all .15s}.inspector-tabs button:hover{color:var(--pro-text-secondary);background:#ffffff08}.inspector-tabs button.active{color:#a5b4fc;border-bottom-color:var(--pro-accent-primary);background:#6366f10d}.tab-count{padding:2px 6px;background:#ffffff14;border-radius:4px;font-size:10px;font-weight:600}.inspector-tabs button.active .tab-count{background:#6366f14d;color:#c7d2fe}.inspector-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.app-shell{color:var(--ink);background:var(--surface-muted)}.prompt-panel,.inspector-panel{color:var(--ink);background:var(--surface)}.prompt-workspace,.inspector-content{background:#fbfcfc}.panel-title-row h1,.section-label,.field-label,.setting-value{color:var(--ink)}.panel-subtitle,.section-caption,.prompt-footer,.prompt-submit-meta{color:var(--muted)}.composer-mode{background:#edf2f3;border-color:var(--line)}.composer-mode button{color:var(--muted)}.composer-mode button:hover,.composer-mode button.active{color:var(--ink)}.composer-mode button.active{background:var(--surface);box-shadow:var(--shadow-sm)}.prompt-input{color:var(--ink);background:var(--surface);border-color:var(--line)}.prompt-input::placeholder{color:var(--faint)}.prompt-input:focus{background:var(--surface);border-color:var(--teal)}.mini-action,.text-icon-button{color:var(--muted);background:transparent}.mini-action:hover:not(:disabled),.text-icon-button:hover{color:var(--ink);background:var(--surface-muted)}.prompt-submit-dock{color:var(--ink);background:#fffffff5;border-top-color:var(--line)}.board-column{color:var(--ink);background:var(--canvas)}.board-header{color:var(--ink);background:#fafcfce6;border-bottom-color:var(--line)}.inspector-tabs{background:var(--surface);border-bottom-color:var(--line)}.inspector-tabs button{color:var(--muted)}.inspector-tabs button:hover,.inspector-tabs button.active{color:var(--ink)}.inspector-tabs button.active{background:var(--teal-pale);border-bottom-color:var(--teal)}.quick-access-section{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.quick-access-grid{display:flex;flex-direction:column;gap:10px;margin-top:12px}.quick-access-card{display:flex;align-items:center;gap:12px;width:100%;padding:14px;background:#ffffff08;border:1px solid var(--line);border-radius:10px;color:var(--ink);text-align:left;transition:all .2s ease;cursor:pointer}.quick-access-card:hover{background:#ffffff0f;border-color:var(--line-strong);transform:translate(2px)}.quick-access-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;color:#fff;flex-shrink:0}.quick-access-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.quick-access-content strong{font-size:14px;font-weight:600;color:var(--ink)}.quick-access-content span{font-size:12px;color:var(--muted)}.template-selector-modal{width:90vw;max-width:800px;height:85vh;display:flex;flex-direction:column}.template-selector-body{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:0}.modal-body{flex:1;overflow-y:auto;padding:24px}@media(max-width:768px){.quick-access-card{padding:12px}.quick-access-icon{width:40px;height:40px}.quick-access-content strong{font-size:13px}.quick-access-content span{font-size:11px}.template-selector-modal{width:calc(100vw - 24px);height:min(90vh,calc(100dvh - 24px));max-height:calc(100dvh - 24px)}}@media(max-width:760px){.modal-backdrop{padding:12px}}.studio-modebar{flex:0 0 auto;border-bottom:1px solid var(--line);z-index:20}.studio-modebar-inner{display:flex;align-items:center;gap:22px;min-height:72px;padding:10px 24px}.modebar-heading{display:flex;flex:0 0 150px;flex-direction:column;gap:4px}.modebar-heading strong{color:var(--ink);font-size:13px;font-weight:650}.studio-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(145px,1fr));gap:6px;min-width:0;max-width:650px;flex:1 1 auto}.studio-mode-tabs button{display:flex;align-items:center;gap:10px;min-width:0;padding:9px 13px;color:var(--muted);text-align:left;background:transparent;border:1px solid transparent;border-radius:8px;transition:background .16s ease,border-color .16s ease,color .16s ease}.studio-mode-tabs button:hover{color:var(--ink);background:var(--surface-soft);border-color:var(--line)}.studio-mode-tabs button.active{color:var(--ink);background:var(--teal-pale);border-color:#347d773d}.studio-mode-tabs button>span:last-child{display:flex;min-width:0;flex-direction:column;gap:2px}.studio-mode-tabs strong{overflow:hidden;font-size:13px;font-weight:650;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.studio-mode-tabs small{overflow:hidden;color:var(--muted);font-size:10px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.studio-mode-tabs button.active small{color:var(--teal)}.mode-index{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 26px;color:var(--muted);background:var(--surface-muted);border:1px solid var(--line);border-radius:50%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}.studio-mode-tabs button.active .mode-index{color:var(--teal);border-color:#347d7757}.modebar-directory{display:flex;position:relative;align-items:center;gap:8px;min-width:0;max-width:230px;padding:8px 11px;color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);border-radius:7px;font-size:11px;white-space:nowrap}.modebar-directory:hover{color:var(--ink);border-color:var(--line-strong)}.modebar-directory span:not(.modebar-directory-dot){overflow:hidden;text-overflow:ellipsis}.modebar-directory-dot{width:6px;height:6px;flex:0 0 6px;margin-left:auto;border-radius:50%;background:var(--faint)}.modebar-directory-dot.ready{background:var(--teal)}.modebar-directory-dot.blocked{background:var(--amber)}.modebar-directory.unavailable,.generation-directory-link.unavailable{color:var(--amber)}.modebar-directory.unavailable:hover,.generation-directory-link.unavailable:hover{color:var(--amber);border-color:var(--amber-pale)}.basic-directory-note{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.5}.basic-directory-note.blocked{color:var(--amber)}.generation-page{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;overflow:hidden;color:var(--ink);background:var(--surface-muted)}.canvas-bridge-icon{color:var(--teal);background:var(--teal-pale)}.generation-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:27px 32px 20px;border-bottom:1px solid var(--line)}.generation-page-header h1{margin:5px 0 4px;color:var(--ink);font-size:25px;font-weight:700;line-height:1.15}.generation-page-header p{margin:0;color:var(--muted);font-size:13px}.generation-page-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.generation-page-actions .quiet-button{color:var(--ink-soft);background:var(--surface-soft);border-color:var(--line)}.generation-page-actions .quiet-button:hover{color:var(--ink);border-color:var(--line-strong)}.generation-service-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);border-radius:6px;font-size:11px;white-space:nowrap}.generation-service-status.online{color:var(--teal);background:var(--teal-pale);border-color:#347d7738}.generation-service-status.offline{color:var(--amber);background:var(--amber-pale);border-color:#b77f3238}.generation-toolbar{display:flex;align-items:center;gap:12px;padding:13px 32px;border-bottom:1px solid var(--line)}.generation-filter-group{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--surface-soft);border:1px solid var(--line);border-radius:7px;flex-shrink:0}.generation-filter-group button{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 9px;color:var(--muted);background:transparent;border-radius:5px;font-size:11px;white-space:nowrap}.generation-filter-group button:hover,.generation-filter-group button.active{color:var(--ink);box-shadow:var(--shadow-sm)}.generation-filter-group button.active{color:var(--teal)}.generation-filter-group button span{color:var(--faint);font-size:10px}.generation-filter-group button.active span{color:var(--teal)}.generation-search{display:flex;align-items:center;gap:8px;min-width:160px;flex:1 1 auto;max-width:620px;padding:8px 11px;color:var(--faint);background:var(--surface-soft);border:1px solid var(--line);border-radius:7px}.generation-search:focus-within{color:var(--teal);border-color:#347d777a}.generation-search input{width:100%;min-width:0;padding:0;color:var(--ink);background:transparent;border:0;outline:0;font-size:12px}.generation-search input::placeholder{color:var(--faint)}.generation-search button{display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--muted);background:transparent}.generation-result-count{margin-left:auto;color:var(--muted);font-size:11px;white-space:nowrap}.generation-page-body{min-height:0;flex:1 1 auto;overflow:auto;padding:24px 32px 120px}.generation-gallery{min-height:100%}.generation-result-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:14px;align-items:start}.generation-image-card,.generation-task-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm)}.generation-image-card{display:flex;min-height:300px;flex-direction:column}.generation-image-media{position:relative;display:block;width:100%;aspect-ratio:1.32;overflow:hidden;color:var(--muted);background:#e9eeeb;text-align:left}.generation-image-media img,.generation-text-preview{display:block;width:100%;height:100%;object-fit:cover}.generation-text-preview{display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;word-break:break-word}.generation-image-media:hover .generation-image-expand{opacity:1;transform:translateY(0)}.generation-image-badge,.generation-image-expand{position:absolute;display:inline-flex;align-items:center;gap:4px;color:#fff;background:#202826b8;border-radius:4px;font-size:10px}.generation-image-badge{top:9px;left:9px;padding:4px 6px}.generation-image-expand{right:9px;bottom:9px;padding:5px 7px;opacity:0;transform:translateY(3px);transition:opacity .16s ease,transform .16s ease}.generation-image-missing{display:flex;height:100%;align-items:center;justify-content:center;gap:7px;padding:20px;color:var(--muted);font-size:12px}.generation-image-body{display:flex;min-width:0;flex:1;flex-direction:column;gap:9px;padding:12px 13px 11px}.generation-image-heading,.generation-card-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.generation-image-heading strong,.generation-card-topline strong{min-width:0;overflow:hidden;color:var(--ink);font-size:12px;font-weight:600;line-height:1.45;text-overflow:ellipsis}.generation-image-heading>span,.generation-card-topline time{flex-shrink:0;color:var(--muted);font-size:10px;white-space:nowrap}.generation-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:10px}.generation-card-meta span{padding:3px 6px;background:var(--surface-soft);border-radius:4px}.generation-card-actions{display:flex;align-items:center;gap:4px;margin-top:auto;padding-top:2px}.generation-card-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:27px;padding:5px 7px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:5px;font-size:10px}.generation-card-actions button:hover:not(:disabled){color:var(--teal);background:var(--teal-pale);border-color:#347d7729}.generation-card-actions button.danger-action:hover:not(:disabled){color:var(--accent-dark);background:var(--accent-pale);border-color:#be54432e}.generation-card-actions button:last-child{margin-left:auto}.generation-card-actions button:disabled{opacity:.35}.generation-task-card{display:flex;min-height:190px;gap:12px;padding:14px}.generation-task-icon{display:flex;width:34px;height:34px;flex:0 0 34px;align-items:center;justify-content:center;color:var(--teal);background:var(--teal-pale);border-radius:7px}.generation-task-failed .generation-task-icon{color:var(--accent-dark);background:var(--accent-pale)}.generation-task-paused .generation-task-icon,.generation-task-queued .generation-task-icon{color:var(--amber);background:var(--amber-pale)}.generation-task-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:8px}.generation-task-copy p{margin:0;color:var(--ink-soft);font-size:12px;line-height:1.5}.generation-task-progress{height:4px;overflow:hidden;background:var(--surface-muted);border-radius:4px}.generation-task-progress span{display:block;height:100%;background:var(--teal);border-radius:inherit;transition:width .3s ease}.generation-task-error{color:var(--accent-dark);font-size:11px;line-height:1.4}.generation-empty-state{display:flex;min-height:310px;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--muted);text-align:center}.generation-empty-icon{display:flex;width:48px;height:48px;align-items:center;justify-content:center;margin-bottom:3px;color:var(--teal);background:var(--teal-pale);border-radius:50%}.generation-empty-state h2{margin:0;color:var(--ink);font-size:16px}.generation-empty-state p{max-width:360px;margin:0;color:var(--muted);font-size:12px;line-height:1.5}.generation-composer{position:relative;display:flex;flex:0 0 auto;flex-wrap:wrap;gap:13px 18px;padding:14px 32px 12px;border-top:1px solid var(--line);box-shadow:0 -5px 18px #1f2d280d;z-index:10}.basic-composer{border-top:0;border-bottom:1px solid var(--line);box-shadow:0 5px 18px #1f2d280d}.generation-composer-main{min-width:280px;flex:1 1 360px}.generation-composer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:7px}.generation-composer-actions{display:flex;gap:3px}.generation-prompt-input,.professional-prompt-input{display:block;width:100%;min-height:54px;padding:10px 12px;resize:vertical;color:var(--ink);background:var(--surface-soft);border:1px solid var(--line);border-radius:7px;outline:0;font-size:13px;line-height:1.5}.generation-prompt-input:focus,.professional-prompt-input:focus{border-color:#347d778c}.generation-prompt-input::placeholder,.professional-prompt-input::placeholder{color:var(--faint)}.generation-composer-foot{display:flex;align-items:center;gap:10px;min-height:19px;overflow:hidden;color:var(--muted);font-size:10px}.generation-composer-foot>span:first-child{white-space:nowrap}.basic-style-selector{margin-top:10px}.basic-style-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.basic-style-heading>div{display:flex;align-items:baseline;gap:7px;min-width:0}.basic-style-heading>strong{color:var(--teal);font-size:10px;font-weight:650;white-space:nowrap}.basic-style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:5px}.basic-style-grid button{display:inline-flex;min-width:0;min-height:31px;align-items:center;justify-content:center;gap:5px;padding:5px 6px;overflow:hidden;color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);border-radius:5px;font-size:10px;white-space:nowrap}.basic-style-grid button:hover,.basic-style-grid button.active{color:var(--teal);background:var(--teal-pale);border-color:#347d7759}.basic-style-grid button>span:last-child{overflow:hidden;text-overflow:ellipsis}.basic-style-grid .style-swatch{width:9px;height:9px;flex:0 0 9px;border-radius:50%}.reference-inline{display:inline-flex;align-items:center;gap:4px;min-width:0;color:var(--teal)}.reference-inline>button{display:inline-flex;padding:0;color:inherit;background:transparent}.generation-composer-controls{display:flex;align-items:flex-end;gap:8px;flex:0 1 auto}.generation-composer-controls label,.professional-output-grid label,.professional-advanced-grid label{display:flex;min-width:92px;flex-direction:column;gap:5px}.generation-composer-controls label>span,.professional-output-grid label>span,.professional-advanced-grid label>span{color:var(--muted);font-size:10px}.generation-composer-controls select,.professional-output-grid select,.professional-advanced-grid select,.professional-advanced-grid input{height:34px;min-width:0;padding:0 9px;color:var(--ink);background:var(--surface-soft);border:1px solid var(--line);border-radius:6px;outline:0;font-size:11px}.generation-composer-controls select:focus,.professional-output-grid select:focus,.professional-advanced-grid select:focus,.professional-advanced-grid input:focus{border-color:#347d778c}.basic-settings-trigger{display:inline-flex;height:34px;align-items:center;gap:6px;padding:0 10px;color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);border-radius:6px;font-size:11px;white-space:nowrap}.basic-settings-trigger:hover{color:var(--teal);border-color:#347d7759}.composer-icon-action{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);border-radius:6px}.composer-icon-action:hover{color:var(--teal);border-color:#347d7759}.generation-submit{min-width:132px;height:34px;padding:0 14px;border-radius:7px;font-size:12px;box-shadow:none}.generation-submit:hover:not(:disabled){transform:translateY(-1px)}.basic-settings-backdrop{z-index:40}.basic-settings-modal{width:min(460px,calc(100vw - 28px));max-height:min(760px,calc(100vh - 28px));box-sizing:border-box;overflow:auto;padding:20px;color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 70px #17212633}.basic-settings-modal .icon-button{flex:0 0 32px}.basic-settings-header,.basic-settings-footer,.basic-dimension-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.basic-settings-header{margin-bottom:18px}.basic-settings-header h2{margin:4px 0 0;font-size:18px}.basic-settings-field,.basic-settings-section{display:flex;min-width:0;flex-direction:column;gap:8px;margin:0 0 17px}.basic-settings-field>span,.basic-settings-section legend{color:var(--ink-soft);font-size:12px;font-weight:600}.basic-settings-section{padding:0 0 16px;border:0;border-bottom:1px solid var(--line)}.basic-settings-section legend{width:100%;padding:0}.basic-settings-section legend small{margin-left:5px;color:var(--faint);font-size:10px;font-weight:400}.basic-quality-grid,.basic-ratio-grid,.basic-count-grid{display:grid;gap:8px}.basic-quality-grid{grid-template-columns:repeat(4,1fr)}.basic-quality-grid button,.basic-count-grid button{min-height:36px;color:var(--ink-soft);border:1px solid var(--line);border-radius:18px;font-size:12px}.basic-quality-grid button.active,.basic-quality-grid button:hover,.basic-count-grid button.active,.basic-count-grid button:hover{color:var(--ink);border-color:var(--ink)}.basic-dimension-row label{display:flex;min-width:0;flex:1;align-items:center;gap:8px;padding:0 11px;background:var(--surface-soft);border-radius:8px}.basic-dimension-row label span{color:var(--muted);font-size:11px;font-weight:600}.basic-dimension-row input{width:100%;height:38px;color:var(--ink);background:transparent;border:0;outline:0;font-size:13px}.dimension-times{color:var(--muted);font-size:13px}.basic-ratio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.basic-ratio-grid button{display:flex;min-height:62px;align-items:center;justify-content:center;gap:5px;flex-direction:column;color:var(--ink-soft);border:1px solid var(--line);border-radius:10px}.basic-ratio-grid button.active{color:var(--ink);border-color:var(--ink)}.basic-ratio-grid button:disabled{color:var(--faint);background:var(--surface-soft);cursor:not-allowed;opacity:.65}.basic-ratio-grid strong{font-size:11px;font-weight:500}.basic-ratio-grid button>small{color:var(--muted);font-size:9px;line-height:1}.ratio-glyph{display:block;width:16px;height:16px;border:1.5px solid currentColor;border-radius:2px}.ratio-portrait,.ratio-portrait-tall{height:20px}.ratio-landscape,.ratio-landscape-wide{width:22px}.ratio-auto{border-style:dashed;border-radius:50%}.basic-count-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.basic-count-grid button{display:flex;min-height:35px;align-items:center;justify-content:center;gap:2px;border-radius:17px}.basic-count-grid small{font-size:10px}.basic-settings-footer{min-height:34px}.basic-reference-status{display:inline-flex;min-width:0;align-items:center;gap:5px;overflow:hidden;color:var(--teal);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.basic-reference-status.muted{color:var(--muted)}.generation-directory-link{display:inline-flex;align-items:center;gap:5px;width:100%;padding:0;color:var(--muted);background:transparent;font-size:10px;text-align:left}.generation-directory-link:hover{color:var(--teal)}.professional-generation-page .generation-page-header{padding-bottom:18px}.professional-generation-layout{display:grid;min-height:0;flex:1 1 auto;grid-template-columns:minmax(320px,386px) minmax(0,1fr);overflow:hidden}.professional-controls{min-width:0;overflow:auto;padding:22px 22px 28px;border-right:1px solid var(--line)}.professional-control-heading,.professional-section-heading,.professional-results-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.professional-control-heading h2,.professional-results-header h2{margin:4px 0 0;color:var(--ink);font-size:17px;line-height:1.25}.professional-entry-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:18px 0 20px}.professional-entry-button{display:flex;align-items:center;min-width:0;gap:8px;padding:10px;color:var(--ink-soft);background:var(--surface-soft);border:1px solid var(--line);border-radius:7px;text-align:left}.professional-entry-button:first-child{color:var(--teal)}.professional-entry-button:nth-child(2){color:var(--accent-dark)}.professional-entry-button:hover{border-color:var(--line-strong)}.professional-entry-button>span{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.professional-entry-button strong{overflow:hidden;color:var(--ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.professional-entry-button small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.professional-control-section{display:flex;flex-direction:column;gap:11px;padding:17px 0;border-top:1px solid var(--line)}.professional-section-heading{align-items:center}.professional-prompt-section{padding-top:0;border-top:0}.professional-prompt-input{min-height:80px;background:var(--surface-soft)}.professional-reference-button{display:flex;align-items:center;width:100%;gap:9px;padding:11px;color:var(--teal);background:var(--teal-pale);border:1px dashed rgba(52,125,119,.36);border-radius:7px;text-align:left}.professional-reference-button:hover{border-color:var(--teal)}.professional-reference-button>span{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.professional-reference-button strong{overflow:hidden;color:var(--ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.professional-reference-button small{color:var(--muted);font-size:10px}.professional-style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.professional-style-grid button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;padding:7px 4px;color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);border-radius:5px;font-size:10px}.professional-style-grid button:hover,.professional-style-grid button.active{color:var(--teal);background:var(--teal-pale);border-color:#347d7759}.professional-style-grid .style-swatch{width:9px;height:9px;flex:0 0 9px;border-radius:50%}.professional-output-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.professional-advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.professional-negative-field{grid-column:1 / -1}.professional-negative-field input{width:100%}.professional-submit-area{display:flex;flex-direction:column;gap:10px;padding-top:17px;border-top:1px solid var(--line)}.professional-submit-area>div:first-child{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.professional-submit-area .generation-submit{width:100%;height:42px}.professional-results{min-width:0;overflow:auto;background:var(--surface-muted)}.professional-results-header{align-items:center;padding:24px 28px 14px}.professional-result-stats{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.professional-result-stats span{padding:7px 9px;border:1px solid var(--line);border-radius:5px}.professional-result-stats strong{margin-right:3px;color:var(--ink);font-size:13px}.professional-toolbar{margin:0 28px 2px;padding:0 0 13px;background:transparent;border-bottom:1px solid var(--line)}.professional-results .generation-gallery{padding:20px 28px 32px}.professional-results .generation-result-grid{grid-template-columns:repeat(2,minmax(250px,1fr))}.professional-results .generation-image-card{min-height:280px}@media(max-width:1240px){.studio-modebar-inner{gap:14px;padding-inline:18px}.modebar-heading{flex-basis:125px}.generation-page-header,.generation-toolbar,.generation-page-body{padding-left:24px;padding-right:24px}.generation-result-grid{grid-template-columns:repeat(2,minmax(230px,1fr))}.generation-composer{padding-inline:24px}}@media(max-width:980px){.modebar-heading{display:none}.studio-mode-tabs{max-width:none}.modebar-directory{max-width:180px}.professional-generation-layout{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}.professional-results .generation-result-grid{grid-template-columns:1fr}}@media(max-width:760px){.studio-modebar-inner{gap:8px;min-height:62px;padding:7px 10px}.studio-mode-tabs{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.studio-mode-tabs::-webkit-scrollbar{display:none}.studio-mode-tabs button{min-width:128px;padding:8px 9px}.mode-index{width:23px;height:23px;flex-basis:23px;font-size:9px}.studio-mode-tabs strong{font-size:11px}.studio-mode-tabs small{font-size:9px}.modebar-directory{width:34px;height:34px;justify-content:center;padding:0;flex:0 0 34px}.modebar-directory span:not(.modebar-directory-dot){display:none}.modebar-directory-dot{position:absolute;top:3px;right:3px;margin:0}.generation-page-header{align-items:flex-start;flex-direction:column;gap:12px;padding:20px 14px 15px}.generation-page-header h1{font-size:21px}.generation-page-actions{width:100%;justify-content:space-between}.generation-toolbar{align-items:stretch;flex-wrap:wrap;padding:10px 14px}.generation-filter-group{max-width:100%;overflow-x:auto}.generation-search{order:3;max-width:none;flex-basis:100%}.generation-result-count{margin-left:auto;align-self:center}.generation-page-body{padding:16px 14px 110px}.generation-result-grid,.professional-results .generation-result-grid{grid-template-columns:1fr}.generation-composer{gap:9px;padding:11px 14px 10px}.generation-composer-main{flex-basis:100%}.generation-composer-controls{width:100%;align-items:stretch;flex-wrap:wrap}.generation-composer-controls label{min-width:0;flex:1 1 90px}.composer-icon-action{flex:0 0 34px}.generation-submit{flex:1 1 140px}.professional-generation-layout{display:flex;overflow:auto;flex-direction:column}.professional-controls{flex:0 0 auto;overflow:visible;padding:18px 14px 20px;border-right:0;border-bottom:1px solid var(--line)}.professional-results{overflow:visible}.professional-results-header{align-items:flex-start;flex-direction:column;padding:19px 14px 12px}.professional-toolbar{margin:0 14px}.professional-results .generation-gallery{padding:16px 14px 28px}}@media(max-width:430px){.generation-page-actions .quiet-button span{display:none}.generation-service-status{max-width:150px}.professional-entry-actions{grid-template-columns:1fr}.professional-style-grid{grid-template-columns:repeat(4,minmax(54px,1fr))}.professional-style-grid button{flex-direction:column;gap:3px;padding-inline:2px}}@media(prefers-reduced-motion:reduce){.studio-mode-tabs button,.generation-image-expand,.generation-task-progress span{transition:none}}.professional-header-action{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;color:var(--ink-soft);background:var(--surface-soft);border:1px solid var(--line);border-radius:6px;font-size:11px}.professional-header-action:hover:not(:disabled){color:var(--teal);border-color:var(--line-strong)}.professional-header-action:disabled{cursor:not-allowed;opacity:.45}.professional-config-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:-4px 0 2px}.professional-config-strip span,.professional-delivery-summary{display:flex;min-width:0;flex-direction:column;gap:2px;padding:7px 8px;background:var(--surface-soft);border:1px solid var(--line);border-radius:5px}.professional-config-strip strong,.professional-delivery-summary strong{overflow:hidden;color:var(--ink);font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.professional-config-strip small,.professional-delivery-summary span,.professional-delivery-summary small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.professional-delivery-summary{justify-content:center;min-height:34px}.professional-prompt-tools{display:flex;align-items:center;justify-content:space-between;gap:8px}.professional-prompt-tools .prompt-chip-list{min-width:0}.professional-style-description,.professional-size-note,.professional-results-caption{margin:-3px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.professional-reference-preview{display:flex;align-items:center;min-width:0;gap:9px;padding:8px;background:var(--teal-pale);border:1px solid rgba(52,125,119,.25);border-radius:7px}.professional-reference-preview img{width:42px;height:42px;flex:0 0 42px;object-fit:cover;border-radius:5px}.professional-reference-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.professional-reference-copy span,.professional-reference-copy small{color:var(--muted);font-size:9px}.professional-reference-copy strong{overflow:hidden;color:var(--ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.professional-reference-preview>button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:5px}.professional-reference-preview>button:hover{color:var(--ink);background:var(--surface);border-color:var(--line)}.professional-size-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px}.professional-size-heading strong{color:var(--ink);font-size:11px;font-weight:650}.professional-size-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.professional-size-grid button{display:flex;min-width:0;min-height:43px;align-items:center;justify-content:center;flex-direction:column;gap:2px;padding:5px 3px;color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);border-radius:5px;font-size:11px}.professional-size-grid button small{overflow:hidden;max-width:100%;color:var(--faint);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.professional-size-grid button:hover,.professional-size-grid button.active{color:var(--teal);background:var(--teal-pale);border-color:#347d7759}.professional-size-grid button.active small{color:var(--teal)}.professional-memory-section{display:flex;flex-direction:column;gap:9px;padding:16px 0 0;border-top:1px solid var(--line)}.professional-memory-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.professional-failed-stat strong{color:var(--accent-dark)}.generation-card-actions button.active{color:var(--amber)}@media(max-width:430px){.professional-size-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.professional-header-action span{display:none}}.generation-page{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-width:0;min-height:0;width:auto;height:auto!important;overflow:hidden;background:var(--surface-muted)!important;background-image:none!important}.generation-page-header{position:static!important;z-index:auto;flex:0 0 auto;width:auto;padding:27px 32px 20px!important;background:var(--surface)!important;border-bottom:1px solid var(--line)!important}.generation-toolbar{flex:0 0 auto;min-width:0;width:auto}.generation-page-body{display:block!important;flex:1 1 auto!important;min-width:0;min-height:0;width:auto;overflow:auto;padding:24px 32px 32px!important}.generation-composer{display:flex!important;flex:0 0 auto!important;flex-direction:row!important;flex-wrap:wrap;min-width:0;width:auto;height:auto!important;padding:14px 32px 12px!important;background:var(--surface)!important;border-top:1px solid var(--line)!important;border-left:0!important;box-shadow:0 -5px 18px #1f2d280d!important}.generation-composer-main{min-width:280px;height:auto!important;flex:1 1 360px!important}.generation-prompt-input,.professional-prompt-input{min-height:0!important;padding:10px 12px!important;color:var(--ink)!important;background:var(--surface-soft)!important;border:1px solid var(--line)!important;border-radius:7px!important;box-shadow:none!important}.basic-generation-page .generation-prompt-input{height:96px!important}.app-shell{background-image:none!important}.professional-generation-page .generation-page-header{padding-bottom:18px!important}.professional-generation-layout{display:grid!important;flex:1 1 auto!important;min-width:0;min-height:0;grid-template-columns:minmax(320px,386px) minmax(0,1fr)!important;overflow:hidden}.professional-controls{min-width:0;overflow:auto;background:var(--surface)!important;border-right:1px solid var(--line)!important}.professional-results{min-width:0;overflow:auto;background:var(--surface-muted)!important}.basic-size-note{margin:-2px 0 0;color:var(--muted);font-size:10px;line-height:1.45}@media(min-width:761px)and (max-width:1240px){.generation-page-header,.generation-page-body,.generation-composer{padding-left:24px!important;padding-right:24px!important}}@media(max-width:760px){.generation-page{overflow:auto}.generation-page-header{padding:20px 14px 15px!important}.generation-page-body{flex:1 1 auto!important;padding:16px 14px 24px!important}.generation-composer{flex-direction:column!important;flex-wrap:nowrap;gap:9px;padding:11px 14px 10px!important}.generation-composer-main{width:100%;flex:0 0 auto!important}.basic-generation-page .generation-prompt-input{height:88px!important}.generation-composer-controls{width:100%}.professional-generation-layout{display:flex!important;flex-direction:column;overflow:auto}}.template-selector[data-v-5a5bb3bc]{display:flex;flex-direction:column;gap:16px;height:100%}.template-categories[data-v-5a5bb3bc]{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.category-tab[data-v-5a5bb3bc]{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;border-radius:8px;color:#fff9;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.category-tab[data-v-5a5bb3bc]:hover{background:#ffffff0f;color:#ffffffd9;border-color:#ffffff1f}.category-tab.active[data-v-5a5bb3bc]{background:#6366f126;border-color:#6366f166;color:#a5b4fc}.category-count[data-v-5a5bb3bc]{padding:2px 6px;background:#ffffff14;border-radius:4px;font-size:11px;font-weight:600}.category-tab.active .category-count[data-v-5a5bb3bc]{background:#6366f14d;color:#c7d2fe}.template-search[data-v-5a5bb3bc]{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffff80}.template-search input[data-v-5a5bb3bc]{flex:1;background:none;border:none;color:#ffffffe6;font-size:14px;outline:none}.template-search input[data-v-5a5bb3bc]::placeholder{color:#fff6}.template-search button[data-v-5a5bb3bc]{padding:4px;background:none;border:none;color:#ffffff80;cursor:pointer;border-radius:4px}.template-search button[data-v-5a5bb3bc]:hover{background:#ffffff14;color:#fffc}.template-list[data-v-5a5bb3bc]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.template-card[data-v-5a5bb3bc]{padding:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:all .2s}.template-card[data-v-5a5bb3bc]:hover{background:#ffffff0d;border-color:#ffffff1f}.template-card.selected[data-v-5a5bb3bc]{background:#6366f114;border-color:#6366f14d}.template-card-header[data-v-5a5bb3bc]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.template-card-title[data-v-5a5bb3bc]{display:flex;align-items:center;gap:8px;color:#ffffffe6;font-size:14px}.template-select-btn[data-v-5a5bb3bc]{padding:6px 12px;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:6px;color:#a5b4fc;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.template-select-btn[data-v-5a5bb3bc]:hover{background:#6366f140;border-color:#6366f180}.template-card-description[data-v-5a5bb3bc]{color:#fff9;font-size:13px;line-height:1.5;margin-bottom:10px}.template-card-tags[data-v-5a5bb3bc]{display:flex;flex-wrap:wrap;gap:6px}.template-tag[data-v-5a5bb3bc]{padding:3px 8px;background:#ffffff0d;border-radius:4px;color:#ffffff80;font-size:11px;font-weight:500}.template-empty[data-v-5a5bb3bc]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px;color:#fff6}.template-empty p[data-v-5a5bb3bc]{font-size:14px}.template-empty button[data-v-5a5bb3bc]{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffb3;font-size:13px;cursor:pointer}.template-empty button[data-v-5a5bb3bc]:hover{background:#ffffff14}.template-form[data-v-ae2483c9]{display:flex;flex-direction:column;width:min(760px,calc(100vw - 40px));height:min(760px,calc(100vh - 40px));max-height:calc(100vh - 40px);min-width:0;background:#17191cfa;border-radius:12px;overflow:hidden}.template-form-header[data-v-ae2483c9]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.template-form-title[data-v-ae2483c9]{display:flex;align-items:flex-start;gap:12px;color:#ffffffe6}.template-form-title strong[data-v-ae2483c9]{display:block;font-size:15px;margin-bottom:2px}.template-form-subtitle[data-v-ae2483c9]{display:block;font-size:12px;color:#ffffff80;font-weight:400}.template-form-close[data-v-ae2483c9]{padding:6px;background:#ffffff0a;border:none;border-radius:6px;color:#fff9;cursor:pointer;transition:all .15s}.template-form-close[data-v-ae2483c9]:hover{background:#ffffff14;color:#ffffffe6}.template-form-body[data-v-ae2483c9]{flex:1;min-height:0;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.form-field[data-v-ae2483c9]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-ae2483c9]{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:#ffffffbf}.required-mark[data-v-ae2483c9]{color:#f87171}.form-hint[data-v-ae2483c9]{font-size:11px;color:#fff6;font-weight:400}.form-input[data-v-ae2483c9]{padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffffe6;font-size:14px;transition:all .15s}.form-input[data-v-ae2483c9]::placeholder{color:#ffffff4d}.form-input[data-v-ae2483c9]:focus{outline:none;background:#ffffff0f;border-color:#6366f166}.template-preview-section[data-v-ae2483c9]{margin-top:8px;padding:14px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px}.preview-header[data-v-ae2483c9]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.copy-btn[data-v-ae2483c9]{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#fff9;font-size:12px;cursor:pointer;transition:all .15s}.copy-btn[data-v-ae2483c9]:hover:not(:disabled){background:#ffffff14;color:#ffffffe6}.copy-btn[data-v-ae2483c9]:disabled{opacity:.4;cursor:not-allowed}.preview-content[data-v-ae2483c9]{padding:12px;background:#0000004d;border-radius:6px;color:#fffc;font-size:13px;line-height:1.6;font-family:SF Mono,Monaco,Cascadia Code,monospace;word-break:break-word}.preview-content.incomplete[data-v-ae2483c9]{color:#fff6;font-style:italic}.recommended-settings[data-v-ae2483c9]{display:flex;flex-direction:column;gap:8px;padding:12px;background:#6366f10d;border:1px solid rgba(99,102,241,.15);border-radius:8px}.recommendation-chips[data-v-ae2483c9]{display:flex;flex-wrap:wrap;gap:8px}.chip[data-v-ae2483c9]{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#ffffff14;border-radius:6px;color:#ffffffb3;font-size:12px;font-weight:500}.template-form-footer[data-v-ae2483c9]{display:flex;gap:10px;min-width:0;padding:16px 20px;border-top:1px solid rgba(255,255,255,.08)}.secondary-btn[data-v-ae2483c9],.primary-btn[data-v-ae2483c9]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.secondary-btn[data-v-ae2483c9]{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#ffffffb3}.secondary-btn[data-v-ae2483c9]:hover{background:#ffffff14;color:#ffffffe6}.primary-btn[data-v-ae2483c9]{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;font-weight:600}.primary-btn[data-v-ae2483c9]:hover:not(:disabled){background:linear-gradient(135deg,#4f52dd,#7748e2);box-shadow:0 4px 12px #6366f14d}.primary-btn[data-v-ae2483c9]:disabled{opacity:.4;cursor:not-allowed}@media(max-width:760px){.template-form[data-v-ae2483c9]{width:calc(100vw - 24px);height:min(760px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);border-radius:10px}.template-form-header[data-v-ae2483c9]{padding:14px 16px}.template-form-body[data-v-ae2483c9]{padding:16px}.template-form-footer[data-v-ae2483c9]{padding:12px 16px}.secondary-btn[data-v-ae2483c9],.primary-btn[data-v-ae2483c9]{min-width:0;padding:10px 12px;font-size:13px}}@media(max-width:430px){.template-form-body[data-v-ae2483c9]{padding:14px 12px}.template-form-footer[data-v-ae2483c9]{gap:7px;padding-right:12px;padding-left:12px}.secondary-btn[data-v-ae2483c9],.primary-btn[data-v-ae2483c9]{padding-right:8px;padding-left:8px;font-size:12px}}.product-wizard[data-v-e66e9bc8]{display:flex;flex-direction:column;width:min(900px,calc(100vw - 40px));height:min(760px,calc(100vh - 40px));max-width:900px;max-height:calc(100vh - 40px);min-width:0;background:var(--pro-bg-dark, #232323);border-radius:16px;overflow:hidden}.wizard-header[data-v-e66e9bc8]{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.08)}.wizard-header h2[data-v-e66e9bc8]{margin:0;font-size:20px;font-weight:600;color:#fffffff2}.close-btn[data-v-e66e9bc8]{padding:8px;background:#ffffff0d;border:none;border-radius:8px;color:#fff9;cursor:pointer;transition:all .15s}.close-btn[data-v-e66e9bc8]:hover{background:#ffffff1a;color:#ffffffe6}.wizard-steps[data-v-e66e9bc8]{display:flex;padding:20px 28px;gap:12px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto}.step-indicator[data-v-e66e9bc8]{flex:1;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#ffffff80;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.step-indicator[data-v-e66e9bc8]:hover{background:#ffffff0d}.step-indicator.active[data-v-e66e9bc8]{background:#6366f126;border-color:#6366f166;color:#a5b4fc}.step-indicator.completed[data-v-e66e9bc8]{border-color:#22c55e66;color:#ffffffb3}.step-number[data-v-e66e9bc8]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff1a;border-radius:50%;font-size:12px;font-weight:600}.step-indicator.active .step-number[data-v-e66e9bc8]{background:#6366f14d}.step-indicator.completed .step-number[data-v-e66e9bc8]{background:#22c55e33}.wizard-content[data-v-e66e9bc8]{flex:1;min-height:0;padding:32px 28px;overflow-y:auto}.wizard-step h3[data-v-e66e9bc8]{margin:0 0 8px;font-size:18px;font-weight:600;color:#fffffff2}.step-hint[data-v-e66e9bc8]{margin:0 0 24px;color:#fff9;font-size:14px}.scene-grid[data-v-e66e9bc8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:20px}.scene-card[data-v-e66e9bc8]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:12px;color:#fffc;cursor:pointer;transition:all .2s;text-align:center}.scene-card[data-v-e66e9bc8]:hover{background:#ffffff0f;border-color:#ffffff26}.scene-card.selected[data-v-e66e9bc8]{background:#6366f11a;border-color:#6366f180;color:#a5b4fc}.scene-card strong[data-v-e66e9bc8]{font-size:15px;font-weight:600}.scene-card p[data-v-e66e9bc8]{margin:0;font-size:13px;color:#ffffff80}.scene-card.selected p[data-v-e66e9bc8]{color:#a5b4fccc}.upload-zone[data-v-e66e9bc8]{position:relative;margin-top:20px;padding:60px 40px;border:2px dashed rgba(255,255,255,.15);border-radius:12px;background:#ffffff05;cursor:pointer;transition:all .2s;text-align:center}.upload-zone[data-v-e66e9bc8]:hover{border-color:#6366f166;background:#6366f10d}.upload-zone.has-image[data-v-e66e9bc8]{padding:0;border-style:solid;cursor:default}.upload-zone img[data-v-e66e9bc8]{width:100%;height:auto;max-height:400px;object-fit:contain;border-radius:10px}.upload-image-actions[data-v-e66e9bc8]{display:flex;position:absolute;right:12px;bottom:12px;gap:6px}.upload-image-actions button[data-v-e66e9bc8]{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;color:#ffffffe6;background:#141418d1;border:1px solid rgba(255,255,255,.16);border-radius:6px;font-size:12px;cursor:pointer}.upload-image-actions button[data-v-e66e9bc8]:hover{background:#141418fa;border-color:#ffffff4d}.upload-error[data-v-e66e9bc8],.upload-file-name[data-v-e66e9bc8]{margin:10px 0 0;font-size:12px;line-height:1.4}.upload-error[data-v-e66e9bc8]{color:#f87171}.upload-file-name[data-v-e66e9bc8]{overflow:hidden;color:#ffffff8c;text-overflow:ellipsis;white-space:nowrap}.upload-placeholder[data-v-e66e9bc8]{display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff9}.upload-placeholder p[data-v-e66e9bc8]{margin:0;font-size:15px;font-weight:500}.upload-placeholder span[data-v-e66e9bc8]{font-size:13px;color:#fff6}.form-grid[data-v-e66e9bc8]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.form-field[data-v-e66e9bc8]{display:flex;flex-direction:column;gap:8px}.form-field.full-width[data-v-e66e9bc8]{grid-column:1 / -1}.form-field label[data-v-e66e9bc8]{font-size:13px;font-weight:500;color:#ffffffbf}.required-mark[data-v-e66e9bc8]{color:#f87171}.form-field input[data-v-e66e9bc8],.form-field select[data-v-e66e9bc8],.form-field textarea[data-v-e66e9bc8]{padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffe6;font-size:14px;transition:all .15s}.form-field input[data-v-e66e9bc8]:focus,.form-field select[data-v-e66e9bc8]:focus,.form-field textarea[data-v-e66e9bc8]:focus{outline:none;background:#ffffff0f;border-color:#6366f180}.form-field input[data-v-e66e9bc8]::placeholder,.form-field textarea[data-v-e66e9bc8]::placeholder{color:#ffffff4d}.preview-summary[data-v-e66e9bc8]{display:flex;flex-direction:column;gap:16px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-top:20px}.summary-row[data-v-e66e9bc8]{display:flex;align-items:center;gap:12px;font-size:14px}.summary-label[data-v-e66e9bc8]{color:#fff9;min-width:100px}.summary-row strong[data-v-e66e9bc8]{color:#fffffff2}.quantity-selector[data-v-e66e9bc8]{display:flex;align-items:center;gap:12px}.quantity-selector button[data-v-e66e9bc8]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fffc;font-size:18px;cursor:pointer;transition:all .15s}.quantity-selector button[data-v-e66e9bc8]:hover{background:#ffffff1a}.quantity-selector span[data-v-e66e9bc8]{min-width:32px;text-align:center;font-weight:600;color:#fffffff2}.prompt-preview[data-v-e66e9bc8]{margin-top:20px;padding:16px;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:10px}.wizard-output-settings[data-v-e66e9bc8]{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,1fr);gap:18px;margin-top:20px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px}.wizard-setting-field[data-v-e66e9bc8]{display:flex;min-width:0;flex-direction:column;gap:9px}.wizard-setting-label[data-v-e66e9bc8]{color:#ffffffb8;font-size:13px;font-weight:500}.wizard-size-options[data-v-e66e9bc8]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.wizard-size-options button[data-v-e66e9bc8]{display:flex;min-width:0;min-height:48px;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:5px 3px;color:#ffffff94;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer}.wizard-size-options button[data-v-e66e9bc8]:hover,.wizard-size-options button.selected[data-v-e66e9bc8]{color:#c7d2fe;background:#6366f129;border-color:#818cf88c}.wizard-size-options strong[data-v-e66e9bc8]{font-size:12px}.wizard-size-options small[data-v-e66e9bc8]{font-size:10px}.wizard-setting-field select[data-v-e66e9bc8]{width:100%;min-height:48px;padding:0 12px;color:#ffffffe6;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:7px;font-size:13px}.preview-header[data-v-e66e9bc8]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:13px;color:#ffffffb3}.preview-header button[data-v-e66e9bc8]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffb3;font-size:12px;cursor:pointer;transition:all .15s}.preview-header button[data-v-e66e9bc8]:hover{background:#ffffff1a}.preview-text[data-v-e66e9bc8]{padding:12px;background:#0003;border-radius:6px;color:#ffffffd9;font-size:13px;line-height:1.6;font-family:SF Mono,Monaco,monospace}.wizard-footer[data-v-e66e9bc8]{display:flex;gap:12px;min-width:0;padding:20px 28px;border-top:1px solid rgba(255,255,255,.08);background:#ffffff05}.footer-spacer[data-v-e66e9bc8]{flex:1}.btn-secondary[data-v-e66e9bc8],.btn-primary[data-v-e66e9bc8]{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary[data-v-e66e9bc8]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc}.btn-secondary[data-v-e66e9bc8]:hover{background:#ffffff1a}.btn-primary[data-v-e66e9bc8]{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;box-shadow:0 4px 12px #6366f140}.btn-primary[data-v-e66e9bc8]:hover:not(:disabled){background:linear-gradient(135deg,#4f52dd,#7748e2);box-shadow:0 6px 20px #6366f159;transform:translateY(-1px)}.btn-primary[data-v-e66e9bc8]:disabled{opacity:.5;cursor:not-allowed}@media(max-width:760px){.product-wizard[data-v-e66e9bc8]{width:calc(100vw - 24px);height:min(760px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);border-radius:10px}.wizard-header[data-v-e66e9bc8]{padding:16px}.wizard-header h2[data-v-e66e9bc8]{font-size:17px}.wizard-steps[data-v-e66e9bc8]{gap:8px;padding:12px 16px}.step-indicator[data-v-e66e9bc8]{flex:0 0 auto;gap:7px;padding:9px 10px;font-size:12px}.wizard-content[data-v-e66e9bc8]{padding:20px 16px}.scene-grid[data-v-e66e9bc8]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scene-card[data-v-e66e9bc8]{gap:8px;padding:16px 10px}.scene-card p[data-v-e66e9bc8]{font-size:11px;line-height:1.4}.form-grid[data-v-e66e9bc8],.wizard-output-settings[data-v-e66e9bc8]{grid-template-columns:minmax(0,1fr);gap:14px}.summary-row[data-v-e66e9bc8]{align-items:flex-start;flex-wrap:wrap}.summary-label[data-v-e66e9bc8]{min-width:78px}.wizard-footer[data-v-e66e9bc8]{gap:8px;padding:14px 16px}.btn-secondary[data-v-e66e9bc8],.btn-primary[data-v-e66e9bc8]{padding:10px 14px;font-size:13px}}@media(max-width:430px){.wizard-content[data-v-e66e9bc8]{padding:16px 12px}.scene-grid[data-v-e66e9bc8]{gap:8px}.scene-card[data-v-e66e9bc8]{padding:13px 7px}.scene-card strong[data-v-e66e9bc8]{font-size:13px}.upload-zone[data-v-e66e9bc8]{padding:42px 16px}.wizard-size-options[data-v-e66e9bc8]{grid-template-columns:repeat(3,minmax(0,1fr))}.wizard-footer[data-v-e66e9bc8]{padding-right:12px;padding-left:12px}}