/* Focused creative workspace: controls and canvas each keep their own scroll area. */
.generation-page{max-width:none!important;padding:20px 26px 24px!important}.create-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px}.create-heading .eyebrow{font-size:9px;letter-spacing:2px;color:#8995b5}.create-heading h1{font-size:24px;letter-spacing:-.5px;margin:3px 0 0;font-weight:650}.create-heading h1 span{font-size:12px;color:#8b93a4;font-weight:400;letter-spacing:0;margin-left:18px}.create-tools{display:flex;align-items:center;gap:9px}.create-tools>span{font-size:11px;color:#8a95a7;margin-right:8px}.create-tools .secondary{font-size:11px;padding:7px 11px;border-radius:8px;white-space:nowrap}.import-settings{margin:0;cursor:pointer}.generation-page .studio-grid{display:grid;grid-template-columns:370px minmax(0,1fr);gap:18px;height:calc(100dvh - 186px);min-height:470px;align-items:stretch}.generation-page .editor{padding:0;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border-radius:15px;box-shadow:0 4px 25px #1f315205}.editor-scroll{padding:18px 19px 4px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#d6ddeb transparent;overscroll-behavior:contain}.editor-model{display:flex;align-items:center;gap:12px;margin-bottom:18px}.editor-model label{margin:0;flex-shrink:0;color:#717b90}.editor-model select{font-size:12px;font-weight:600;padding:10px 28px 10px 12px;background:#f2f4fb}.prompt-tabs{display:flex;padding:4px;background:#f2f4f9;border-radius:9px;gap:2px;margin-bottom:14px}.prompt-tabs button{flex:1;font-size:11px;padding:6px 4px;border-radius:6px;color:#8b93a4;white-space:nowrap}.prompt-tabs button[aria-selected=true]{background:#fff;color:#5365cc;font-weight:650;box-shadow:0 2px 5px #3b4b7910}.generation-page .field-heading{margin:0 0 8px;display:flex;align-items:center;justify-content:space-between}.generation-page .field-heading label{margin:0;font-size:12px}.field-actions{display:flex;align-items:center;gap:2px}.icon-button{display:inline-grid;place-items:center;min-width:29px;height:28px;border-radius:6px;color:#8b95ab;font-size:16px}.icon-button:hover{color:var(--blue);background:var(--pale)}.generation-page .text-button{font-size:11px}.generation-page textarea{font-size:12px;line-height:1.75;background:#fcfdff;border-color:#e6e9f0;border-radius:9px;padding:11px 12px}.generation-page textarea#prompt{height:132px;min-height:95px}.prompt-options{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:7px 0 12px}.generation-page .compact-check{font-size:10px;color:#758199;display:flex;align-items:center;gap:5px;margin:0;font-weight:450}.generation-page input[type=checkbox]{width:14px;height:14px;margin:0}.prompt-options select,.negative-toolbar select{width:auto;max-width:165px;font-size:10px;background:#f7f8fc;border:0;padding:6px 24px 6px 8px}.control-section{border-bottom:1px solid var(--line);padding:14px 0}.control-section summary{display:flex;align-items:center;cursor:pointer;gap:10px;font-size:12px;font-weight:600;list-style:none}.control-section summary:before{content:'›';font-size:17px;font-weight:400;color:#9aa4b7;transform:rotate(0);transition:transform .16s}.control-section[open]>summary:before{transform:rotate(90deg)}.control-section summary span{margin-left:auto;font-size:10px;color:#9aa3b4;font-weight:400;white-space:nowrap}.control-section summary::-webkit-details-marker{display:none}.control-section[open]>summary{margin-bottom:12px}.negative-toolbar{display:flex;justify-content:space-between;align-items:center;margin:4px 0 8px}.generation-page .control-section .hint{font-size:10px;margin:8px 0;color:#8b96a8;line-height:1.7}.generation-page .control-section .error{color:#c66e52}.generation-page .section-title{margin:0;display:flex;align-items:center;gap:8px;justify-content:space-between}.generation-page .section-title h2{margin:0;font-size:12px}.dimensions-section .section-title select{width:auto;font-size:10px;padding:5px 23px 5px 8px;background:#f6f7fc;border:0}.dimension-inputs{display:grid;grid-template-columns:1fr 32px 1fr;align-items:end;gap:8px}.generation-page label{font-size:11px;margin:11px 0 6px}.generation-page label span{font-size:10px;color:#9aa4b5;margin-left:6px}.dimension-inputs label{margin-bottom:0;color:#8893a6;font-size:10px}.generation-page input,.generation-page select{font-size:12px;padding:8px 9px}.dimension-inputs input{margin-top:4px;font-weight:550}.dimension-inputs button{margin-bottom:4px}.generation-page .sizes{margin:10px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.generation-page .size{display:flex;align-items:center;justify-content:center;gap:7px;padding:6px;font-size:21px;border:1px solid #e7eaf2;border-radius:7px;line-height:1.4;background:white;color:#9aa5b8}.generation-page .size span{font-size:10px;display:inline;margin:0}.generation-page .size.active{background:#f0f3ff;border-color:#abb8f6;color:#5c70da}.range-field{display:grid;grid-template-columns:61px minmax(0,1fr);align-items:center;gap:14px}.range-field input[type=number]{text-align:center;font-variant-numeric:tabular-nums}.range-field input[type=range]{padding:0;height:18px;border:0;accent-color:#6d7dea;background:transparent;cursor:pointer}.range-field input[type=range]:focus{outline-offset:5px}.ai-tools{text-align:right;margin:-9px 0 -7px}.generation-page .two-col{gap:10px}.generation-page .two-col label{min-width:0}.seed-field{display:flex;align-items:center;gap:2px}.seed-field input{min-width:0}.seed-field .icon-button{flex-shrink:0}#advanced-detail{border-bottom:0;padding-bottom:1px}#advanced-detail summary{font-size:11px;color:#7c879b}#advanced-detail summary span{font-size:9px}#advanced-detail label{margin-top:12px}.generation-page #price-cliff{padding:9px;font-size:10px;margin:9px 0}.generation-page .generation-footer{padding:12px 19px 10px;margin:0;border-top:1px solid #e6eaf3;background:#fff;flex-shrink:0;box-shadow:0 -8px 16px #1f315204;position:static}.generation-footer .quote-line b{font-size:21px;font-variant-numeric:tabular-nums}.generation-footer .quote-line>span{font-size:11px;font-weight:600}.generation-footer .quote-line small{display:inline;margin-left:6px;font-weight:400;font-size:9px}.generation-footer #quote-detail{font-size:10px;margin:3px 0 5px;min-height:16px;line-height:1.5}.generation-footer .generate{margin-top:3px;padding:12px 15px;background:linear-gradient(105deg,#5769df,#7081ef);border-radius:8px}.generation-footer .privacy-note{font-size:9px;margin:6px 0 0;text-align:left;display:flex;justify-content:space-between}.generation-page .canvas{position:relative;top:0;height:100%;min-height:0;border-radius:15px;background-color:#fafbff;background-size:22px 22px;box-shadow:0 4px 25px #1f315205}.generation-page .canvas-toolbar{padding:13px 17px;min-height:52px;gap:12px}.canvas-actions{display:flex;align-items:center;gap:12px}.canvas-actions button:disabled{cursor:default}.generation-page .canvas-empty{min-height:0;flex:1;padding:25px 18px;background:radial-gradient(ellipse at 50% 40%,#eef0ffcf,transparent 60%)}.generation-page .canvas-empty .eyebrow{color:#9ba6c9;font-size:8px;letter-spacing:2px;margin:12px 0 15px}.generation-page .canvas-empty h2{font-size:27px;font-weight:500;color:#606e8f;line-height:1.65;margin-bottom:14px;letter-spacing:2px}.generation-page .canvas-empty p{font-size:11px;color:#9aa4b7}.generation-page .orbital{height:125px;width:190px;margin-bottom:15px}.generation-page .orbital span{font-size:95px;color:#7888e7}.generation-page .canvas-bottom{padding:12px 17px;font-size:9px;flex-direction:row;justify-content:space-between;background:#ffffffdc}.generation-page #canvas-result{padding:18px;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.result-image-button{min-height:0;flex:1;width:100%;padding:0;display:flex;align-items:center;justify-content:center;cursor:zoom-in}.generation-page #result-image{width:100%;height:100%;max-height:100%;min-height:0;object-fit:contain;border-radius:9px}.generation-page .result-bar{flex-shrink:0;gap:10px;margin-top:12px;line-height:1.5}.generation-page .task-progress{z-index:2;inset:52px 0 39px}.generation-page .task-progress p{max-width:250px}.character-add{display:flex;gap:8px;margin:12px 0}.character-add select{width:90px}.character-add .secondary{flex:1;font-size:11px;padding:7px 12px}.character-card{padding:10px;border:1px solid #e5e9f3;border-radius:10px;background:#f8f9fd;margin-top:10px}.character-card.inactive{opacity:.55}.character-header{display:flex;gap:4px;align-items:center}.character-header .character-name{background:transparent;border:0;padding:3px 0;font-size:11px;font-weight:600;min-width:0}.character-tools{display:flex;gap:1px}.character-tools .icon-button{min-width:23px;font-size:14px}.character-card .compact-check{margin:7px 0 8px}.character-card details{border:0;padding:8px 0 0}.character-card summary{font-size:10px;font-weight:450;display:block}.character-card details[open] summary{margin-bottom:6px}.character-position{display:flex;gap:15px;align-items:center;margin-top:12px}.position-grid{display:grid;grid-template-columns:repeat(5,20px);grid-template-rows:repeat(5,18px);border:1px solid #dfe4f2;border-radius:5px;overflow:hidden;background:white;flex-shrink:0}.position-grid button{border-right:1px solid #e9edf7;border-bottom:1px solid #e9edf7;padding:0;color:#6d79de;line-height:1;font-size:12px}.position-grid button[aria-pressed=true]{background:#e9edff}.position-fields{display:flex;gap:7px}.position-fields label{margin:0!important;color:#8590a4;font-size:10px}.position-fields input{margin-top:3px;width:100%;padding:5px}.generation-page .upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;padding:16px 10px;cursor:pointer;background:#f7f9ff}.upload-box small{font-size:10px;color:#9ba5b8}.generation-page .upload-box input{font-size:10px;max-width:100%}.reference-preview{display:flex;gap:12px;align-items:center;margin:10px 0}.reference-preview img{width:76px;height:76px;object-fit:contain;background:#f2f4f9;border-radius:7px}.reference-preview>div{min-width:0;flex:1}.reference-preview p{overflow-wrap:anywhere}.generation-page #vibe-list label{display:flex;gap:6px;align-items:center;font-size:10px}.mobile-studio-tabs{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#image-dialog{border:0;background:#141a25;border-radius:15px;max-width:95vw;max-height:95dvh;padding:14px;overflow:hidden}#image-dialog::backdrop{background:#17202ed9;backdrop-filter:blur(7px)}#large-result{display:block;max-width:90vw;max-height:88dvh;object-fit:contain}#image-dialog .dialog-close{background:#ffffffd9;z-index:1}.generation-page~footer{display:none}body:has(#create.active) main>footer{display:none}
@media(min-width:1600px){.generation-page .studio-grid{grid-template-columns:410px minmax(0,1fr)}.editor-scroll{padding:20px 23px 4px}.generation-page .generation-footer{padding:14px 23px}.generation-page .canvas-empty h2{font-size:32px}}
@media(max-width:1200px) and (min-width:821px){.generation-page{padding:18px!important}.generation-page .studio-grid{grid-template-columns:330px minmax(0,1fr);gap:13px}.create-heading h1 span,.create-tools>span{display:none}.editor-scroll{padding:14px 15px 4px}.generation-page .generation-footer{padding:11px 15px}.canvas-actions{gap:7px}.canvas-actions .text-button{font-size:10px}.generation-page .canvas-empty h2{font-size:23px}.generation-page .canvas-bottom{flex-direction:column;gap:2px}}
@media(max-width:820px){.generation-page{padding:15px 15px 20px!important}.create-heading{gap:8px;margin-bottom:14px}.create-heading h1{font-size:23px}.create-heading h1 span,.create-tools>span{display:none}.create-heading .eyebrow{font-size:7px}.create-tools{gap:6px}.create-tools .secondary{font-size:10px;padding:6px 8px}.mobile-studio-tabs{display:flex;gap:4px;background:#eaeef8;padding:4px;border-radius:10px;margin-bottom:12px}.mobile-studio-tabs button{flex:1;padding:8px;border-radius:7px;font-size:12px;color:#8995af}.mobile-studio-tabs button[aria-pressed=true]{background:#fff;color:#566bd6;box-shadow:0 2px 6px #586bb310}.generation-page .studio-grid{display:block;height:auto;min-height:0}.generation-page .editor{min-height:0}.editor-scroll{overflow:visible;padding:16px 20px 3px}.generation-page .generation-footer{position:sticky;bottom:0;z-index:3;box-shadow:0 -6px 20px #1c2e6710}.generation-page .editor{overflow:visible}.generation-page .canvas{display:none;height:calc(100dvh - 260px);min-height:420px;width:100%}.generation-page .show-canvas .canvas{display:flex}.generation-page .show-canvas .editor{display:none}.generation-page .canvas-toolbar{flex-wrap:wrap;gap:6px;padding:10px 14px}.canvas-actions{gap:12px}.generation-page .canvas-empty h2{font-size:24px}.generation-page .canvas-bottom{flex-direction:column;gap:3px}.generation-page .canvas-empty .eyebrow{letter-spacing:1px;font-size:7px}.generation-page .suggestions{margin-top:12px}.generation-page #canvas-result{padding:12px}.generation-page .result-bar{flex-wrap:wrap}.generation-page .canvas-empty .orbital{height:90px;margin:0}.generation-page .orbital span{font-size:70px}.generation-page .canvas-empty p{font-size:10px}.generation-page .canvas-empty{padding:15px}header{height:50px}nav .nav{font-size:10px;padding:7px 6px}}

/* The legacy stylesheet also adds summary markers; keep just one chevron. */
.generation-page summary:after{content:none!important}.generation-page .control-section details:not([open])>summary:before{content:'›'!important;transform:none}.generation-page .control-section details[open]>summary:before{content:'›'!important;transform:rotate(90deg)}
.generation-page .editor-scroll textarea{font-size:13px}.generation-page .control-section>summary{font-size:13px}.generation-page .field-heading label{font-size:13px}

.generation-page .control-section[open]>summary:before{content:'›'!important;transform:rotate(90deg)}