:root{--bg: #f4f1eb;--paper: #fffdfa;--panel: #ffffff;--ink: #211f25;--muted: #77727d;--line: #e7e1da;--soft-line: #f0ede8;--accent: #6551d5;--accent-soft: #eeeaff;--mint: #6ab89f;--mint-soft: #e8f7f1;--rose-soft: #fff0f1;--amber-soft: #fff7e8;--radius: 8px;--shadow: 0 14px 44px rgba(34, 28, 48, .08);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,select,input,textarea{border-radius:var(--radius)}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(101,81,213,.25);outline-offset:2px}.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}.studio-app{height:100vh;display:grid;grid-template-rows:64px 1fr;overflow:hidden}.topbar{display:grid;grid-template-columns:minmax(230px,300px) minmax(220px,1fr) auto;gap:16px;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);background:#fffdfaf0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:4}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:0}.brand strong,.brand small{display:block}.brand strong{font-size:15px;line-height:1.1}.brand small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:0}.brand-mark{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#1f1d24 0,#1f1d24 48%,#7d67ec 49%,#7d67ec);position:relative;flex:0 0 auto}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:#fff;border-radius:99px;transform:rotate(-42deg)}.brand-mark:before{width:18px;height:4px;left:8px;top:15px}.brand-mark:after{width:4px;height:18px;left:15px;top:8px}.project-picker,.top-actions{display:flex;align-items:center;gap:10px;min-width:0}.top-actions{justify-content:flex-end}.top-select{display:grid;gap:2px}.top-select span{color:var(--muted);font-size:10px;font-weight:800;line-height:1;text-transform:uppercase}.purpose-select select{width:190px}select,input,textarea{border:1px solid var(--line);background:#fff;color:var(--ink)}select,input{min-height:36px;padding:0 10px}.project-picker select{max-width:min(360px,55vw);font-weight:700}.save-state{color:var(--muted);font-size:12px;white-space:nowrap}.save-state:before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:99px;background:var(--mint)}.save-state.dirty:before{background:#d99138}.button,.inline-actions button{min-height:36px;border:1px solid var(--line);background:#fff;padding:0 12px;font-weight:700}.button.small{min-height:30px;padding:0 9px;font-size:12px}.button.primary{border-color:var(--ink);background:var(--ink);color:#fff}.button.soft{border-color:transparent;background:var(--accent-soft);color:var(--accent)}.language-switcher{display:inline-flex;align-items:center;gap:2px;min-height:36px;margin:0;padding:3px;border:1px solid var(--line);background:#f7f4ef;border-radius:var(--radius)}.language-switcher legend{position:absolute;opacity:0}.language-switcher button{min-width:44px;min-height:28px;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1;border:0;background:transparent;padding:0 8px;color:var(--muted);font-size:12px;font-weight:800}.language-switcher button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px #221c3012}.studio-shell{min-height:0;display:grid;grid-template-columns:minmax(520px,1fr) minmax(360px,420px);gap:1px;background:var(--line)}.sidebar,.workspace,.output-panel{min-height:0;overflow:auto;background:var(--paper)}.sidebar{padding:18px 14px;display:flex;flex-direction:column;gap:20px}.sidebar h2,.output-head h2{margin:0 0 8px;color:#928b96;font-size:10px;text-transform:uppercase;letter-spacing:0}.dna-card{margin-top:auto;padding:14px;border:1px solid var(--line);background:linear-gradient(135deg,var(--accent-soft),white 60%);border-radius:var(--radius);box-shadow:var(--shadow)}.dna-card div:first-child{display:flex;justify-content:space-between;gap:12px}.dna-card p{margin:8px 0 12px;color:var(--muted);font-size:12px}.mini-tags{display:flex;flex-wrap:wrap;gap:6px}.mini-tags span{padding:4px 7px;border:1px solid #ded8f3;border-radius:999px;background:#fff;color:#675a88;font-size:11px}.history-card{display:grid;gap:10px}.history-head{display:grid;gap:8px}.history-head h2{margin-bottom:0}.history-empty{margin:0;color:var(--muted);font-size:12px}.history-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.history-list button{width:100%;display:grid;gap:2px;border:1px solid var(--line);background:#fff;padding:9px;text-align:left}.history-list strong,.history-list span,.history-list small{overflow:hidden;text-overflow:ellipsis}.history-list strong{font-size:12px}.history-list span,.history-list small{color:var(--muted);font-size:11px;white-space:nowrap}.workspace{padding:22px 24px 80px}.workspace-inner{max-width:930px;margin:0 auto}.breadcrumb{color:#938d98;font-size:12px;margin-bottom:8px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}h1{margin:0 0 6px;font-size:28px;line-height:1.12}.page-heading p,.panel p{margin:0;color:var(--muted)}.segmented{display:flex;gap:3px;margin:0;padding:4px;border:0;background:#eeebe6;border-radius:var(--radius);width:100%}.segmented legend{position:absolute;opacity:0}.segmented button{flex:1 1 0;min-width:0;min-height:40px;border:0;background:transparent;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:6px;text-transform:capitalize}.segmented button.active{background:#fff;font-weight:800}.strength-number{width:18px;height:18px;display:inline-grid;place-items:center;border:1px solid rgba(76,75,86,.18);border-radius:999px;background:#ffffffad;color:#55515e;font-size:11px;font-weight:900;line-height:1}.segmented button.active .strength-number{border-color:#4638913d;background:#f2efff;color:#4f36c9}.panel{padding:18px;margin-bottom:14px;border:1px solid var(--line);background:#fffffff0;border-radius:var(--radius);box-shadow:0 8px 30px #2d244009}.panel.highlight{box-shadow:0 0 0 4px #6551d524}.panel.no-pad{padding:0}.panel-head,.section-row,.output-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.panel-head{margin-bottom:12px}.panel-head>div{display:grid;grid-template-columns:auto 1fr;gap:4px 10px}.panel-title-row{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}.panel-title-row h2{flex:0 0 auto}.number-badge{grid-row:span 2;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:12px}.panel h2,.tab-pane h2{margin:0;font-size:15px}.intent-question{margin:2px 0 8px;color:#2d303c;font-size:13px;font-weight:800}.intent-box{display:grid;gap:8px;border:1px solid #dfdaf0;background:#fcfbff;border-radius:var(--radius);padding:10px}.intent-textarea{display:block}.intent-box textarea{width:100%;min-height:88px;padding:0;border:0;outline:0;background:transparent;resize:vertical;line-height:1.6}.cell-label{display:flex;justify-content:space-between;gap:8px;font-weight:800}input[type=range]{width:100%;accent-color:var(--accent)}.inline-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.inline-actions-label{color:#646779;font-size:11px;font-weight:800;line-height:1}.tabs,.output-tabs{display:flex;gap:3px;padding:6px;overflow-x:auto;border-bottom:1px solid var(--line);background:#fbfaf8}.tabs button,.output-tabs button{min-height:34px;border:0;background:transparent;padding:0 12px;white-space:nowrap}.tabs button.active,.output-tabs button.active{background:#fff;color:var(--accent);font-weight:800}.tab-pane{padding:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid label,.form-grid .field,.mode-controls label{display:grid;gap:6px}.form-grid label span,.form-grid .field>span,.mode-controls label span,.reference-editor label span,.multi-field>span{color:#6d6571;font-size:12px;font-weight:800}.form-grid input,.form-grid select{width:100%}.check-row{display:flex!important;align-items:center}.check-row input{min-height:auto}.mode-controls{margin-top:22px;padding-top:16px;border-top:1px solid var(--soft-line)}.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));align-items:start;gap:12px;margin-top:12px}.empty-reference-state{min-height:76px;display:grid;place-items:center;margin-top:12px;border:1px dashed #d9dce8;border-radius:10px;background:#fbfbfd;color:#727584;font-size:13px;font-weight:850}.reference-card{position:relative;align-self:start;overflow:visible;border:1px solid var(--line);background:#fff;border-radius:var(--radius)}.reference-card-actions{display:flex;justify-content:flex-end;padding:8px 10px 0}.reference-delete-button{min-height:28px;padding:0 9px;border:1px solid #f0d4d8;border-radius:999px;background:#fff7f8;color:#a33d4b;font-size:11px;font-weight:850}.reference-delete-button:hover{border-color:#e8b9c1;background:#fff0f2}.reference-editor{display:grid;grid-template-columns:minmax(54px,1fr) minmax(0,3fr);gap:8px 10px;padding:6px 10px 10px}.reference-editor label{display:grid;gap:5px;min-width:0}.reference-control-box{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:#fbfbfd}.reference-meta-field{gap:4px}.reference-meta-field input,.reference-meta-field select{min-height:34px;padding-block:5px;font-size:13px}.reference-meta-field>span{font-size:11px}.reference-control-box .multi-field{gap:4px}.reference-control-box .multi-field>span,.reference-precision-field>span{font-size:11px;font-weight:800}.reference-precision-field{display:grid;gap:4px}.reference-precision-field input[type=range]{width:100%;height:26px;min-height:26px}.reference-editor input,.reference-editor select,.reference-editor textarea{width:100%}.reference-editor textarea{min-height:54px;padding:8px 10px;resize:vertical}.multi-field{display:grid;gap:5px;min-width:0}.multi-select{position:relative}.multi-select summary{min-height:36px;padding:8px 28px 8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.reference-control-box .multi-select summary{min-height:30px;padding:5px 24px 5px 8px;font-size:12px;line-height:1.35}.multi-select summary::marker{color:var(--muted)}.multi-select[open] summary{border-color:#cfc7ea}.multi-options{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:5;display:grid;gap:2px;max-height:220px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.multi-options label{display:flex;align-items:flex-start;gap:7px;padding:6px;border-radius:6px}.multi-options label:hover{background:#f7f4ef}.multi-options input{width:auto;min-height:auto;margin-top:3px}.multi-options label span{color:var(--ink);font-size:12px;font-weight:600}.scroll-select-field{min-width:0}.custom-field-input{width:100%;min-height:36px;margin-top:6px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;font-size:13px}.scroll-dropdown{position:relative}.scroll-dropdown summary{min-height:36px;display:flex;align-items:center;padding:8px 34px 8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);cursor:pointer;list-style:none}.scroll-dropdown summary::-webkit-details-marker{display:none}.scroll-dropdown summary:after{content:"";position:absolute;right:12px;width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-2px)}.scroll-dropdown[open] summary{border-color:var(--accent);box-shadow:0 0 0 4px #6e4df61f}.scroll-dropdown[open] summary:after{transform:rotate(225deg) translate(-2px,-1px)}.scroll-dropdown-menu{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:20;display:grid;gap:3px;max-height:104px;overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);scrollbar-width:thin;scrollbar-color:var(--accent-mid) var(--surface-muted)}.scroll-dropdown-menu::-webkit-scrollbar{width:8px}.scroll-dropdown-menu::-webkit-scrollbar-track{background:var(--surface-muted);border-radius:999px}.scroll-dropdown-menu::-webkit-scrollbar-thumb{background:var(--accent-mid);border-radius:999px}.scroll-dropdown-menu button{min-height:32px;border:0;border-radius:8px;background:transparent;padding:6px 8px;color:var(--ink);text-align:left}.scroll-dropdown-menu button:hover,.scroll-dropdown-menu button.active{background:var(--accent-soft);color:var(--accent-text)}.constraint-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;margin-top:12px;overflow-x:auto}.constraint-column{min-height:180px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:#fbfaf8}.constraint-column.texture{background:#f2f7f1}.constraint-column.atmosphere{background:#f6f4ff}.constraint-column.color{background:#fff7e8}.constraint-column h3{margin:0 0 8px;text-transform:uppercase;font-size:12px}.constraint-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.constraint-heading .tooltip-panel{text-transform:none}.constraint-title{display:inline-flex;align-items:center;gap:5px}.constraint-column h3 span{color:var(--muted);font-weight:500}.constraint-item{position:relative;padding:7px 8px;margin-bottom:7px;border:1px solid rgba(100,90,105,.12);background:#fffc;border-radius:var(--radius)}.constraint-item textarea{width:100%;min-height:38px;padding:0;border:0;background:transparent;resize:vertical;line-height:1.45}.output-panel{display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.output-head{padding:16px;border-bottom:1px solid var(--line)}.output-head p{margin:0;color:var(--muted);font-size:12px}.output-scroll{overflow:auto;padding:14px 16px 90px}.warning-list{display:grid;gap:8px;margin-bottom:10px}.warning-card{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:10px;border:1px solid #ead6ad;background:var(--amber-soft);border-radius:var(--radius);color:#71572d;font-size:12px}.output-block{padding:14px;border:1px solid var(--line);background:#fff;border-radius:var(--radius)}.output-block h3{margin:0 0 10px;color:#76707c;font-size:12px;text-transform:uppercase;letter-spacing:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.output-footer{display:block;padding:12px 16px;border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:12px}@media(max-width:1279px){.studio-shell{grid-template-columns:minmax(0,1fr)}.sidebar{padding:12px 8px}.sidebar h2,.history-card,.dna-card{display:none}.output-panel{position:fixed;top:64px;right:0;bottom:0;width:min(420px,88vw);border-left:1px solid var(--line);box-shadow:var(--shadow);transform:translate(calc(100% - 48px));transition:transform .18s ease;z-index:3}.output-panel:hover,.output-panel:focus-within{transform:translate(0)}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.studio-app{height:auto;min-height:100vh;grid-template-rows:auto 1fr;overflow:visible}.topbar{position:sticky;top:0;grid-template-columns:1fr;padding:10px}.project-picker,.top-actions{flex-wrap:wrap}.studio-shell{display:block;background:var(--paper)}.sidebar{display:none}.workspace{overflow:visible;padding:16px 12px 120px}.page-heading,.panel-head,.section-row{display:grid}.segmented{width:100%;overflow-x:auto}h1{font-size:24px}.form-grid,.form-grid.three,.reference-grid,.reference-editor{grid-template-columns:1fr}.output-panel{position:fixed;top:auto;left:0;right:0;bottom:0;width:100%;max-height:48vh;transform:translateY(calc(100% - 58px));border-top:1px solid var(--line)}.output-panel:hover,.output-panel:focus-within{transform:translateY(0)}.output-footer{position:sticky;bottom:0}}body{background:#fff}.studio-app{height:100vh;grid-template-rows:1fr}.topbar{display:none}.studio-shell{height:100vh;grid-template-columns:minmax(620px,1fr) minmax(330px,380px);gap:0;background:#edf0f6}.sidebar,.workspace,.output-panel{background:#fff}.sidebar{padding:24px 18px;border-right:1px solid #ebedf3;gap:16px}.sidebar-brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.sidebar-brand .brand-mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,#1e1b25 0,#1e1b25 48%,#8a76ea 49%,#8a76ea);box-shadow:0 10px 24px #6551d538}.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand strong{font-size:14px;line-height:1.1}.sidebar-brand small{color:#6f7280;font-size:10px}.sidebar-project{display:grid;gap:6px;padding:10px;border:1px solid #eceef5;border-radius:14px;background:#fbfbfd}.sidebar-project>span{color:#777988;font-size:10px;font-weight:800}.sidebar-project select{width:100%;min-height:34px}.sidebar h2,.output-head h2{color:#141722;font-size:13px;text-transform:none;letter-spacing:0}.history-card{border-top:1px solid #eceef5;padding-top:12px;gap:8px}.history-list{max-height:126px;overflow:auto}.quality-card,.tip-card{display:grid;gap:8px;padding:14px;border:1px solid #eceef5;border-radius:14px;background:#fff;box-shadow:0 10px 28px #1b1f2d0a}.quality-card{margin-top:auto}.prompt-quality-card{margin-top:0}.quality-card p,.tip-card p{margin:0;color:#737686;font-size:12px}.quality-ring{--score: 93%;width:66px;height:66px;display:grid;place-items:center;border-radius:999px;background:conic-gradient(#8571e8 var(--score),#eff0f6 0);position:relative}.quality-ring:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:inherit;background:#fff}.quality-ring strong{position:relative;color:#20202b;font-size:16px}.tip-card{background:#f7f4ff;color:#6b57d7}.dna-card{display:none}.sidebar-locale{display:flex;gap:4px;margin:0;padding:4px;border:1px solid #eceef5;border-radius:12px;background:#fbfbfd}.sidebar-locale legend{position:absolute;opacity:0}.sidebar-locale button{flex:1;min-height:30px;border:0;border-radius:9px;background:transparent;color:#777988;font-weight:800}.sidebar-locale button.active{background:#fff;color:#6f5ee2;box-shadow:0 4px 12px #1b1f2d14}.workspace{padding:30px clamp(24px,4vw,46px) 96px;background:#fff}.workspace-inner{max-width:820px;margin:0 auto}.breadcrumb{color:#8a8d9c;font-size:12px}.page-heading{display:grid;grid-template-columns:1fr auto auto;align-items:start;gap:14px;margin-bottom:20px}.page-heading>div{min-width:0}h1{font-size:27px;letter-spacing:0}.page-heading p{color:#727584}.guide-button{border-color:#eceef5;background:#fff;color:#333542}.guide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;background:#18161e57;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.guide-panel{width:min(720px,100%);max-height:min(720px,calc(100vh - 40px));overflow:auto;border:1px solid #e5e7ef;border-radius:14px;background:#fffdfa;box-shadow:0 24px 70px #18161e38;padding:18px}.guide-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid #eceef5}.guide-head h2{margin:0 0 5px;font-size:18px}.guide-head p{margin:0;max-width:56ch;color:#727584}.guide-close{flex:0 0 auto}.guide-list{display:grid;gap:8px;margin-top:14px}.guide-step{border:1px solid #eceef5;border-radius:10px;background:#fff;padding:12px}.guide-step h3{margin:0 0 4px;font-size:13px}.guide-step p{margin:0;color:#646779;line-height:1.55}.page-locale{align-self:start;border-color:#eceef5;background:#fbfbfd}.segmented{grid-column:1 / -1;justify-self:stretch;border:1px solid #eceef5;background:#f7f7fb}.panel{border-color:#e7e9f1;border-radius:14px;box-shadow:0 14px 38px #1b1f2d0b;margin-bottom:18px}.panel-head{align-items:center}.panel h2,.tab-pane h2{font-size:15px}.number-badge{background:#f2efff;color:#735ee5}.basic-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px;margin-bottom:12px}.basic-settings-grid label,.basic-settings-grid .field,.basic-settings-grid fieldset{display:grid;gap:8px;min-width:0}.basic-settings-grid label>span,.basic-settings-grid .field>span,.inline-language legend{color:#2d303c;font-size:12px;font-weight:800}.basic-settings-grid input,.basic-settings-grid select{width:100%;min-height:42px;border-color:#e5e7ef;border-radius:10px}.basic-settings-grid .scroll-dropdown summary{min-height:42px}.basic-reference-section{display:grid;gap:10px;margin:2px 0 14px;padding-top:12px;border-top:1px solid #eceef5}.basic-reference-section .section-row{align-items:center}.reference-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.empty-reference-state.compact{min-height:58px;margin-top:0}.mood-bottom-panel .embedded-constraints{margin-top:0;padding-top:0;border-top:0}.label-with-tooltip,.heading-with-tooltip{display:inline-flex;align-items:center;gap:6px}.inline-language{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;border:0}.inline-language legend{grid-column:1 / -1;position:static;opacity:1}.inline-language>button{min-height:40px;border:1px solid #e5e7ef;background:#fff;color:#595d6d}.inline-language>button.active{border-color:#d8d0ff;background:#f3f0ff;color:#6e5ade;font-weight:800}.intent-box{border-color:#e5e0fa;border-radius:13px;background:#fcfbff;padding:10px}.intent-box textarea{min-height:88px}.embedded-constraints{margin-top:12px;padding-top:12px;border-top:1px solid #eceef5}.mood-amplifier-summary{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px;border:1px solid #e5e7ef;border-radius:10px;background:#fff;cursor:pointer;list-style:none}.mood-amplifier-summary::-webkit-details-marker{display:none}.mood-summary-title{flex:1;color:#2d303c;font-size:13px;font-weight:850}.mood-summary-count{min-width:24px;min-height:24px;display:inline-grid;place-items:center;border-radius:999px;background:#f5f2ff;color:#6e5ade;font-size:11px;font-weight:850}.mood-amplifier-summary:after{content:"+";color:#6e5ade;font-weight:900}.embedded-constraints[open] .mood-amplifier-summary{border-color:#4f36c93d;background:#fbfaff}.embedded-constraints[open] .mood-amplifier-summary:after{content:"-"}.mood-amplifier-body{margin-top:10px}.embedded-constraints .section-row{align-items:center;margin-bottom:10px}.mood-actions-row{justify-content:flex-end}.embedded-constraints .inline-actions{gap:4px}.embedded-constraints .inline-actions button{min-height:28px;padding:0 8px;border-radius:999px;font-size:11px}.constraint-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:0;overflow:visible}.constraint-grid.compact .constraint-column{min-height:0;padding:10px}.constraint-grid.compact .constraint-column h3{margin-bottom:7px;font-size:11px}.constraint-examples{margin:0 0 8px}.constraint-add-button{width:100%;min-height:26px;margin:0 0 7px;padding:0 8px;border:1px dashed rgba(79,54,201,.28);border-radius:8px;background:#fbfaff;color:#4f36c9;font-size:11px;font-weight:800}.constraint-add-button:hover{border-style:solid;background:#f5f2ff}.constraint-examples summary{width:fit-content;min-height:24px;display:inline-flex;align-items:center;padding:3px 8px;border:1px solid #e5e7ef;border-radius:999px;background:#fff;color:#646779;font-size:11px;font-weight:800;line-height:1.2;cursor:pointer;list-style:none}.constraint-examples summary::-webkit-details-marker{display:none}.constraint-examples[open] summary{margin-bottom:6px;border-color:#4f36c93d;background:#f5f2ff;color:#4f36c9}.constraint-example-list{display:flex;flex-wrap:wrap;gap:5px}.constraint-example-chip{min-height:24px;max-width:100%;padding:3px 7px;border:1px solid #e5e7ef;border-radius:999px;background:#fff;color:#646779;font-size:11px;font-weight:700;line-height:1.2;text-align:left}.constraint-example-chip:hover,.constraint-example-chip.active{border-color:#4f36c947;background:#f5f2ff;color:#4f36c9}.constraint-grid.compact .constraint-item{display:grid;gap:6px;padding:6px 7px;margin-bottom:6px}.constraint-grid.compact .constraint-item textarea{min-height:32px;font-size:12px}.constraint-decision{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.constraint-decision button{min-height:26px;padding:0 6px;border:1px solid #e5e7ef;border-radius:8px;background:#fff;color:#6a6e7d;font-size:11px;font-weight:800}.constraint-decision button.active{border-color:#4f36c947;background:#f5f2ff;color:#4f36c9}.constraint-delete-button{justify-self:end;width:24px;height:24px;min-height:24px;padding:0;border:1px solid rgba(180,54,80,.2);border-radius:999px;background:#fff8f9;color:#9f2742;font-size:16px;font-weight:800;line-height:1}.constraint-delete-button:hover{border-color:#b4365057;background:#fff0f3}.tabs{padding:6px;background:#fbfbfd;border-radius:14px 14px 0 0}.tab-pane{padding:20px}.form-grid,.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}.tabs button{border-radius:10px}.tabs button.active{box-shadow:0 5px 16px #1b1f2d0f}.form-grid label span,.form-grid .field>span,.mode-controls label span,.reference-editor label span,.multi-field>span{color:#303240;font-size:12px}.form-grid input,.form-grid select,.reference-editor input,.reference-editor select,.multi-select summary,.constraint-item{border-color:#e5e7ef;border-radius:10px}.reference-card{border-color:#e5e7ef;border-radius:13px}.output-panel{border-left:1px solid #ebedf3;background:#fff}.output-head{padding:26px 18px 14px}.output-head p{display:none}.output-tabs{margin:0 18px 10px;padding:6px;border:1px solid #eceef5;border-radius:13px;background:#fbfbfd}.output-tabs button{flex:1;border-radius:10px}.output-tabs button.active{background:#f3f0ff;color:#6e5ade}.output-scroll{padding:14px 18px 24px}.output-block{margin-bottom:18px;border-color:#e7e9f1;border-radius:14px;box-shadow:0 12px 30px #1b1f2d0a}.output-block h3{color:#1f2230;font-size:13px;text-transform:none}.output-block pre{max-height:410px;margin:0;padding:16px;border:1px solid #e7e9f1;border-radius:10px;background:#fbfbfd;color:#303240;overflow:auto}.preview-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.json-action-card{background:#fbfbff}.json-action-card.ready{border-color:#4f36c92e;background:#f8f6ff}.json-action-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.json-action-head h3{margin:0}.llm-paste-instruction{margin:2px 0 0;color:#5e6472;font-size:12px;line-height:1.5}.button:disabled{cursor:wait;opacity:.68}.prompt-health-card{gap:12px}.prompt-health-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.prompt-health-main h3{margin-bottom:6px}.prompt-health-card .quality-ring{width:56px;height:56px}.prompt-health-card .quality-ring:before{top:8px;right:8px;bottom:8px;left:8px}.prompt-health-card .quality-ring strong{font-size:14px}.prompt-health-card p{font-size:11px;line-height:1.35}.prompt-health-length{display:grid;gap:7px;padding-top:10px;border-top:1px solid #eceef5;color:#6f7280;font-size:12px}.metric-row{display:flex;justify-content:space-between;color:#6f7280}.length-meter{height:7px;overflow:hidden;border-radius:999px;background:#eff0f6}.length-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#735ee5,#9d8df5)}.checklist-card ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.checklist-card li{color:#4f5362;font-size:12px}.checklist-card li:before{content:"✓";margin-right:9px;color:#735ee5;font-weight:900}.empty-checklist{margin:0;color:#8a8791;font-size:12px;line-height:1.45}.reference-cta{background:#fbf9ff;color:#6e5ade}.reference-cta p{margin:0 0 12px;color:#7a6fbb}@media(max-width:1279px){.studio-shell{grid-template-columns:minmax(0,1fr)}.sidebar-brand span,.sidebar-project,.sidebar h2,.history-card,.tip-card,.sidebar-locale{display:none}.output-panel{top:0}}@media(max-width:767px){.studio-app{height:auto;overflow:visible}.studio-shell{display:block}.sidebar{display:none}.workspace{padding:20px 14px 140px}.page-heading{display:grid;grid-template-columns:1fr}.guide-button,.page-locale{justify-self:start}.guide-overlay{padding:12px;align-items:start}.guide-head{display:grid}.basic-settings-grid,.form-grid,.form-grid.three,.reference-grid,.constraint-grid,.constraint-grid.compact{grid-template-columns:1fr}.output-panel{top:auto}}:root{--font-en: Inter, Geist, "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-ko: Pretendard, "SUIT", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--bg: #fbfaf8;--surface: #ffffff;--surface-soft: #f7f4ff;--surface-muted: #f4f1ed;--text: #17151f;--text-soft: #5e5a6b;--text-muted: #9b96a8;--paper: var(--surface);--panel: var(--surface);--ink: var(--text);--muted: var(--text-soft);--line: #e7e0d8;--line-strong: #d8cfc6;--soft-line: #f0ebe6;--accent: #6e4df6;--accent-soft: #eee9ff;--accent-mid: #d8ccff;--accent-text: #5133d8;--warning-bg: #fff7e8;--warning-line: #f3d4a4;--warning-text: #8a5a11;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius: var(--radius-sm);--shadow-card: 0 14px 40px rgba(40, 32, 65, .06);--shadow-soft: 0 8px 24px rgba(40, 32, 65, .05);--shadow: var(--shadow-card);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--preview-width: 380px;--control-height: 44px}body{background:var(--bg);color:var(--text);font-family:var(--font-en)}.studio-app{height:auto;min-height:100dvh;overflow:visible;background:radial-gradient(circle at 52% 0%,rgba(110,77,246,.07),transparent 34%),var(--bg);color:var(--text);font-family:var(--font-en);font-size:15px;line-height:1.55;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}.studio-app[data-lang=ko]{font-family:var(--font-ko);word-break:keep-all;line-break:strict;letter-spacing:0}.studio-app[data-lang=en]{font-family:var(--font-en);word-break:normal;letter-spacing:0}.studio-app[data-lang=ko] .button,.studio-app[data-lang=ko] .tabs button,.studio-app[data-lang=ko] .output-tabs button,.studio-app[data-lang=ko] .basic-settings-grid label>span,.studio-app[data-lang=ko] .inline-language legend,.studio-app[data-lang=ko] .form-grid label span,.studio-app[data-lang=ko] .form-grid .field>span,.studio-app[data-lang=ko] .reference-editor label span,.studio-app[data-lang=ko] .multi-field>span{font-weight:650}.studio-app[data-lang=en] .button,.studio-app[data-lang=en] .tabs button,.studio-app[data-lang=en] .output-tabs button,.studio-app[data-lang=en] .basic-settings-grid label>span,.studio-app[data-lang=en] .inline-language legend,.studio-app[data-lang=en] .form-grid label span,.studio-app[data-lang=en] .form-grid .field>span,.studio-app[data-lang=en] .reference-editor label span,.studio-app[data-lang=en] .multi-field>span{font-weight:600}.studio-shell{height:auto;min-height:100dvh;align-items:start;grid-template-columns:minmax(620px,1fr) minmax(330px,var(--preview-width));background:transparent}.workspace{padding:var(--space-7) clamp(var(--space-6),4vw,var(--space-8)) var(--space-6);background:transparent;overflow:visible}.output-panel{position:sticky;top:0;align-self:start;height:100dvh;max-height:100dvh;padding:0;border-left:1px solid var(--line);background:#ffffffc7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.panel,.output-block,.reference-card,.intent-box,.quality-card,.tip-card{border-color:var(--line);border-radius:var(--radius-md);background:#ffffffd1;box-shadow:var(--shadow-card)}.panel{padding:var(--space-5)}.page-heading{gap:var(--space-4);margin-bottom:var(--space-5)}h1{font-size:clamp(30px,4vw,40px);font-weight:820;line-height:1.08;letter-spacing:0}.studio-app[data-lang=ko] h1{line-height:1.15;letter-spacing:0}.page-heading p{margin:6px 0 4px;max-width:720px;color:var(--text-soft);font-size:15px;line-height:1.6;white-space:pre-line}select,input{min-height:var(--control-height)}select,input,textarea,.multi-select summary,.scroll-dropdown summary{border-color:var(--line-strong);border-radius:var(--radius-sm)}input:focus,select:focus,textarea:focus,.multi-select[open] summary,.scroll-dropdown[open] summary{border-color:var(--accent);box-shadow:0 0 0 4px #6e4df61f}.button,.inline-actions button{min-height:var(--control-height);border-color:var(--line-strong);border-radius:var(--radius-sm);transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease}.button:hover,.inline-actions button:hover{transform:translateY(-1px);border-color:var(--accent-mid);box-shadow:var(--shadow-soft)}.button.primary{border-color:var(--accent);background:linear-gradient(135deg,#8c75ff,var(--accent))}.button.soft,.inline-language>button.active,.language-switcher button.active,.output-tabs button.active,.tabs button.active{color:var(--accent-text);border-color:var(--accent-mid);background:var(--accent-soft)}.language-switcher,.segmented,.output-tabs,.tabs{border-color:var(--line);background:var(--surface-muted)}.output-block pre{font-family:var(--font-en);letter-spacing:0;word-break:normal;line-height:1.68}.studio-app[data-lang=ko] .intent-box textarea,.studio-app[data-lang=ko] .reference-editor textarea{line-height:1.72}.warning-card{border-color:var(--warning-line);background:var(--warning-bg);color:var(--warning-text)}.length-meter{height:8px;background:#eeeaf2}.length-meter span{background:linear-gradient(90deg,#b7a8ff,var(--accent))}.quality-ring{color:var(--accent-text);background:radial-gradient(circle at center,white 56%,transparent 58%),conic-gradient(var(--accent) var(--score),#eeeaf2 0)}.quality-ring:before{display:none}.quality-ring strong{color:var(--accent-text)}:root{--control-height: 44px;--control-inner-height: 36px}select,input:not([type=checkbox]):not([type=range]),.button,.inline-actions button,.inline-language>button,.scroll-dropdown summary,.multi-select summary{min-height:var(--control-height)}.button,.inline-actions button,.inline-language>button,.scroll-dropdown summary,.multi-select summary{display:inline-flex;align-items:center}.button,.inline-actions button,.inline-language>button{justify-content:center}.language-switcher,.segmented,.tabs,.output-tabs{min-height:var(--control-height);padding:4px}.language-switcher button,.segmented button,.tabs button,.output-tabs button{min-height:var(--control-inner-height)}.scroll-dropdown summary,.multi-select summary{width:100%;padding-top:0;padding-bottom:0}.scroll-dropdown-menu button,.multi-options label{min-height:var(--control-inner-height)}.basic-settings-grid>label,.basic-settings-grid>fieldset{grid-template-rows:auto var(--control-height);align-content:start}.inline-language{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.inline-language legend{margin-bottom:8px;display:inline-flex;align-items:center;gap:6px}.inline-language>button{width:100%;height:var(--control-height);min-height:var(--control-height);border-color:var(--line-strong)}.inline-language>button:first-of-type{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.inline-language>button:last-of-type{margin-left:-1px;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.tooltip{position:relative;display:inline-flex;align-items:center}.tooltip-trigger{width:18px;height:18px;min-height:18px;display:inline-grid;place-items:center;border:1px solid var(--line-strong);border-radius:999px;background:#fff;color:var(--text-soft);padding:0;font-size:11px;font-weight:800;line-height:1;box-shadow:none;transform:none}.tooltip-panel{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:30;width:min(360px,82vw);padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow-soft);color:var(--text-soft);font-size:12px;font-weight:500;line-height:1.45;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .14s ease,transform .14s ease}.tooltip:hover .tooltip-panel,.tooltip:focus-within .tooltip-panel{opacity:1;transform:translate(-50%)}.reference-control-box .multi-select summary{min-height:30px;padding:0 24px 0 8px;font-size:12px;line-height:1.35}.reference-control-box .multi-options{position:static;grid-template-columns:repeat(2,minmax(0,1fr));max-height:150px;margin-top:4px;gap:3px;padding:5px;box-shadow:none}.reference-control-box .multi-options label{min-height:28px;padding:5px}.reference-meta-field input,.reference-meta-field select{min-height:34px;padding-top:5px;padding-bottom:5px;font-size:13px}.reference-meta-field input[type=number]{text-align:center;font-weight:800}.reference-precision-field input[type=range]{height:26px;min-height:26px}@media(max-width:1279px)and (min-width:768px){.studio-shell{grid-template-columns:minmax(0,1fr)}.output-panel{position:fixed;top:0;right:0;bottom:0;left:auto;width:min(420px,88vw);height:auto;max-height:none;transform:translate(calc(100% - 48px))}.output-panel:hover,.output-panel:focus-within{transform:translate(0)}}@media(max-width:767px){.studio-app{height:auto;min-height:100dvh;overflow:visible}.studio-shell{height:auto;min-height:100dvh;display:block}.workspace{padding:var(--space-5) var(--space-4) calc(58px + var(--space-5));overflow:visible}.output-panel{position:fixed;top:auto;left:0;right:0;bottom:0;width:100%;height:auto;max-height:48vh;transform:translateY(calc(100% - 58px));border-top:1px solid var(--line)}.output-panel:hover,.output-panel:focus-within{transform:translateY(0)}}