/* Presentation only: keep generation, pricing and image controls intact. */
.workspace{--text-2:#d5d5dd;--text-3:#b1b1bd;--text-4:#a0a0ae}
.left-panel{align-self:start;min-width:0;min-height:0;max-height:100%;overflow:hidden;padding:0;gap:0}
.panel-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}
.panel-body::-webkit-scrollbar{width:5px}
.panel-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}
.panel-section-title{display:flex;align-items:center;gap:8px;margin:0;color:var(--text-1);font-size:13px;font-weight:600;line-height:22px;letter-spacing:.02em}
.panel-step{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:22px;height:22px;border:1px solid var(--border-glow);border-radius:6px;background:var(--brand-soft);color:var(--brand);font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:0}
.settings-top{padding:16px 20px;gap:10px;background:linear-gradient(180deg,rgba(255,216,61,.035),transparent)}
.settings-top .control-group.compact{min-width:0}
.settings-top .control-group.compact label,.web-resolution-control label{font-size:11px;color:var(--text-2);font-weight:500;letter-spacing:0;margin-bottom:6px}
.settings-top .cs-trigger{height:42px;padding:8px 10px;gap:8px;border-color:var(--border-strong)}
.settings-top .cs-label{font-size:12px}
#mode-select .cs-label{font-size:13px}
#mode-select .cs-trigger .cs-price{display:none}
.settings-dimensions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
.settings-dimensions:has(.control-group[hidden]){grid-template-columns:minmax(0,1fr)}
#ratio-select .cs-icon{width:18px;height:20px;background:transparent}
#ratio-select .cs-icon .ratio-box{max-width:17px;max-height:19px}
.web-resolution-control{padding:0;min-width:0}
#resolution-select{height:42px;min-height:42px;padding:8px;font-size:11px;border-radius:var(--r-md)}
#resolution-note{display:none}
.panel-settings:has(#mode-select .cs-option.selected:is([data-value="speed"],[data-value="pro"])) #resolution-note{display:none}
.settings-top .cs-menu{background:rgba(26,26,29,.98)}
#ratio-select .cs-menu{right:auto;width:calc(200% + 12px)}
.settings-top .custom-select.opens-up .cs-menu{top:auto;bottom:calc(100% + 6px);transform-origin:bottom center}
.panel-upload{padding:16px 20px;border-bottom:1px solid var(--border)}
.panel-upload .workflow-tabs{margin:10px 0 12px;border-radius:10px}
.panel-upload .workflow-tabs button{padding:8px 5px}
.panel-upload .workflow-description{padding:0;margin:-4px 0 12px;font-size:11px}
.panel-upload:has([data-workflow="single"].selected) .workflow-description{display:none}
.panel-upload .upload-section.compact{padding:0;border:0}
.panel-upload .upload-section + .upload-section{margin-top:14px}
.selection-header{color:var(--text-2);font-size:12px}
.panel-upload .upload-area{min-height:84px}
.panel-upload .upload-section.compact .upload-area{min-height:84px;border-radius:10px;border:1.5px dashed rgba(255,216,61,.5);background:rgba(255,216,61,.055)}
.panel-upload .upload-section.compact .upload-area:hover,.panel-upload .upload-section.compact .upload-area.dragover{border-color:var(--brand);background:rgba(255,216,61,.11)}
.panel-upload .upload-placeholder{padding:14px}
.panel-upload .upload-section.compact .upload-placeholder p{font-size:13px;color:var(--text-1)}
#upload-text::before{content:'＋';margin-right:6px;color:var(--brand);font-size:17px;vertical-align:-1px}
.panel-upload .upload-section.compact .upload-placeholder .upload-hint{font-size:10px;margin-top:5px;color:var(--text-3)}
.reference-number-hint,.selection-header .required-label{display:none}
#single-ref-add,#shared-ref-button{min-height:36px;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.3);color:var(--text-2)}
#single-ref-add:hover,#shared-ref-button:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}
.left-scroll{padding:14px 20px 16px;overflow:visible;flex:0 0 auto;gap:0}
.left-scroll:has(.prompt-section[hidden]){display:none}
.prompt-header{margin-bottom:10px;gap:8px}
.prompt-header .panel-section-title{font-size:13px;display:flex;align-items:center;gap:8px}
.prompt-header .optional{font-size:10px;font-weight:400;color:var(--text-3);margin:0}
.prompt-header .banana-photo-btn{height:30px;min-height:30px;padding:4px 9px;font-size:10px;background:transparent;border-color:var(--border-strong);box-shadow:none}
.prompt-header .banana-icon{font-size:13px}
#prompt-input{height:100px;min-height:90px;max-height:300px;padding:12px;font-size:12px;line-height:1.7;border-radius:10px;border-color:rgba(255,255,255,.2)}
#prompt-input::placeholder{color:var(--text-3)}
.prompt-optimize-tools{justify-content:flex-start;gap:10px;margin-top:10px;flex-wrap:wrap}
#btn-optimize-prompt{min-height:32px;font-size:11px;padding:6px 10px}
#prompt-optimize-price{font-size:11px}
.left-panel:has([data-workflow="single"].selected) #prompt-optimize-scope{display:none}
#prompt-optimize-scope,#prompt-optimize-status{margin-top:8px;font-size:10px}
.left-generate-bar{position:relative;bottom:auto;margin-top:0;padding:12px 20px 14px;flex-shrink:0;box-shadow:none;z-index:10}
.left-generate-bar .btn-generate{min-height:44px;font-size:14px;border-radius:10px}
.left-generate-bar .btn-generate:disabled{opacity:1;background:#29292f;color:#b1b1bd;border:1px solid rgba(255,255,255,.12)}
.workspace button:disabled:not(.btn-generate){opacity:.7}
.left-generate-bar .status-log{padding:0;background:transparent;border:0;text-align:center;font-size:10px}
@media(min-width:1280px){.workspace{grid-template-columns:400px minmax(280px,1fr) 280px}}
@media(min-width:1101px) and (max-width:1279px){.workspace{grid-template-columns:360px minmax(260px,1fr) 260px}}
@media(min-width:769px) and (max-width:1100px){.workspace{grid-template-columns:340px minmax(0,1fr);grid-template-rows:auto auto;align-content:start}.left-panel{min-height:0;max-height:calc(100dvh - 160px)}.center-panel{min-height:0;height:calc(100dvh - 160px)}.right-panel{min-height:340px;max-height:500px}}
@media(max-width:1279px) and (min-width:769px){.settings-top{padding:16px}.panel-upload{padding:16px}.left-scroll{padding:16px}.left-generate-bar{padding:12px 16px}.settings-dimensions{gap:10px}#ratio-select .cs-menu{width:calc(200% + 10px)}.settings-top .cs-trigger{gap:6px;padding:8px}.settings-top .cs-label{font-size:11px}}
@media(max-width:768px){.left-panel{max-height:none;align-self:stretch;overflow:visible}.panel-body{overflow:visible}.settings-top{padding:16px}.panel-upload{padding:16px}.left-scroll{padding:16px}.left-generate-bar{padding:12px 16px 14px;border-radius:0 0 20px 20px}.settings-top .cs-trigger,#resolution-select{height:44px}.settings-top .cs-trigger{gap:6px;padding:8px}.settings-dimensions{gap:10px}#ratio-select .cs-menu{width:calc(200% + 10px)}.settings-top .cs-label{font-size:11px}#btn-optimize-prompt{min-height:36px}.panel-upload .workflow-tabs button{min-height:36px}#prompt-input{font-size:14px}}
@media(max-width:360px){.settings-dimensions{grid-template-columns:minmax(0,1fr)}#ratio-select .cs-menu{width:100%}.prompt-header .banana-photo-btn{padding:4px 6px}.prompt-header .panel-section-title{gap:5px}}
@media(max-width:768px){html,body{height:auto;min-height:100%}body{overflow:auto}#app{height:auto;min-height:100vh}#main-page.page{height:auto;min-height:100vh}#main-page.page:not(.active){display:none}.workspace{flex:none}.left-panel,.center-panel,.right-panel{flex-shrink:0}}