/* Listing Studio workspace — shared controls, full-height canvas, independent panels. */
:root{--bg:#f5f6f8;--paper:#fff;--line:#e7e9ed;--ink:#20242c;--muted:#737a87;--orange:#e76b3d;--orange-light:#fff1ea;--font:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
body{font-size:13px;color:var(--ink);overflow:hidden;background:var(--bg)}.ui-icon{width:17px;height:17px;display:inline-block;vertical-align:middle;flex-shrink:0;opacity:.76}.btn .ui-icon{width:15px;height:15px}.btn.primary .ui-icon{filter:brightness(0) invert(1);opacity:1}.btn{height:35px;min-height:35px;padding:0 13px;font-size:12px;gap:7px;border-color:#dfe2e8;border-radius:6px;color:#404754;font-weight:500;box-shadow:0 1px 2px #1c253304}.btn.primary{background:#e76b3d;color:#fff;border-color:#e76b3d;box-shadow:0 2px 4px #e76b3d1a}.btn.subtle{border-color:transparent;box-shadow:none;background:transparent}.btn:hover{filter:none;background:#f7f8fa}.btn.primary:hover{background:#dc5c2e}.btn:disabled{cursor:not-allowed;opacity:.45}.btn.full{width:100%;font-size:12px}.text-btn{font-size:11px;color:#b05b36;display:inline-flex;align-items:center;justify-content:center;gap:6px}.text-btn .ui-icon{width:13px;height:13px}.icon-btn{width:30px;height:30px;min-width:30px;padding:6px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;border-color:transparent;color:#737a87;background:transparent}.icon-btn:hover{background:#f0f2f5}.icon-btn:disabled{cursor:not-allowed;opacity:.3}.muted{color:#737a87}.app{margin-left:76px;height:100dvh;display:flex;flex-direction:column}.studio-rail{width:76px;background:#fff;padding:19px 8px 14px;align-items:center;border-right:1px solid var(--line);color:#717885;z-index:30}.rail-logo img{width:34px;height:34px;display:block}.rail-separator{width:28px;height:1px;background:var(--line);margin:20px 0 15px}.studio-rail nav{width:100%;margin:0;display:flex;flex-direction:column;gap:5px}.studio-rail .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:61px;gap:7px;margin:0;border-radius:7px;padding:8px 0;background:transparent;color:#727987;font-size:11px}.studio-rail .nav-item .ui-icon{width:20px;height:20px;opacity:.7}.studio-rail .nav-item .nav-label{font-size:10px;line-height:1;color:inherit;letter-spacing:0}.studio-rail .nav-item.active{background:#fff1ea;color:#d75e30}.studio-rail .nav-item.active .ui-icon{filter:invert(44%) sepia(91%) saturate(643%) hue-rotate(335deg) brightness(91%) contrast(94%);opacity:1}.studio-rail .nav-item:hover{background:#f5f6f8}.rail-bottom{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:auto}.rail-bottom .nav-item{height:53px}.rail-bottom .avatar{margin-top:10px;background:#e9edf3;color:#637081;font-family:var(--font);font-size:12px;border:2px solid #fff;outline:1px solid #e5e8ee}.studio-topbar{height:64px;min-height:64px;padding:0 23px;border-bottom:1px solid var(--line);gap:15px;background:#fff}.project-identity{display:flex;align-items:center;gap:18px;min-width:0}.product-wordmark{font-size:16px;font-weight:700;color:#232731;letter-spacing:-.6px;white-space:nowrap}.product-wordmark>span{font-size:15px;font-weight:400;color:#898f9a;margin-left:5px}.header-divider{width:1px;height:22px;background:#e6e8ec}.project-label{display:flex;flex-direction:column;gap:4px;min-width:0}.project-label>strong{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.project-label>span{font-size:10px;color:#9399a3}.project-type{font-size:10px;color:#7d8592;background:#f5f6f8;border:1px solid #e9ebef;border-radius:4px;padding:4px 7px}.top-actions{gap:9px;white-space:nowrap}.save-indicator{display:flex;align-items:center;gap:5px;font-size:10px;color:#9298a3;margin-right:10px}.save-indicator .ui-icon{width:13px;height:13px;opacity:.6}.save-indicator.dirty{color:#ad733d}.save-indicator.dirty .ui-icon{filter:sepia(1)}main.studio-workspace{padding:0;margin:0;max-width:none;min-height:0;flex:1}.studio-workspace>.workspace{grid-template-columns:278px minmax(0,1fr) 254px;gap:0;height:100%;align-items:stretch}.studio-config{border:0;border-right:1px solid var(--line);border-radius:0;padding:0;display:flex;flex-direction:column;min-height:0;min-width:0;background:#fff}.config-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 19px 16px;min-height:55px}.config-heading h2{font-size:13px;font-weight:600}.micro-label{font-size:9px;letter-spacing:1.4px;color:#a0a5ae}.config-tabs{display:flex;padding:0 15px;border-bottom:1px solid var(--line);gap:12px}.config-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:0 1px 12px;font-size:11px;font-weight:500;color:#9298a2;flex:1;white-space:nowrap}.config-tabs button[aria-selected=true]{color:#dd683c;border-color:#e76b3d}.config-scroll{flex:1;min-height:0;overflow:auto;padding:21px 18px;scrollbar-width:thin;scrollbar-color:#e2e5e9 transparent}.panel-title{margin:0 0 14px;gap:10px}.panel-title h2{font-size:12px;font-weight:600;gap:0}.panel-title h2>span{display:none}.panel-title.spaced{margin-top:23px}.panel-title .text-btn{font-size:10px}.upload{background:#fafbfc;border:1px dashed #d6dbe2;border-radius:7px;padding:24px 6px 21px;margin:0 0 13px}.upload .upload-symbol{background:#fff;border:1px solid #e3e6eb;border-radius:7px;width:35px;height:35px;display:grid;place-items:center;margin-bottom:14px;box-shadow:0 2px 4px #222a3b05}.upload .upload-symbol .ui-icon{width:17px;height:17px;opacity:.55}.upload strong{font-size:12px;font-weight:500;color:#515b6b}.upload small{font-size:9px;color:#959ca7;margin-top:8px;line-height:1.8}.upload:hover,.upload.over{border-color:#ed986f;background:#fff8f3}.photos{gap:8px;margin:0 0 8px;padding:2px 1px}.photo{border-radius:5px;border:1px solid #e4e7ec;background:#f6f7f8;width:49px;height:49px;flex-shrink:0}.photo.active{border:1.5px solid #e8845a;box-shadow:0 0 0 2px #fcf0e8}.photo.active:after{background:#e37b4e}.photo-add{border-style:dashed;color:#a5acb7;background:#fff;font-size:20px}.field-help{font-size:10px;color:#9299a6;line-height:1.8;margin:9px 0 14px}.asset-list{margin:19px 0 17px}.asset-file{border:1px solid #e6e9ed;border-radius:7px;overflow:hidden;margin-bottom:10px;background:#fff}.asset-preview{height:142px;padding:20px;background:repeating-conic-gradient(#f3f4f6 0% 25%,#fafbfc 0% 50%) 0/16px 16px;display:flex;align-items:center;justify-content:center;position:relative}.asset-preview>img{max-width:100%;height:100%;object-fit:contain}.asset-reference{position:absolute;top:9px;left:9px;border:1px solid #e3e6eb;background:#ffffffeb;padding:3px 6px;border-radius:4px;font-size:9px;color:#737d8b}.asset-caption{padding:10px 11px;display:flex;gap:9px;align-items:center;font-size:10px;color:#596271}.asset-caption .ui-icon{width:15px;height:15px;color:#8e96a3}.asset-caption>div{min-width:0;flex:1}.asset-caption strong{font-size:10px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-caption small{font-size:9px;color:#9aa1ad;display:block;margin-top:4px}.asset-caption .asset-check{width:15px;height:15px;filter:invert(47%) sepia(10%) saturate(1639%) hue-rotate(79deg) brightness(86%) contrast(84%)}.section-divider{height:1px;background:var(--line);margin:20px 0}.two-fields{gap:9px}.config-scroll label,.studio-inspector label{font-size:11px;font-weight:400;color:#626c7b;margin-bottom:14px;line-height:1.5}.config-scroll input:not([type=range]):not([type=color]),.config-scroll textarea,.config-scroll select,.studio-inspector input:not([type=range]):not([type=color]),.studio-inspector textarea,.studio-inspector select{font-size:11px;padding:9px 10px;line-height:1.6;min-height:35px;border:1px solid #dfe3e9;border-radius:5px;color:#394353;background:#fff;margin-top:7px;box-shadow:0 1px 2px #202d4003}.config-scroll textarea,.studio-inspector textarea{resize:vertical}.config-scroll input:focus,.studio-inspector input:focus,.config-scroll textarea:focus,.studio-inspector textarea:focus,.config-scroll select:focus,.studio-inspector select:focus{border-color:#e8a286!important;box-shadow:0 0 0 3px #e9814c12;outline:none}.label-hint{display:block;font-size:9px;color:#9ca3ae;margin:3px 0 0}.source-tip{display:flex;gap:8px;border:1px solid #e9edf1;background:#f9fafb;padding:12px;border-radius:6px;margin-top:22px}.source-tip>.ui-icon{width:15px;height:15px;opacity:.5;margin-top:1px}.source-tip strong{font-size:10px;font-weight:500;color:#747e8d}.source-tip p{font-size:9px;line-height:1.8;color:#99a1ad;margin:5px 0 0}.generate-box{position:static;margin:0;padding:15px 17px 11px;border-top:1px solid var(--line);background:#fff;border-radius:0;flex-shrink:0}.generation-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;font-size:10px;color:#9199a6}.generation-summary strong{font-size:10px;color:#626d7d;font-weight:500}.generate{height:39px;gap:8px;font-size:12px}.generate>span{font-size:10px;padding-left:10px;margin-left:auto}.generate-box p{font-size:9px;color:#a0a7b1;margin:8px 0 0}.platform-note{background:#f6f8fb;color:#8490a0;border:1px solid #eaf0f5;font-size:9px;line-height:1.8;padding:10px;margin:0 0 15px;border-radius:5px}.segmented{background:#f4f6f8;border:1px solid #e9ecf0;padding:3px;gap:3px;margin-bottom:10px}.segmented button{font-size:10px;color:#9299a5;padding:7px}.segmented button.selected{color:#536071;box-shadow:0 1px 3px #192b420a}.type-row{gap:9px;padding:12px 0;border-bottom:1px solid #edf0f3}.type-symbol{background:#f5f6f8;width:29px;height:29px;border:1px solid #edf0f3;flex-shrink:0}.type-symbol .ui-icon{width:14px;height:14px;opacity:.5}.type-row strong{font-size:11px;color:#596576}.type-row small{font-size:9px;color:#9ba3ae;margin-top:4px}.counter{gap:0;border:1px solid #e2e6eb;border-radius:5px;height:25px;overflow:hidden;background:#fff}.counter button{width:22px;padding:0;height:100%;font-size:13px;color:#8c97a7;background:#fafbfc}.counter output{width:19px;font-size:10px;color:#606c7d}.count-badge{background:#f3f5f8;color:#7a879a;font-size:9px}.theme-grid{gap:8px}.theme-btn{padding:10px;border-color:#e1e6ed;border-radius:5px}.theme-btn strong{font-size:10px;color:#6c7788}.theme-btn.active{background:#fff8f3;border-color:#e69a78}.theme-btn.active:after{color:#d17b52}.theme-swatches{gap:4px;margin-top:9px}.theme-swatches i{width:10px;height:10px}.studio-center{display:grid;grid-template-rows:48px 48px minmax(140px,1fr) 183px 29px;min-height:0;overflow:hidden;min-width:0;background:#f4f5f7}.canvas-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid var(--line);background:#fff;min-width:0;gap:6px}.workspace-switch{display:flex;align-items:center;height:100%;gap:18px;white-space:nowrap}.workspace-switch button{display:inline-flex;align-items:center;gap:6px;height:100%;border:0;border-bottom:2px solid transparent;background:none;font-size:11px;color:#8a939f;padding:1px 0 0;font-weight:500}.workspace-switch button .ui-icon{width:14px;height:14px;opacity:.5}.workspace-switch button.active{color:#475466;border-color:#667487}.workspace-switch button.active .ui-icon{opacity:.8}.workspace-switch button>span{font-size:9px;background:#f1f3f6;color:#9aa3b0;padding:2px 5px;border-radius:3px;font-weight:400}.canvas-actions{display:flex;align-items:center;gap:1px}.canvas-actions .icon-btn{width:27px;height:27px;min-width:27px;padding:6px}.canvas-actions .ui-icon{width:15px;height:15px}.tool-divider{width:1px;height:15px;background:#e4e8ee;margin:0 7px}.canvas-title-row{display:flex;align-items:center;justify-content:space-between;padding:0 23px;font-size:10px;color:#99a2af}.canvas-title-row>div:first-child{display:flex;gap:9px;align-items:center}.canvas-title-row strong{font-weight:500;font-size:11px;color:#6c7789}.local-badge{font-size:8px;border:1px solid #dce5dc;color:#81917c;background:#eff4ed;padding:3px 5px;border-radius:3px}.canvas-stage{position:relative;min-height:0;padding:0 48px 37px;overflow:auto;display:flex;align-items:center;justify-content:center;background-color:#f4f5f7;background-image:radial-gradient(#bfc7d02e .7px,transparent .7px);background-size:13px 13px}.canvas-sheet{display:flex;align-items:center;justify-content:center;max-height:100%;max-width:100%;position:relative;box-shadow:0 5px 18px #2c34401b,0 0 0 1px #c7cdd640;background:#fff}.canvas-sheet>canvas{display:block;max-width:100%;max-height:100%;object-fit:contain;touch-action:none;cursor:move}.canvas-stage.zoomed{display:block}.canvas-stage.zoomed .canvas-sheet{max-width:none;max-height:none;display:block;width:max-content;margin:25px auto 45px}.canvas-stage.zoomed canvas{max-width:none;max-height:none}.stage-badge{position:absolute;left:17px;bottom:9px;display:flex;align-items:center;gap:5px;font-size:8px;color:#a1a9b5}.stage-badge .ui-icon{width:11px;height:11px;opacity:.35}.canvas-zoom{display:flex;align-items:center;gap:2px;position:absolute;bottom:8px;left:50%;transform:translateX(-50%);border:1px solid #e2e6ed;background:#ffffffed;border-radius:6px;height:29px;padding:0 4px;box-shadow:0 2px 7px #202d4005;z-index:2}.canvas-zoom>.icon-btn{width:23px;height:23px;min-width:23px;padding:4px}.canvas-zoom .ui-icon{width:13px;height:13px;opacity:.55}.canvas-zoom>span{width:1px;height:12px;background:#e6e9ee;margin:0 5px}.canvas-zoom>#zoom-fit{background:none;border:0;font-size:9px;color:#7b8798;min-width:35px;padding:3px}.suite-strip{background:#fff;border-top:1px solid var(--line);min-height:0;padding:14px 18px 12px;overflow:hidden;display:flex;flex-direction:column}.suite-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}.suite-toolbar h2{font-size:11px;font-weight:600;color:#4b586c;display:flex;align-items:center;gap:8px}.suite-toolbar h2>span{font-size:9px;color:#9da5b2;font-weight:400}.suite-toolbar p{font-size:8px;color:#a8b0bd;margin:5px 0 0}.filters{display:flex;gap:1px}.filters button{font-size:9px;padding:5px 8px;color:#929ba9;border-radius:4px;white-space:nowrap}.filters button.active{color:#b96540;background:#fff1e9}.suite-strip .card-grid{display:flex;overflow-x:auto;overflow-y:hidden;gap:11px;padding:2px 2px 7px;scrollbar-width:thin;scrollbar-color:#e1e6ee transparent;min-height:0;align-items:start;flex:1}.suite-strip .result-card{width:92px;min-width:92px;flex-shrink:0;border:0;border-radius:0;background:transparent;transform:none;box-shadow:none!important;overflow:visible;padding:0}.suite-strip .card-image{border-radius:5px;overflow:hidden;border:1px solid #e0e5ed;width:92px;height:85px;aspect-ratio:auto!important;background:#fafafa;box-shadow:0 1px 2px #1b294208}.suite-strip .card-image canvas{width:100%;height:100%;object-fit:contain}.suite-strip .result-card.selected .card-image{outline:2px solid #e9916a;outline-offset:2px;border-color:#fff}.suite-strip .result-card.selected .card-footer strong{color:#c57149}.suite-strip .card-tag,.suite-strip .edit-hover,.suite-strip .card-footer small,.suite-strip .card-footer .icon-btn,.suite-strip .card-index{display:none}.suite-strip .card-footer{padding:8px 0 0;justify-content:center}.suite-strip .card-footer strong{font-size:9px;color:#8f99a8;font-weight:400;display:block;white-space:nowrap}.workspace-statusbar{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:0 16px;background:#fafbfc;border-top:1px solid var(--line);font-size:8px;color:#a2aab6}.workspace-statusbar .status{font-size:8px;color:#95a18d;gap:5px}.workspace-statusbar .status i{width:4px;height:4px;background:#9cac8e}.shortcut-note{font-size:8px;color:#aeb5c0}.studio-inspector{border-left:1px solid var(--line);background:#fff;display:flex;flex-direction:column;min-height:0;min-width:0}.inspector-top{display:flex;align-items:center;justify-content:space-between;height:55px;min-height:55px;padding:0 18px;border-bottom:1px solid var(--line)}.inspector-top h2{font-size:12px;font-weight:600;color:#4b576a}.inspector-top>span{font-size:10px;color:#a5adba;font-variant-numeric:tabular-nums}.inspector-scroll{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#e1e5ea transparent}.property-section{padding:20px 17px 18px;border-bottom:1px solid var(--line)}.property-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;font-size:11px;color:#576476;font-weight:500}.property-heading>span:first-child{display:flex;align-items:center;gap:7px}.property-heading .ui-icon{width:14px;height:14px;opacity:.5}.property-state{font-size:9px;color:#a6aeba;font-weight:400}.property-section label{font-size:10px;margin-bottom:12px;color:#7b8696}.property-section textarea{font-size:11px;line-height:1.8;padding:8px 10px;margin-top:7px;border-color:#e2e6ed;resize:none;border-radius:5px}.property-section textarea:disabled{background:#f8f9fb;color:#b1b7c1}.property-section label:last-child{margin-bottom:0}.range-label{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.range-label label{margin:0;color:#7b8696;font-size:10px}.range-label output{font-size:10px;color:#8a96a7;font-variant-numeric:tabular-nums}.studio-inspector input[type=range]{appearance:none;width:100%;height:3px;border-radius:2px;background:#e6eaf0;margin:13px 0 17px;accent-color:#dd885e;outline:none}.studio-inspector input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;background:#fff;border:2px solid #df9069;border-radius:50%;box-shadow:0 1px 4px #5c3e251c}.transform-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:5px}.number-unit{position:relative}.studio-inspector .number-unit>input{padding-right:25px;margin-top:7px;font-size:10px;min-height:32px;height:32px;color:#6f7d8f}.number-unit>span{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:9px;color:#a1aab9}.property-section .btn.full{font-size:10px;height:32px;min-height:32px;color:#7c8899}.property-section .btn .ui-icon{width:13px;height:13px;opacity:.5}.inspector-themes{display:flex;gap:7px;margin-bottom:14px}.inspector-theme{width:34px;height:26px;border-radius:4px;padding:3px;border:1px solid #e2e6ed;position:relative;display:flex;align-items:center;justify-content:center;background:#fff}.inspector-theme>i{display:block;width:100%;height:100%;border-radius:2px}.inspector-theme.active{border:1.5px solid #dd936b;box-shadow:0 0 0 2px #fdf2ea}.brand-info{display:flex;align-items:center;gap:8px;font-size:10px;color:#7a8799}.brand-info>i{width:9px;height:9px;border-radius:50%;margin-left:auto;border:1px solid #00000008}.brand-info>small{font-size:8px;color:#9ea7b5;font-family:ui-monospace,monospace}.ai-property{background:#fcfcfd;border-bottom:0}.ai-property>p{font-size:10px;color:#9aa3b1;line-height:1.7;margin:0 0 14px}.ai-property .field-help{font-size:9px;margin:9px 0 0}.neutral-tag{font-size:8px;font-weight:400;color:#a2a9b5;border:1px solid #e5e8ee;background:#f7f8fa;border-radius:3px;padding:3px 5px}.inspector-bottom{padding:14px 17px 12px;border-top:1px solid var(--line);background:#fff}.inspector-bottom .btn{font-size:11px;color:#697789}.inspector-bottom>.text-btn{width:100%;font-size:9px;color:#9ba5b5;margin-top:9px}.app-footer{display:none}.stage-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f4f5f7;z-index:1;gap:15px;padding:25px;text-align:center}.stage-empty>.ui-icon{width:35px;height:35px;opacity:.2}.stage-empty>strong{font-size:14px;color:#8f9aaa}.stage-empty>p{font-size:11px;color:#a7afbb;line-height:1.8;margin:0 0 5px}.studio-center.overview-mode{grid-template-rows:48px 60px minmax(0,1fr) 29px}.studio-center.overview-mode .canvas-title-row,.studio-center.overview-mode .canvas-stage{display:none}.overview-toolbar{background:#f8f9fb;padding:17px 22px;display:flex;align-items:baseline;gap:15px;color:#657286}.overview-toolbar h2{font-size:12px}.overview-toolbar p{font-size:10px;color:#a5adba}.studio-center.overview-mode .suite-strip{height:100%;padding:17px;background:#f6f7f9;overflow:auto;border-top:0}.studio-center.overview-mode .suite-toolbar{margin-bottom:20px;min-height:30px}.studio-center.overview-mode .card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:20px;padding:3px;flex:none}.studio-center.overview-mode .result-card{width:auto;min-width:0;background:#fff;border:1px solid #e3e7ed;border-radius:7px;padding:0 0 10px;overflow:hidden}.studio-center.overview-mode .card-image{width:100%;height:auto;aspect-ratio:1!important;border:0;border-radius:0;outline:0}.studio-center.overview-mode .result-card.selected{box-shadow:0 0 0 2px #e99b77!important}.studio-center.overview-mode .card-footer{padding:10px 11px 0}.studio-center.overview-mode .card-footer strong{font-size:10px}.studio-center.overview-mode .card-footer small{display:block;font-size:8px}.secondary-view{flex:1;width:100%;max-width:none;margin:0;overflow-y:auto;padding:38px 36px;background:#f6f7f9;min-height:0}.secondary-view .eyebrow{color:#9aa5b5}.secondary-view h1{font-size:25px;font-weight:600;color:#344052;letter-spacing:0}.secondary-view>p{font-size:12px;color:#929bad}.secondary-view .surface{border-color:#e3e7ed;border-radius:8px;padding:25px}.secondary-view label{font-size:12px;color:#78869a}.secondary-view input,.secondary-view textarea,.secondary-view select{border-color:#dfe5ed;color:#67778f;font-size:12px;padding:10px}.secondary-view .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{border-color:#e2e7ef;padding:23px}.project-card h3{font-size:15px;color:#4a5d76}.project-card p{font-size:11px;color:#9aa8ba}.brand-preview{background:#f2e9e0}.batch-options .btn{height:38px}.editor-dialog{border-radius:9px;border-color:#dfe5ed}.dialog-heading{font-size:13px;padding:18px 21px}.dialog-heading>.icon-btn{border-radius:5px}.editor-stage{background:#f0f2f6}.editor-stage>p{font-size:10px;color:#939eaf}.inspector{max-height:80vh}.inspector input,.inspector textarea,.inspector select{font-size:12px;color:#526379;border-color:#e1e6ee}.inspector label{font-size:11px;color:#8a98aa}.inspector .field-help{font-size:10px}.inspector-heading{font-size:12px;color:#697b93}.small-dialog{border-color:#e1e6ed}.dialog-content label{font-size:12px}.guide p{color:#8b98aa}.guide b{color:#596d87}.notice{color:#a67652;background:#fff6ed;border-color:#f3e5d7}.status i{background:#8d9c83}#toast{font-size:12px;background:#334151;border-radius:7px;padding:13px 20px;box-shadow:0 7px 35px #29364426}button:focus-visible,a:focus-visible{outline:2px solid #e69a76;outline-offset:3px}*{scrollbar-width:thin;scrollbar-color:#dce2ea transparent}
@media(min-width:1550px){.studio-workspace>.workspace{grid-template-columns:300px minmax(0,1fr) 280px}.config-scroll{padding:23px 22px}.studio-center{grid-template-rows:52px 52px minmax(0,1fr) 202px 31px}.suite-strip .result-card{width:108px;min-width:108px}.suite-strip .card-image{width:108px;height:104px}.suite-strip{padding:16px 23px 13px}.property-section{padding:24px 22px 21px}.canvas-stage{padding-bottom:42px}.asset-preview{height:180px}}
@media(max-width:1150px){.studio-workspace>.workspace{grid-template-columns:250px minmax(0,1fr) 230px}.studio-rail{width:68px;padding:17px 5px 12px}.app{margin-left:68px}.studio-topbar{padding:0 17px}.product-wordmark{font-size:14px}.product-wordmark>span{font-size:13px}.project-identity{gap:12px}.project-type{display:none}.save-indicator{font-size:9px;margin-right:0}.top-actions{gap:5px}.top-actions>.icon-btn{display:none}.canvas-topbar{padding:0 13px}.workspace-switch{gap:11px}.workspace-switch button{font-size:10px}.workspace-switch .ui-icon{display:none}.canvas-actions .icon-btn{width:24px;min-width:24px}.canvas-stage{padding-left:25px;padding-right:25px}.stage-badge{display:none}.suite-strip{padding-left:13px;padding-right:13px}.suite-toolbar p{display:none}.property-section{padding:18px 14px}.inspector-top,.inspector-bottom{padding-left:14px;padding-right:14px}.shortcut-note{display:none}.workspace-statusbar{padding:0 12px;gap:8px}.config-scroll{padding:20px 15px}.config-heading{padding-left:16px;padding-right:16px}.config-tabs{padding:0 12px;gap:8px}.source-tip{padding:9px}}
@media(max-width:950px){.studio-workspace>.workspace{grid-template-columns:235px minmax(0,1fr)}.studio-inspector{display:none}.studio-topbar .product-wordmark{display:none}.header-divider{display:none}.top-actions .save-indicator{display:none}.project-label>strong{max-width:180px}.studio-center.overview-mode .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.secondary-view .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){body{overflow:auto}.studio-rail{position:fixed;inset:auto 0 0;height:61px;width:100%;padding:0 10px;flex-direction:row;justify-content:center;border:0;border-top:1px solid #e1e6ed;background:#fffffff5;backdrop-filter:blur(12px);z-index:50}.rail-logo,.rail-separator,.rail-bottom{display:none}.studio-rail nav{display:flex;flex-direction:row;width:100%;justify-content:space-around;gap:0}.studio-rail .nav-item{height:53px;width:65px;padding:5px 0;gap:6px}.studio-rail .nav-item .nav-label{font-size:9px}.studio-rail .nav-item .ui-icon{width:18px;height:18px}.app{height:auto;min-height:100dvh;margin:0;padding-bottom:61px}.studio-topbar{position:sticky;top:0;z-index:25;height:58px;min-height:58px;padding:0 15px;gap:8px}.project-label>strong{font-size:11px;max-width:150px}.project-label>span{font-size:8px}.top-actions{gap:5px}.top-actions .btn{font-size:10px;min-height:30px;height:30px;padding:0 10px}.top-actions .btn .ui-icon{width:12px;height:12px}.top-actions #import-btn{display:none}.studio-workspace>.workspace{display:flex;flex-direction:column;height:auto;gap:0}.studio-center{order:0;grid-template-rows:44px 39px 340px 162px 28px;width:100%;height:613px;border-bottom:1px solid var(--line)}.canvas-topbar{padding:0 16px}.workspace-switch{gap:20px}.workspace-switch button{font-size:11px}.canvas-title-row{padding:0 18px;font-size:9px}.canvas-title-row strong{font-size:10px}.canvas-stage{padding:0 35px 38px}.canvas-sheet{max-height:100%}.studio-center .suite-strip{padding:12px 15px 10px}.suite-toolbar{margin-bottom:10px}.suite-toolbar h2{font-size:10px}.filters button{font-size:8px;padding:4px 7px}.suite-strip .result-card{width:80px;min-width:80px}.suite-strip .card-image{width:80px;height:74px}.suite-strip .card-footer{padding-top:7px}.suite-strip .card-footer strong{font-size:8px}.studio-config{order:1;border-right:0;border-top:0;border-radius:0;width:100%;min-height:430px}.config-heading{height:53px;padding:16px 20px}.config-tabs{padding:0 17px;gap:25px}.config-tabs button{padding-bottom:13px;font-size:12px;flex:1}.config-scroll{overflow:visible;min-height:300px;padding:22px 20px}.config-panel label{font-size:11px}.upload{padding:25px 12px}.photos .photo{width:53px;height:53px}.asset-preview{height:190px}.source-tip{margin-top:16px;padding:12px}.source-tip strong{font-size:11px}.source-tip p{font-size:10px}.two-fields{gap:13px}.generate-box{position:sticky;bottom:61px;padding:13px 20px 10px;box-shadow:0 -4px 12px #263a5105;z-index:15}.generate{height:40px;font-size:12px}.generation-summary{font-size:10px;margin-bottom:8px}.studio-center.overview-mode{grid-template-rows:44px 55px minmax(200px,1fr) 28px;height:650px}.studio-center.overview-mode .suite-strip{padding:15px;overflow:auto}.studio-center.overview-mode .card-grid{gap:14px}.studio-center.overview-mode .result-card{width:auto;min-width:0}.studio-center.overview-mode .card-image{width:100%;height:auto}.studio-center.overview-mode .card-footer{padding:9px}.studio-center.overview-mode .card-footer strong{font-size:10px}.studio-center.overview-mode .card-footer small{font-size:8px}.secondary-view{min-height:calc(100dvh - 119px);padding:30px 20px}.secondary-view .project-grid{grid-template-columns:1fr}.secondary-view h1{font-size:25px}.brand-layout{grid-template-columns:1fr}.brand-preview{min-height:300px}.editor-dialog{max-height:94dvh;width:96vw}.editor-stage{padding:20px}.editor-stage canvas{max-height:42vh}.inspector{max-height:none;padding:20px}.dialog-heading{font-size:12px}.dialog-heading .muted{font-size:9px}.inspector-actions{bottom:-20px;padding:15px 0 0}#toast{bottom:80px}.inspector-actions .btn{font-size:12px}.stage-badge{display:none}}

.transform-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.transform-fields label{font-size:9px}.studio-inspector .number-unit>input{padding-left:8px;padding-right:20px;font-size:10px}.number-unit>span{right:6px;font-size:8px}.studio-inspector label{color:#707d8e}.studio-inspector textarea{font-size:12px}.config-scroll label{font-size:11px}.save-indicator{color:#808b9a}#studio-canvas:focus-visible{outline:2px solid #e89065;outline-offset:4px}

/* Official Lumora family assets, preserved without tinting or distortion. */
.rail-logo img{width:39px;height:39px;object-fit:contain}.family-wordmark{display:flex;align-items:center;flex-shrink:0}.family-wordmark img{display:block;width:143px;height:44px;object-fit:contain}.family-home{display:grid;place-items:center;width:31px;height:31px;border:1px solid #e6ebf1;border-radius:50%;background:#f8fbff;margin-top:9px}.family-home img{width:23px;height:23px;object-fit:contain}.mobile-family-logo{display:none}@media(max-width:1150px){.family-wordmark img{width:116px;height:38px}.project-label>strong{max-width:150px}}@media(max-width:950px){.family-wordmark{display:none}}@media(max-width:650px){.mobile-family-logo{display:block;width:27px;height:27px;object-fit:contain}.project-identity{gap:9px}.project-label>strong{max-width:115px}}