:root{font-family:Inter,Pretendard,"Apple SD Gothic Neo","Noto Sans KR",system-ui,-apple-system,sans-serif;color:#e9edf9;background:#0c111d;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,.button{cursor:pointer;transition:filter .15s;background:#252e43;color:#e9edf9;border:1px solid #3b4760;border-radius:10px;padding:10px 14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.button:hover{filter:brightness(1.15)}button:disabled{opacity:.5;cursor:not-allowed}button.primary,.button.primary{background:#987cf1;border-color:#a991fa;color:#12122a;font-weight:800}button.quiet,.button.quiet{background:#1b2334}button.smallbtn{padding:8px 10px;font-size:12px}button.tiny{padding:6px 9px}input:not([type=range]):not([type=radio]):not([type=checkbox]),select,textarea{background:#101828;border:1px solid #36435b;border-radius:9px;padding:11px 12px;width:100%;outline:0}input:focus,textarea:focus,select:focus{border-color:#a491f5;box-shadow:0 0 0 2px #a491f51c}textarea{resize:vertical;line-height:1.6}input[type=checkbox],input[type=radio]{accent-color:#a18cf3}input[type=range]{width:100%;accent-color:#aa90f6}pre{white-space:pre-wrap;word-break:break-word}.hidden{display:none!important}.muted,.microcopy{color:#93a0b9}.microcopy{font-size:12px;line-height:1.55;margin:0 0 12px}.smalltext{font-size:12px;line-height:1.8}.eyebrow{color:#bbabff;font-size:10px;letter-spacing:2px;font-weight:800;margin:0 0 7px}.topbar{height:69px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(16px,4vw,52px);background:#101726;border-bottom:1px solid #243047;position:sticky;top:0;z-index:40}.brand,.header-right{display:flex;align-items:center;gap:12px}.brand b{font-size:16px;display:block}.brand span{font-size:10px;letter-spacing:.9px;color:#8692ac}.mark{display:grid;place-items:center;background:linear-gradient(135deg,#ab8dff,#7ba5ff);color:#11132c;border-radius:13px;width:52px;height:52px;font-size:27px;font-weight:700}.mark.small{width:37px;height:37px;font-size:18px}.model-switch{display:flex;align-items:center;gap:10px;font-size:11px;color:#aab6cf}.model-switch select{min-width:164px;width:auto;font-weight:700;color:#d7ccff}.tabbar{display:flex;gap:3px;border-bottom:1px solid #253149;padding:0 clamp(12px,4vw,52px);background:#101726;overflow-x:auto;position:sticky;top:69px;z-index:39;scrollbar-width:none}.tabbar button{border:0;background:transparent;color:#91a1bb;border-radius:0;padding:15px 13px;white-space:nowrap;position:relative}.tabbar button.active{color:#ddceff;font-weight:800}.tabbar button.active:after{content:"";position:absolute;bottom:0;left:10px;right:10px;height:3px;background:#a58bf2;border-radius:4px}.tab{display:none}.tab.on{display:block}main{max-width:1512px;margin:auto;padding:30px clamp(15px,4vw,52px) 100px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:25px}.section-head h2{font-size:26px;letter-spacing:-1px;margin:0 0 6px}.section-head p.muted{font-size:12px;margin:0}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.toolbar input{max-width:440px}.counter{font-size:12px;color:#9bacc7;white-space:nowrap}.status-line{font-size:12px;min-height:18px;margin:7px 0;color:#d1b8ff}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:11px}.image-tile{position:relative;background:#182132;border:2px solid transparent;border-radius:12px;overflow:hidden;cursor:pointer;padding:0;text-align:left}.image-tile.selected{border-color:#ab95f8;background:#292844}.tile-img{aspect-ratio:3/3.7;display:flex;justify-content:center;align-items:center;background:#101826;overflow:hidden}.tile-img img{width:100%;height:100%;object-fit:contain}.tile-footer{padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:#c1cee2}.select-mark{position:absolute;top:7px;right:7px;z-index:2;display:grid;place-items:center;width:23px;height:23px;border:1px solid #b8c2d5;border-radius:50%;background:#192335;color:white}.image-tile.selected .select-mark{background:#b29cf7;border-color:#b29cf7;color:#111}.selection-shelf{position:fixed;bottom:0;left:0;right:0;background:#202941;z-index:50;border-top:1px solid #8a72d9;padding:12px max(20px,5vw);display:flex;gap:12px;align-items:center;justify-content:center;box-shadow:0 -5px 24px #0005}.studio-grid,.generation-grid{display:grid;grid-template-columns:minmax(300px,1.12fr) minmax(300px,.88fr);gap:18px;align-items:start}.panel{background:#161e30;border:1px solid #2a3550;border-radius:17px;padding:20px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px}.panel-title h3,.current-result h3{margin:0;font-size:16px}.pill{color:#c6b8fc;background:#282541;border:1px solid #514a75;border-radius:100px;padding:5px 9px;font-size:11px;white-space:nowrap}.mini-image-list{display:flex;gap:6px;min-height:46px;overflow-x:auto;margin-bottom:12px}.mini-image-list img{height:59px;width:48px;object-fit:contain;background:#0e1524;border-radius:8px}.mini-image-list .muted{font-size:12px;margin:auto 0}.chat-log{min-height:250px;max-height:570px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:12px;background:#101828;border-radius:11px;border:1px solid #28344c}.empty-chat{color:#8997b0;font-size:12px;margin:auto;text-align:center}.chat-message{max-width:94%;padding:12px 13px;border-radius:11px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.chat-message.user{align-self:flex-end;background:#3d355d}.chat-message.assistant{align-self:flex-start;background:#252e43}.chat-message .who{display:block;font-size:10px;font-weight:800;color:#c6b8fc;margin-bottom:6px}.chat-compose{display:flex;gap:9px;flex-wrap:wrap;margin-top:11px}.chat-compose textarea{flex:1 0 100%}.ai-proposal{border:1px solid #5e4d8f;background:#231e37;border-radius:11px;padding:12px;display:flex;flex-direction:column;gap:9px;margin-bottom:19px}.ai-proposal label{color:#dacdff;font-weight:700;font-size:12px}.field{display:block;font-size:12px;font-weight:700;color:#bac9e3;margin-bottom:13px}.field input,.field select,.field textarea{display:block;margin-top:7px;font-size:13px;font-weight:400}.effective{background:#0f1727;border:1px solid #293348;border-radius:11px;padding:12px;margin:14px 0}.row-between{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}.subtle{color:#8899b8;font-size:11px}.preview-text{white-space:pre-wrap;word-break:break-word;color:#adb5cb;line-height:1.5;font-size:11px;max-height:140px;overflow:auto;margin-top:8px}.stretch{width:100%;margin-top:9px}.config-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-options{display:flex;flex-wrap:wrap;gap:7px;margin:3px 0 17px}.mode-options label{padding:9px 10px;border-radius:9px;background:#232c40;border:1px solid #36435b;font-size:12px;cursor:pointer}.subtle-details{font-size:12px;color:#b6c4db;border:1px solid #2f394e;border-radius:9px;padding:10px;margin-bottom:16px}.subtle-details pre{max-height:120px;overflow:auto;font-size:11px}.notice{font-size:12px;background:#24233a;color:#bfaeff;border:1px solid #4f4570;border-radius:10px;padding:11px;margin-bottom:13px;line-height:1.6}.reference-tools{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.reference-tools .field{font-size:11px}.reference-list{max-height:430px;overflow-y:auto;display:flex;flex-direction:column;gap:7px}.ref-item{display:flex;align-items:center;gap:10px;background:#101829;border:1px solid #2b3952;border-radius:9px;padding:7px}.ref-item img{width:52px;height:55px;object-fit:contain;background:#121827;border-radius:6px}.ref-info{flex:1;min-width:0}.ref-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a8b6cf;font-size:10px;margin-bottom:5px}.ref-checks{display:flex;flex-wrap:wrap;gap:7px}.ref-checks label{font-size:11px;color:#cad4e5}.generate-button{padding:14px;margin-top:19px}.current-result{margin-top:24px;border-top:1px solid #34405b;padding-top:17px}.current-result img{width:100%;max-height:680px;object-fit:contain;background:#101827;border-radius:10px;margin-top:10px}.result-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.mask-stage{position:relative;line-height:0;max-width:460px;margin:auto;border:1px solid #5970a0;touch-action:none}.mask-stage img{width:100%;height:auto;display:block}.mask-stage canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.5;mix-blend-mode:screen;touch-action:none}.mask-tools{display:flex;align-items:center;gap:14px;margin:10px 0}.mask-tools label{flex:1;display:flex;align-items:center;gap:10px;font-size:12px}.mask-tools input{flex:1}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:15px}.history-tile{background:#182033;border:1px solid #303f58;border-radius:12px;padding:10px}.history-tile img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#0f1525;border-radius:8px}.history-tile small{font-size:11px;color:#aebed9}.history-tile .history-actions{display:flex;gap:5px;margin-top:9px}.history-tile .history-actions button,.history-tile .history-actions a{font-size:11px;padding:6px;flex:1}.settings-panel{max-width:730px}.divider{height:1px;background:#37425a;margin:22px 0}.api-status{font-size:13px;line-height:1.9}.login-view{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(circle at 75% 20%,#342b55,#0c111d 52%);padding:18px}.login-card{background:#171f30;border:1px solid #343e59;border-radius:20px;padding:28px;width:min(400px,100%);display:flex;flex-direction:column;align-items:stretch;gap:12px;text-align:center;box-shadow:0 20px 70px #0008}.login-card .mark{margin:auto}.login-card h1{margin:3px 0;font-size:25px}.login-card p{font-size:12px;color:#97a5bd;margin:2px 0 14px}#toast{position:fixed;right:20px;bottom:22px;z-index:90;background:#3b365d;color:white;padding:11px 15px;border-radius:11px;box-shadow:0 6px 25px #0007;opacity:0;pointer-events:none;transition:opacity .2s;font-size:12px;max-width:320px}#toast.visible{opacity:1}
@media(max-width:850px){.studio-grid,.generation-grid{grid-template-columns:1fr}.section-head{align-items:flex-start}.panel{padding:15px}.topbar{height:58px}.tabbar{top:58px}.brand span{display:none}.section-head h2{font-size:22px}}
@media(max-width:550px){.topbar{padding:0 12px}.tabbar{padding:0 4px}.tabbar button{padding:13px 10px;font-size:11px}.model-switch{gap:5px}.model-switch span{display:none}.model-switch select{font-size:11px;min-width:120px;width:120px;padding:8px 6px}.brand b{font-size:13px}.mark.small{width:30px;height:30px}.header-right{gap:5px}main{padding:21px 12px 105px}.section-head{flex-direction:column;gap:13px}.head-actions{width:100%}.head-actions .button{flex:1;font-size:12px}.toolbar{flex-wrap:wrap;gap:7px}.toolbar input{max-width:none;width:100%}.image-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.tile-footer{font-size:10px}.config-pair{gap:9px}.reference-tools{grid-template-columns:1fr 1fr}.selection-shelf{padding:10px}.chat-log{max-height:420px}.ref-checks label{font-size:10px}}