:root{--image-lime:#3cc9e2;--image-bg:#0b0d0f;--image-panel:#171a1d;--image-panel-2:#202429;--image-line:#343a40;--image-muted:#89929b}
*{box-sizing:border-box}
body.image-studio-page{min-width:0;background:var(--image-bg);color:#f5f6f3;overflow-x:hidden}
.image-studio-page .site-nav{position:relative;z-index:100}
.image-studio{min-height:100vh;background:radial-gradient(circle at 50% 33%,rgba(87,105,91,.13),transparent 28%),linear-gradient(180deg,#0e1113,#090b0d 66%,#0c0f11)}

.image-stage{position:relative;min-height:calc(100vh - var(--arife-nav-height,62px));display:grid;grid-template-rows:minmax(260px,40vh) minmax(150px,1fr) auto;padding-bottom:17px;overflow:hidden}
.image-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#53606b 1px,transparent 1px);background-size:24px 24px;opacity:.08;mask-image:linear-gradient(to bottom,transparent 5%,#000 46%,transparent 83%)}
.image-concept-rail{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.02fr 1.04fr;gap:2px;padding:0 8px 8px}
.image-concept-card{position:relative;min-width:0;overflow:hidden;border:1px solid #252a2f;border-radius:0 0 18px 18px;background:#171a1d;color:#fff;text-align:left;cursor:pointer;isolation:isolate}
.image-concept-card:before{content:"";position:absolute;z-index:4;inset:0;background:linear-gradient(180deg,rgba(5,7,8,.06) 45%,rgba(5,7,8,.87));transition:opacity .25s ease}
.image-concept-card:after{content:"";position:absolute;z-index:6;inset:10px;border:1px solid transparent;border-radius:13px;transition:border-color .2s ease,box-shadow .2s ease}
.image-concept-card:hover:after,.image-concept-card:focus-visible:after{border-color:rgba(79, 211, 234,.62);box-shadow:inset 0 0 28px rgba(79, 211, 234,.05)}
.image-concept-card:hover .image-concept-art{transform:scale(1.025)}
.image-concept-art{position:absolute;inset:0;display:block;overflow:hidden;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.image-concept-meta{position:absolute;z-index:7;left:27px;right:27px;bottom:23px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:3px 14px}
.image-concept-meta small{grid-column:1/-1;color:var(--image-lime);font:800 11px/1 Consolas,monospace;letter-spacing:.13em}
.image-concept-meta strong{font-size:15px;letter-spacing:-.03em}
.image-concept-meta em{color:#d9dddf;font-size:12px;font-style:normal;opacity:.7}

.image-concept-card--night .image-concept-art{background:radial-gradient(ellipse at 62% 46%,rgba(181,202,205,.18),transparent 25%),linear-gradient(180deg,#1d2a31 0,#27343a 43%,#152126 44%,#0b1114 100%)}
.image-concept-card--night .image-concept-art:before{content:"";position:absolute;left:-6%;right:-4%;top:5%;height:65%;background:linear-gradient(115deg,#253238,#121a1e 46%,#334147 47%,#141c20);clip-path:polygon(0 100%,0 79%,16% 73%,32% 10%,49% 77%,66% 36%,81% 75%,100% 62%,100% 100%);filter:drop-shadow(0 14px 18px rgba(0,0,0,.5))}
.image-concept-card--night .image-concept-art:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-15%;height:48%;background:repeating-radial-gradient(ellipse at 50% 0,rgba(160,192,198,.13) 0 1px,transparent 2px 29px),linear-gradient(180deg,#142026,#070b0d);transform:perspective(320px) rotateX(52deg)}
.image-concept-card--night .image-concept-art i,.image-concept-card--night .image-concept-art b{position:absolute;z-index:3;bottom:22%;width:25px;height:13px;border-radius:55% 55% 35% 35%;background:#dce4dc;box-shadow:10px 3px 0 -5px #dce4dc,3px 7px 0 -5px #dce4dc,-5px 7px 0 -5px #dce4dc;filter:drop-shadow(0 4px 7px #000)}
.image-concept-card--night .image-concept-art i{left:37%}.image-concept-card--night .image-concept-art b{left:49%;transform:scale(.78);background:#7d8987}

.image-concept-card--atelier .image-concept-art{background:linear-gradient(90deg,rgba(255,255,255,.94) 0 20%,transparent 20%),linear-gradient(104deg,#eee7d7,#d6c9ae 67%,#b5a98f)}
.image-concept-card--atelier .image-concept-art:before{content:"";position:absolute;left:12%;right:9%;bottom:11%;height:32%;background:linear-gradient(8deg,transparent 0 16%,#806647 17% 25%,transparent 26%),linear-gradient(96deg,transparent 0 9%,#5c4935 10% 13%,transparent 14% 73%,#5c4935 74% 78%,transparent 79%);filter:drop-shadow(0 18px 13px rgba(63,45,28,.25));transform:skewX(-8deg)}
.image-concept-card--atelier .image-concept-art:after{content:"";position:absolute;right:23%;top:11%;width:97px;height:97px;border-radius:50%;background:repeating-linear-gradient(45deg,rgba(118,89,45,.25) 0 4px,transparent 4px 12px),repeating-linear-gradient(-45deg,rgba(118,89,45,.21) 0 4px,transparent 4px 12px);filter:blur(.2px);box-shadow:0 0 34px rgba(255,229,169,.9)}
.image-concept-card--atelier .image-concept-art i{position:absolute;left:24%;right:18%;bottom:27%;height:22%;background:linear-gradient(180deg,#b49366,#73583c);clip-path:polygon(5% 35%,92% 0,100% 25%,8% 63%);box-shadow:0 18px 30px rgba(79,57,31,.24)}

.image-concept-card--gallery .image-concept-art{background:linear-gradient(155deg,#f8f6ef 0 57%,#d6d2c7 58% 100%)}
.image-concept-card--gallery .image-concept-art:before{content:"";position:absolute;left:21%;right:18%;top:27%;height:34%;border:7px solid #3b3228;background:radial-gradient(circle at 18% 67%,#e4c265 0 8%,transparent 9%),radial-gradient(circle at 75% 27%,#39c2c8 0 12%,transparent 13%),repeating-radial-gradient(ellipse at 48% 52%,#d7a333 0 6px,#164d51 8px 17px,#b68825 19px 24px,#103335 26px 34px);box-shadow:0 18px 28px rgba(24,28,28,.2);transform:perspective(700px) rotateY(-4deg)}
.image-concept-card--gallery .image-concept-art:after{content:"";position:absolute;left:3%;right:0;bottom:-8%;height:48%;background:linear-gradient(104deg,rgba(255,255,255,.25),rgba(64,67,65,.13));transform:perspective(360px) rotateX(57deg);filter:blur(1px)}

.image-stage-intro{position:relative;z-index:2;display:grid;place-content:center;text-align:center;padding:28px 20px 18px}
.image-stage-intro p{margin:0;color:#657078;font:800 11px/1 Consolas,monospace;letter-spacing:.22em}
.image-stage-intro h1{margin:16px 0 10px;font-size:clamp(30px,4vw,55px);line-height:1.02;letter-spacing:-.065em}
.image-stage-intro h1 em{color:var(--image-lime);font-style:normal}
.image-stage-intro>span{color:#6d767e;font-size:12px}

.image-composer{position:relative;z-index:15;width:min(1120px,calc(100% - 34px));margin:0 auto;padding:12px;border:1px solid #394047;border-radius:23px;background:linear-gradient(155deg,rgba(36,40,44,.96),rgba(18,21,24,.98));box-shadow:inset 0 1px rgba(255,255,255,.11),0 6px 0 #060708,0 25px 60px rgba(0,0,0,.5),0 0 38px rgba(79, 211, 234,.035);backdrop-filter:blur(22px)}
.image-prompt-row{display:grid;grid-template-columns:46px minmax(0,1fr) 145px;gap:9px;align-items:stretch}
.image-add-button{position:relative;width:46px;height:46px;align-self:center;border:1px solid #46502e;border-radius:12px;background:linear-gradient(145deg,#2c3325,#151a16);box-shadow:inset 0 1px rgba(255,255,255,.1),0 3px 0 #080b08;color:#fff;cursor:pointer}
.image-add-button span:before,.image-add-button span:after{content:"";position:absolute;left:50%;top:50%;width:15px;height:2px;border-radius:2px;background:var(--image-lime);transform:translate(-50%,-50%)}
.image-add-button span:after{transform:translate(-50%,-50%) rotate(90deg)}
.image-prompt-field{position:relative;display:block;min-height:64px;padding:10px 13px;border:1px solid #30363b;border-radius:14px;background:#121518}
.image-prompt-field>span{display:block;color:#757f87;font-size:11px}
.image-prompt-field textarea{width:100%;height:29px;margin-top:5px;padding:0;border:0;outline:0;resize:none;overflow:auto;background:transparent;color:#f6f7f5;font:600 13px/1.55 Pretendard,Arial,sans-serif}
.image-prompt-field:focus-within{border-color:#69763b;box-shadow:0 0 0 3px rgba(79, 211, 234,.055)}
.image-generate-button{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:5px;padding:0 17px;border:1px solid #a4edf9;border-radius:16px;background:linear-gradient(180deg,#4fd3ea,var(--image-lime));box-shadow:inset 0 1px rgba(255,255,255,.72),0 4px 0 #0d6f81,0 11px 21px rgba(13, 111, 129,.22);color:#101503;font-size:11px;font-weight:950;cursor:pointer}
.image-generate-button b{font-size:12px}.image-generate-button i{font-style:normal}.image-generate-button:disabled{filter:grayscale(.85);opacity:.6;cursor:wait}
.image-compose-controls{display:flex;align-items:center;gap:7px;margin-top:9px;min-width:0}
.image-model-trigger,.image-control,.image-count-control,.image-reference-chip{height:43px;border:1px solid #353b40;border-radius:12px;background:#16191c}
.image-model-trigger{min-width:216px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:0 12px;color:#fff;text-align:left;cursor:pointer}
.image-model-trigger small,.image-model-trigger strong{display:block}.image-model-trigger small{margin-bottom:3px;color:#707981;font-size:11px}.image-model-trigger strong{font-size:12px}.image-model-trigger>b{padding:6px 8px;border:1px solid #4d5831;border-radius:10px;color:var(--image-lime);font-size:11px}
.image-control{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px;min-width:102px;padding:0 4px 0 10px}
.image-control span,.image-count-control>span{color:#78828a;font-size:11px;white-space:nowrap}
.image-control select{min-width:0;height:33px;padding:0 24px 0 7px;border:0;outline:0;background:#202428;color:#f1f3f3;font-size:12px;font-weight:800;border-radius:9px;color-scheme:dark}
.image-count-control{display:flex;align-items:center;gap:4px;padding:0 6px 0 10px}
.image-count-control button{width:27px;height:27px;border:0;border-radius:10px;background:#252a2e;color:#afb6bb;cursor:pointer}.image-count-control b{min-width:18px;text-align:center;font-size:12px}
.image-reference-chip{display:flex;align-items:center;gap:6px;max-width:175px;padding:0 6px 0 10px;border-color:#604b78;background:#201a26}.image-reference-chip[hidden]{display:none}.image-reference-chip span{color:#ad91c3;font-size:11px}.image-reference-chip strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.image-reference-chip button{width:25px;height:25px;border:0;border-radius:10px;background:#31283a;color:#d9c5e9;cursor:pointer}
.image-api-status{min-width:0;margin:0 2px 0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#79838b;font-size:11px}.image-api-status[data-tone=working]{color:#93e9f7}.image-api-status[data-tone=success]{color:#9ce8be}.image-api-status[data-tone=error]{color:#ff9eaa}
.image-progress{height:3px;margin:10px 4px 0;overflow:hidden;border-radius:5px;background:#252a2e}.image-progress[hidden]{display:none}.image-progress span{display:block;width:8%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0d6f81,var(--image-lime));box-shadow:0 0 10px rgba(79, 211, 234,.5);transition:width .3s ease}

.image-library-section{width:min(1480px,calc(100% - 40px));margin:0 auto;padding:78px 0 110px}
.image-library-section>header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.image-library-section>header p{margin:0 0 9px;color:var(--image-lime);font:800 11px/1 Consolas,monospace;letter-spacing:.18em}.image-library-section h2{margin:0;font-size:30px;letter-spacing:-.05em}.image-library-section>header span{display:block;margin-top:7px;color:#778089;font-size:12px}
.image-library-actions{display:flex;gap:5px;padding:5px;border:1px solid #31373c;border-radius:13px;background:#15181b}.image-library-actions button{height:32px;padding:0 13px;border:0;border-radius:10px;background:transparent;color:#7e878e;font-size:11px;font-weight:800;cursor:pointer}.image-library-actions button.active{background:#2a2f33;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.image-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.image-result-card,.image-result-upload,.image-empty-card{position:relative;min-height:285px;overflow:hidden;border:1px solid #30363b;border-radius:18px;background:linear-gradient(145deg,#1c2024,#101315)}
.image-result-upload{display:grid;place-content:center;justify-items:center;color:#fff;cursor:pointer}.image-result-upload span{display:grid;place-items:center;width:49px;height:49px;margin-bottom:12px;border:1px solid #53602f;border-radius:15px;background:#252c20;box-shadow:0 4px 0 #0a0d09;color:var(--image-lime);font-size:25px}.image-result-upload strong{font-size:11px}.image-result-upload small{margin-top:6px;color:#727b82;font-size:11px}
.image-empty-card{grid-column:span 3;display:grid;place-content:center;justify-items:center;color:#91999f}.image-empty-card span{width:90px;height:70px;margin-bottom:15px;border:1px solid #363d42;border-radius:18px;background:radial-gradient(circle at 62% 38%,rgba(79, 211, 234,.24),transparent 18%),linear-gradient(145deg,#272d31,#15191c);box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 20px rgba(0,0,0,.25);transform:perspective(200px) rotateY(-11deg) rotateX(4deg)}.image-empty-card strong{font-size:12px}.image-empty-card small{margin-top:7px;font-size:12px}
.image-result-card{min-height:320px}.image-result-card img{width:100%;height:100%;min-height:320px;display:block;object-fit:cover}.image-result-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(6,8,9,.92))}.image-result-card footer{position:absolute;z-index:2;left:15px;right:15px;bottom:14px;display:grid;grid-template-columns:1fr auto;gap:6px}.image-result-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.image-result-card small{grid-column:1;color:#859098;font-size:11px}.image-result-card a{grid-row:1/3;grid-column:2;align-self:center;padding:8px 10px;border:1px solid #4a5359;border-radius:9px;background:rgba(27,31,34,.8);color:#fff;font-size:11px;text-decoration:none}.image-result-delete{position:absolute;z-index:4;right:10px;top:10px;padding:7px 9px;border:1px solid rgba(255,150,170,.26);border-radius:8px;background:rgba(9,13,19,.84);color:#ff9daf;font-size:11px;font-weight:850;cursor:pointer}.image-result-delete:hover{border-color:#ff93a8;color:#fff}.image-history-more{display:block;margin:24px auto 0;padding:12px 20px;border:1px solid #343b40;border-radius:11px;background:#171a1d;color:#aab1b6;font-size:12px;cursor:pointer}

.image-modal{position:fixed;z-index:140;inset:0;display:grid;place-items:center;padding:24px}.image-modal[hidden]{display:none}.image-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(1,3,5,.79);backdrop-filter:blur(11px);cursor:default}
.image-model-dialog,.image-library-dialog{position:relative;width:min(890px,calc(100vw - 32px));max-height:calc(100vh - 44px);display:grid;overflow:hidden;border:1px solid #495058;border-radius:24px;background:linear-gradient(145deg,#24282c,#15181b);box-shadow:inset 0 1px rgba(255,255,255,.1),0 8px 0 #07090a,0 35px 100px rgba(0,0,0,.7)}
.image-model-dialog{grid-template-rows:auto auto minmax(0,1fr)}
.image-model-dialog>header,.image-library-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 25px 20px;border-bottom:1px solid #373d42;background:radial-gradient(circle at 82% -20%,rgba(79, 211, 234,.11),transparent 43%)}
.image-model-dialog>header small,.image-library-dialog>header small{display:block;margin-bottom:10px;color:var(--image-lime);font:800 11px/1 Consolas,monospace;letter-spacing:.18em}.image-model-dialog h2,.image-library-dialog h2{margin:0;font-size:25px;letter-spacing:-.04em}.image-model-dialog header p,.image-library-dialog header p{margin:7px 0 0;color:#879098;font-size:12px;line-height:1.5}
.image-model-dialog>header>button,.image-library-dialog>header>button{flex:0 0 42px;width:42px;height:42px;border:1px solid #4b535a;border-radius:12px;background:linear-gradient(145deg,#30353a,#1b1f22);box-shadow:0 4px 0 #090b0c;color:#d8dcde;font-size:22px;cursor:pointer}
.image-model-tools{padding:15px 24px;border-bottom:1px solid #363c41;background:#1b1f22}.image-model-tools nav{display:flex;align-items:center;gap:7px;overflow:auto}.image-model-tools nav button{height:36px;padding:0 13px;border:1px solid #3e454a;border-radius:999px;background:#22262a;color:#90989e;font-size:11px;font-weight:850;white-space:nowrap;cursor:pointer}.image-model-tools nav button.active{border-color:#3cc9e2;background:#2c351d;color:var(--image-lime)}
.image-model-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px 24px 24px;overflow:auto;overscroll-behavior:contain}.image-model-option{min-width:0;min-height:158px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px;border:1px solid #41484d;border-radius:17px;background:linear-gradient(145deg,#292d31,#202428);color:#fff;text-align:left;cursor:pointer}.image-model-option:hover{border-color:#606a70;transform:translateY(-1px)}.image-model-option.active{border-color:var(--model-accent,var(--image-lime));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--model-accent,var(--image-lime)) 25%,transparent),0 4px 0 rgba(0,0,0,.32)}.image-model-option[hidden]{display:none}.image-model-option-copy{display:block;min-width:0}.image-model-option small,.image-model-option strong,.image-model-option em{display:block}.image-model-option small{color:#77828a;font:800 11px/1 Consolas,monospace;letter-spacing:.11em}.image-model-option strong{margin-top:12px;font-size:16px}.image-model-option em{min-height:30px;margin-top:7px;color:#9ca4aa;font-size:12px;font-style:normal;line-height:1.5;word-break:keep-all}.image-model-option-specs{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}.image-model-option-specs b{padding:5px 7px;border:1px solid #454d52;border-radius:999px;color:#9aa3a9;font-size:10px}.image-model-option>b{align-self:start;padding:6px 8px;border:0;border-radius:8px;background:#32383c;color:#aeb5ba;font-size:11px;white-space:nowrap}.image-model-option.active>b{background:var(--model-accent);color:#101303}
.image-library-dialog{grid-template-rows:auto minmax(0,1fr)}.image-library-modal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:17px;overflow:auto}.image-library-tile{position:relative;min-height:168px;overflow:hidden;border:1px solid #3c4348;border-radius:14px;background:#171b1e;color:#fff;cursor:pointer}.image-library-tile img{width:100%;height:168px;display:block;object-fit:cover}.image-library-tile span{position:absolute;left:9px;right:9px;bottom:9px;padding:7px;border-radius:8px;background:rgba(7,9,10,.72);backdrop-filter:blur(8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.image-library-tile.upload{display:grid;place-content:center;justify-items:center;background:linear-gradient(145deg,#272c30,#171a1d)}.image-library-tile.upload b{display:grid;place-items:center;width:42px;height:42px;margin-bottom:10px;border:1px solid #5a6931;border-radius:13px;color:var(--image-lime);font-size:24px}.image-library-tile.upload strong{font-size:12px}.image-library-loading{grid-column:1/-1;min-height:180px;display:grid;place-content:center;text-align:center;color:#838d94;font-size:12px}

@media(max-width:1120px){.image-concept-rail{grid-template-columns:1fr 1fr}.image-concept-card:last-child{display:none}.image-compose-controls{flex-wrap:wrap}.image-api-status{width:100%;margin:2px 0 0}.image-result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.image-empty-card{grid-column:span 2}.image-model-options{grid-template-columns:1fr}}
@media(max-width:760px){.image-stage{grid-template-rows:245px minmax(155px,1fr) auto}.image-concept-rail{grid-template-columns:1fr;padding:0 0 6px}.image-concept-card{border-radius:0 0 16px 16px}.image-concept-card:nth-child(n+2){display:none}.image-stage-intro h1{font-size:37px}.image-composer{width:calc(100% - 20px);padding:9px;border-radius:18px}.image-prompt-row{grid-template-columns:41px minmax(0,1fr)}.image-add-button{width:41px;height:55px}.image-generate-button{grid-column:1/-1;height:48px}.image-compose-controls{display:grid;grid-template-columns:1fr 1fr}.image-model-trigger{grid-column:1/-1;min-width:0}.image-control{min-width:0}.image-count-control{justify-content:space-between}.image-reference-chip{grid-column:1/-1;max-width:none}.image-api-status{grid-column:1/-1}.image-library-section{width:calc(100% - 22px);padding-top:58px}.image-library-section>header{align-items:flex-start;flex-direction:column}.image-result-grid{grid-template-columns:1fr 1fr}.image-result-upload,.image-result-card{min-height:230px}.image-result-card img{min-height:230px}.image-empty-card{grid-column:auto;min-height:230px}.image-modal{padding:9px}.image-model-dialog,.image-library-dialog{width:100%;max-height:calc(100vh - 18px);border-radius:19px}.image-model-dialog>header,.image-library-dialog>header{padding:18px 16px 15px}.image-model-dialog h2,.image-library-dialog h2{font-size:21px}.image-model-tools{padding:10px}.image-model-options{padding:10px}.image-model-option{grid-template-columns:minmax(0,1fr) auto;min-height:145px;padding:16px}.image-library-modal-grid{grid-template-columns:1fr 1fr;padding:10px}}
@media(max-width:470px){.image-result-grid{grid-template-columns:1fr}.image-empty-card{min-height:190px}.image-library-modal-grid{grid-template-columns:1fr}.image-stage-intro h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){.image-concept-art,.image-model-option{transition:none!important;transform:none!important}}

/* 요금제 배지(`스탠다드`)가 생성 단추 글자를 덮던 것 (클로드코드)
   `arife-entitlements.css` 가 배지를 `top:7px; right:7px` 으로 단추 안에 넣는데,
   이 단추는 오른쪽에 글자와 아이콘이 있어 `이미지 생성` 위에 겹쳐 찍혔다.
   단추 위 모서리 태그로 올린다. (작업실 화면과 같은 방식) */
body.image-studio-page .image-generate-button{overflow:visible!important}
body.image-studio-page .image-generate-button>.arife-plan-badge{
  top:-14px!important;
  right:12px!important;
}

/* ── 아래 고정 콘솔 접기 (클로드코드) ─────────────────────────────
   `.ic-dock` 은 1440×900 에서 454px — 화면 절반을 덮어
   `모델별 차감 기준` 마지막 줄과 그 아래 내용이 뒤로 숨는다.
   접으면 탭 줄만 남긴다. */
.ic-dock .ic-fold-v2400{
  margin-left:auto;
  min-height:32px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 11px;
  border:1px solid rgba(120,200,236,.28);
  border-radius:11px;
  background:rgba(255,255,255,.045);
  color:#bcd6ea;
  font-size:12px;
  font-weight:800;
  letter-spacing:-.01em;
  cursor:pointer;
  transition:background .16s ease,color .16s ease;
}
.ic-dock .ic-fold-v2400:hover{background:rgba(120,200,236,.16);color:#eaf6ff}
.ic-dock .ic-fold-v2400>i{
  width:9px;height:9px;
  border-right:1.6px solid currentColor;
  border-bottom:1.6px solid currentColor;
  transform:rotate(-135deg) translate(-1px,-1px);
  transition:transform .18s ease;
}
.ic-dock.is-folded-v2400 .ic-fold-v2400>i{transform:rotate(45deg) translate(-1px,-1px)}
.ic-dock.is-folded-v2400 .ic-panes{display:none!important}
.ic-dock.is-folded-v2400 .ic-shell{padding-bottom:10px!important}

/* ★ 패널 뒤로 비치던 검은 칸 (클로드코드)
   `main.image-studio` 가 `#060a11`(거의 검정) 바탕을 갖고 있는데
   페이지 바탕은 `#060f1b`(남색)이다. 그래서 첫 화면 카드와 요율판 사이,
   그리고 본문 좌우 여백이 새까맣게 비쳤다.
   무늬(gradient)는 살리고 밑색만 걷어 페이지 남색이 그대로 보이게 한다. */
body.image-studio-page main.image-studio{
  background-color:transparent!important;
}