:root{color:#1e2925;font-synthesis:none;--paper:#fffefa;--ink:#1e2925;--muted:#68716d;--rule:#d9dbd4;--green:#246347;--green-dark:#194832;--sky:#ddecf4;--terra:#a9543c;background:#f4f3ee;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f4f3ee;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.password-page{background:radial-gradient(circle at 24% 18%,#dcebe3 0 9%,#0000 9.3%),linear-gradient(135deg,#f7f5ee 0 62%,#dcebf2 62%);place-items:center;min-height:100vh;padding:24px;display:grid}.password-card{background:#fffefaf5;border:1px solid #c8cdc7;width:min(440px,100%);padding:42px;box-shadow:0 22px 70px #1e292526}.password-kicker{color:var(--green);letter-spacing:.13em;font-size:9px;font-weight:900}.password-card h1{letter-spacing:-.04em;margin:8px 0 14px;font-family:Georgia,Noto Serif KR,serif;font-size:31px}.password-card>p{color:var(--muted);margin:0 0 25px;font-size:12px;line-height:1.65}.password-card label{color:#46504c;flex-direction:column;gap:7px;font-size:11px;font-weight:800;display:flex}.password-card input{background:#fff;border:1px solid #bfc5be;outline:none;height:46px;padding:0 12px}.password-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px #2463471f}.password-card>button{background:var(--green);color:#fff;cursor:pointer;border:0;width:100%;height:48px;margin-top:13px;font-weight:900}.password-card>button:disabled{opacity:.55;cursor:wait}.password-error{color:#9a3e2e;background:#fff0eb;margin-top:9px;padding:8px 9px;font-size:10px;display:block}.app{background:var(--paper);flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--rule);background:#fffefaf5;justify-content:space-between;align-items:center;height:66px;padding:0 28px;display:flex}.brand{align-items:baseline;gap:24px;display:flex}.brand strong{letter-spacing:-.04em;font-family:Georgia,Noto Serif KR,serif;font-size:25px}.brand span{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:flex}.brand i{background:var(--green);border-radius:50%;width:8px;height:8px}.header-actions{gap:8px;display:flex}.header-actions button{cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:9px 12px;display:flex}.header-actions button:hover{background:#f0f2ed}.workspace{flex:1;min-height:0;position:relative}.form-pane{min-width:0;padding-right:80px}.form-section{border-bottom:1px solid var(--rule);min-width:0;padding:17px 22px 18px}.form-section h2{letter-spacing:-.01em;margin:0 0 13px;font-family:Georgia,Noto Serif KR,serif;font-size:15px}.form-section h2 span{color:var(--green)}.form-section.source-locked h2:after{content:"레퍼런스 출처 사용 중";color:var(--muted);vertical-align:2px;background:#eceee9;border-radius:2px;margin-left:8px;padding:3px 6px;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:8px}.section-group-label{border-top:5px solid #ecebe4;border-bottom:1px solid var(--rule);background:#f7f6f1;align-items:baseline;gap:10px;padding:12px 22px 10px;display:flex}.section-group-label strong{color:var(--green-dark);font-family:Georgia,Noto Serif KR,serif;font-size:14px}.section-group-label span{color:var(--muted);font-size:9px}.split-row{border-bottom:1px solid var(--rule);grid-template-columns:1fr 1fr;display:grid}.split-row .form-section{border-bottom:0}.split-row .form-section+.form-section{border-left:1px solid var(--rule)}.grid{gap:11px;display:grid}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:.8fr .8fr 1.4fr}.grid.four{grid-template-columns:1.45fr .75fr .6fr .85fr}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>span,.mini-label{color:#46504c;font-size:12px;font-weight:700}.field input,.field select,.field output,.tag-input input{width:100%;height:39px;color:var(--ink);background:#fff;border:1px solid #cfd3cc;border-radius:3px;outline:none;padding:0 11px;font-size:13px}.field input:focus,.field select:focus,.tag-input input:focus{border-color:var(--green);box-shadow:0 0 0 2px #2463471a}.field input:disabled,.field select:disabled,.tag-input input:disabled{color:#9a9f9a;cursor:not-allowed;box-shadow:none;background:#efefeb;border-color:#dedfd9}.field output{color:var(--green-dark);white-space:nowrap;text-overflow:ellipsis;background:#f5f8f4;align-items:center;display:flex;overflow:hidden}.invariant{color:#8d3628;background:#fff9f5;border:1px solid #d18a73;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;font-size:12px;display:flex}.invariant strong{font-size:13px}.background-line{justify-content:space-between;align-items:center;display:flex}.background-line>div{align-items:baseline;gap:16px;display:flex}.background-line small{color:var(--muted)}.toggle{cursor:pointer;background:#ccd0cc;border:1px solid #aeb5af;border-radius:14px;width:43px;height:24px;padding:2px}.toggle span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;display:block}.toggle.on{background:var(--green);border-color:var(--green)}.toggle.on span{transform:translate(17px)}.tag-editor{flex-direction:column;gap:9px;display:flex}.tags{flex-wrap:wrap;gap:6px;min-height:29px;display:flex}.tag{color:var(--green-dark);cursor:pointer;background:#f1f7f0;border:1px solid #a9bdaf;border-radius:3px;padding:5px 8px;font-size:12px}.tag span{color:#7b8981;margin-left:5px}.tag:disabled,.tag-input button:disabled{color:#a0a49f;cursor:not-allowed;background:#efefeb;border-color:#d9dad5}.tag-editor.disabled .tags{opacity:.62}.tag-input{gap:6px;display:flex}.tag-input input{height:33px}.tag-input button{cursor:pointer;background:#fff;border:1px solid #c8cdc7;padding:0 12px}.palette-editor{grid-template-columns:.85fr 1.15fr;gap:12px;display:grid}.palette-editor>div{flex-direction:column;gap:6px;display:flex}.color-palette-picker{flex-direction:column;gap:10px;display:flex}.color-mode-picker{background:#f6f8f4;border:1px solid #d5dbd3;align-items:center;gap:7px;padding:9px;display:flex}.color-mode-picker button{min-height:32px;color:var(--muted);cursor:pointer;background:#fff;border:1px solid #bfc8bf;padding:0 12px}.color-mode-picker button.active{border-color:var(--green);background:var(--green);color:#fff;font-weight:700}.color-mode-picker small{color:var(--muted);margin-left:5px;font-size:9.5px;line-height:1.45}.selected-palette{gap:8px;min-height:39px;display:flex}.selected-swatch,.empty-swatch{border:1px solid #9fa59d;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.selected-swatch{cursor:pointer;padding:0;box-shadow:inset 0 0 0 2px #fff}.selected-swatch span,.empty-swatch{color:#30362f;font-size:10px;font-weight:800}.selected-swatch span{background:#ffffffd1;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.empty-swatch{color:#9da09a;background:#f3f2ed;border-style:dashed}.palette-tabs{background:#eceee9;border-radius:5px;grid-template-columns:repeat(4,minmax(0,1fr));padding:3px;display:grid}.palette-tabs button{min-width:0;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:7px 5px;font-size:10px}.palette-tabs button:hover{color:var(--green-dark)}.palette-tabs button.active{color:var(--green-dark);background:#fff;font-weight:800;box-shadow:0 1px 3px #1e29251f}.swatch-grid{grid-template-columns:repeat(10,25px);gap:6px;display:grid}.swatch-grid button{cursor:pointer;border:1px solid #1e282038;border-radius:50%;width:25px;height:25px;padding:0;transition:transform .12s,box-shadow .12s}.swatch-grid button:hover:not(:disabled){transform:scale(1.12)}.swatch-grid button.selected{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--green)}.swatch-grid button:disabled{opacity:.28;cursor:not-allowed}.palette-actions{align-items:center;gap:7px;display:flex}.palette-actions>button,.custom-color{cursor:pointer;background:#fff;border:1px solid #c8cdc7;align-items:center;gap:7px;height:31px;padding:0 9px;font-size:10px;display:inline-flex}.palette-actions>button:disabled{opacity:.45;cursor:not-allowed}.palette-actions small{color:var(--muted);margin-left:auto;font-size:9px}.custom-color input{cursor:pointer;background:0 0;border:0;width:21px;height:21px;padding:0}.custom-color input:disabled{cursor:not-allowed}.palette-scope,.field-scope{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.palette-scope{border-left:3px solid var(--green);background:#f1f5ef;padding:8px 10px}.palette-scope strong{color:var(--green-dark);margin-right:5px}.field-scope{margin-top:9px}.status-swatches{align-items:center;gap:5px;display:flex}.status-swatches i{border:1px solid #1e282040;border-radius:50%;width:17px;height:17px}.pipeline-overview{background:#f6f8f3;border:1px solid #cfd8cf;margin-bottom:20px;padding:16px}.pipeline-overview-head{grid-template-columns:auto 1fr;align-items:baseline;gap:4px 12px;display:grid}.pipeline-overview-head>strong{color:var(--green-dark);font-family:Georgia,Noto Serif KR,serif;font-size:17px}.pipeline-overview-head>small{color:var(--muted);grid-column:2;font-size:10px;line-height:1.5}.pipeline-overview ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.pipeline-overview li{background:#fff;border:1px solid #d9ded7;align-items:flex-start;gap:9px;min-width:0;padding:11px;display:flex}.pipeline-overview li>b{color:#71907b;flex:none;font:700 10px/1.4 Cascadia Code,Consolas,monospace}.pipeline-overview li>span{flex-direction:column;gap:4px;min-width:0;display:flex}.pipeline-overview li strong{color:var(--green-dark);font-size:11px}.pipeline-overview li small{color:var(--muted);font-size:9px;line-height:1.45}.pipeline-overview>p{border-left:3px solid var(--green);color:var(--muted);margin:10px 0 0;padding-left:10px;font-size:9.5px;line-height:1.5}.output-settings{grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);align-items:end;gap:22px;display:grid}.output-settings>div:first-child{min-width:0}.aspect-ratio-options{grid-template-columns:repeat(5,minmax(72px,1fr));gap:8px;margin-top:7px;display:grid}.aspect-ratio-options button{color:#4f5751;cursor:pointer;background:#fff;border:1px solid #c9cdc7;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-height:91px;padding:8px 5px 7px;display:flex}.aspect-ratio-options button:hover{background:#f7faf6;border-color:#8fa192}.aspect-ratio-options button.selected{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);color:var(--green-dark);background:#edf5ed}.aspect-ratio-options i{background:#dfe7df;border:1px solid #718077;display:block}.aspect-ratio-options button.selected i{background:var(--green);border-color:var(--green-dark)}.aspect-ratio-options strong{font-size:11px}.auto-title-panel{border-left:3px solid var(--green);background:#f1f5ef;flex-direction:column;justify-content:center;gap:7px;min-height:91px;padding:11px 12px;display:flex}.auto-title-panel output{color:var(--green-dark);word-break:break-all;font-size:12px;font-weight:800}.auto-title-panel small{color:var(--muted);font-size:9px;line-height:1.5}.reference-section{background:#fbfaf5}.reference-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.reference-card{background:#fff;border:1px solid #cfd3cc;flex-direction:column;min-width:0;display:flex}.reference-card.locked{background:#f8fbf7;border-color:#96ad9e}.reference-card-head{border-bottom:1px solid #e1e3dd;justify-content:space-between;align-items:center;height:29px;padding:0 9px;display:flex}.reference-card-head span{color:var(--muted);letter-spacing:.08em;font-size:8px;font-weight:900}.reference-card-head b{color:var(--green-dark);background:#dfece2;border-radius:10px;padding:3px 7px;font-size:9px}.reference-preview{background:#f0eee7;border-bottom:1px solid #e1e3dd;height:180px;position:relative;overflow:hidden}.reference-preview img{object-fit:cover;width:100%;height:100%;display:block}.reference-card.locked .reference-preview img,.reference-card.contain-preview .reference-preview img{object-fit:contain;background:#fff}.reference-hover-preview{display:none}@media (hover:hover) and (pointer:fine){.reference-preview.has-image{cursor:zoom-in}.reference-preview.has-image:hover{overflow:visible}.reference-preview.has-image:hover .reference-hover-preview{z-index:1000;pointer-events:none;background:#fff;border:1px solid #8f9b91;justify-content:center;align-items:center;width:min(680px,100vw - 32px);height:min(78vh,760px);margin:0;padding:10px;display:flex;position:fixed;top:52px;left:50%;transform:translate(-50%);box-shadow:0 18px 55px #1222184d}.reference-preview.has-image:hover .reference-hover-preview img,.reference-card.locked .reference-preview.has-image:hover .reference-hover-preview img{object-fit:contain;background:#fff;width:auto;max-width:100%;height:auto;max-height:100%}}.reference-preview.empty{background:repeating-linear-gradient(-45deg,#f5f3ed 0 10px,#faf9f5 10px 20px);place-items:center;display:grid}.reference-preview.empty>div{text-align:center;max-width:170px;color:var(--muted);flex-direction:column;align-items:center;gap:6px;font-size:11px;display:flex}.reference-preview.empty strong{border:1px solid #b9beb7;border-radius:50%;place-items:center;width:30px;height:30px;font-size:19px;font-weight:400;display:grid}.reference-card-body{min-height:85px;padding:10px}.reference-card-body h3{margin:0;font-family:Georgia,Noto Serif KR,serif;font-size:13px}.reference-card-body>p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 8px;font-size:10px;overflow:hidden}.role-pills{flex-wrap:wrap;gap:4px;display:flex}.role-pills span{background:var(--sky);color:#315c72;border-radius:2px;padding:3px 5px;font-size:9px;font-weight:800}.role-pills span.muted{color:#838985;background:#efefeb}.reference-actions{border-top:1px solid #e1e3dd;align-items:center;gap:5px;min-height:39px;padding:7px 9px;display:flex}.reference-actions button,.reference-actions a{height:25px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #bbc1ba;align-items:center;padding:0 8px;font-size:9px;font-weight:700;text-decoration:none;display:inline-flex}.reference-actions a{color:var(--green);margin-left:auto}.lock-note{color:var(--green-dark);font-size:10px;font-weight:800}.library-status{color:var(--green-dark);background:#edf5ee;margin-top:8px;padding:8px 10px;font-size:10px}.library-status.error{color:#9a3e2e;background:#fff0eb}.routing-intro{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:10px 0 8px;display:flex}.routing-intro>div{align-items:baseline;gap:10px;display:flex}.routing-intro strong{font-family:Georgia,Noto Serif KR,serif;font-size:13px}.routing-intro span{color:var(--muted);font-size:10px}.routing-intro>b{color:var(--green);font-size:9px}.routing-workbench{background:#fff;border:1px solid #d6d9d2;grid-template-columns:minmax(405px,.78fr) minmax(430px,1.22fr);display:grid;overflow:hidden}.routing-table{background:#fff;border-right:1px solid #cfd3cc;min-width:0;overflow:hidden}.routing-row{border-bottom:1px solid #e3e4df;grid-template-columns:minmax(132px,1fr) repeat(5,44px);min-height:48px;display:grid}.routing-row:last-child{border-bottom:0}.routing-feature{text-align:left;cursor:pointer;background:#fff;border:0;border-right:1px solid #e3e4df;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:8px 11px;display:flex}.routing-feature b{font-size:13px;line-height:1.25}.routing-feature small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:3px;font-size:9px;line-height:1.25;overflow:hidden}.routing-row.active .routing-feature{box-shadow:inset 4px 0 0 var(--green);color:var(--green-dark);background:#edf5ee}.routing-feature:hover{background:#f5f8f4}.routing-row>label{cursor:pointer;border-right:1px solid #e3e4df;place-items:center;display:grid;position:relative}.routing-row>label:last-child{border-right:0}.routing-row input{opacity:0;pointer-events:none;position:absolute}.routing-row label i{background:#fff;border:1px solid #aeb5af;border-radius:50%;width:16px;height:16px}.routing-row label:has(input:checked){background:#edf5f8}.routing-row label:has(input:checked) i{border:5px solid #4f879f}.routing-row label.disabled{cursor:not-allowed;background:#f2f1ed}.routing-row label.disabled i{background:#c5c7c2;border:0;border-radius:0;width:9px;height:1px}.routing-header{background:#f1f2ed;min-height:34px}.routing-header>span{color:#35413c;border-right:1px solid #e0e1db;align-items:center;padding:8px 11px;font-size:12px;font-weight:900;display:flex}.routing-header>strong{text-align:center;border-right:1px solid #e0e1db;place-items:center;padding:4px 2px;font-size:10px;display:grid}.routing-warning{color:#9a3e2e;background:#fff0eb;margin:7px 0 0;padding:7px 9px;font-size:10px}.feature-inspector{background:#fbfcf9;flex-direction:column;min-width:0;display:flex}.feature-inspector>header{border-bottom:1px solid #dfe2dc;justify-content:space-between;align-items:center;gap:12px;min-height:59px;padding:10px 14px;display:flex}.feature-inspector>header small{color:var(--green);letter-spacing:.05em;margin-bottom:2px;font-size:9px;font-weight:900;display:block}.feature-inspector>header h3{margin:0;font-family:Georgia,Noto Serif KR,serif;font-size:18px}.inspector-source{max-width:150px;color:var(--green-dark);white-space:nowrap;text-overflow:ellipsis;background:#e7eee8;padding:5px 8px;font-size:10px;font-weight:800;overflow:hidden}.feature-inspector-body{flex:1;min-height:0;padding:15px}.inspector-stack{flex-direction:column;gap:13px;display:flex}.inspector-source-note{color:#526068;background:#edf5f8;border-left:3px solid #7ca3b6;margin:0;padding:9px 10px;font-size:10px;line-height:1.5}.inspector-source-note strong{color:#315c72}.inspector-subsection{border-top:1px solid #dde0da;padding-top:14px}.inspector-subsection.first{border-top:0;padding-top:0}.inspector-subsection h3{color:var(--green-dark);margin:0 0 10px;font-family:Georgia,Noto Serif KR,serif;font-size:13px}.scene-grid{grid-template-columns:1fr 1fr}.scene-grid .wide{grid-column:1/-1}.camera-inspector .camera-guide-head{margin-bottom:0}.camera-inspector .camera-selection{grid-template-columns:112px 1fr;gap:10px;margin-bottom:0}.camera-inspector .camera-gallery{grid-template-columns:repeat(4,minmax(72px,1fr))}.camera-inspector .composition-gallery{grid-template-columns:repeat(3,minmax(82px,1fr))}.camera-inspector .grid.three{grid-template-columns:.85fr .85fr 1.3fr}.picker-backdrop{z-index:20;background:#121b179e;place-items:start center;padding:7vh 24px;display:grid;position:fixed;inset:0}.picker-dialog{background:var(--paper);width:min(820px,100%);max-height:86vh;overflow:hidden;box-shadow:0 22px 70px #00000047}.picker-dialog>header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;min-height:70px;padding:14px 18px;display:flex}.picker-dialog header small{color:var(--green);letter-spacing:.1em;font-size:8px;font-weight:900}.picker-dialog header h2{margin:3px 0 0;font-family:Georgia,Noto Serif KR,serif;font-size:19px}.picker-dialog header button{cursor:pointer;background:#eceee9;border:0;width:34px;height:34px;font-size:22px}.picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:calc(86vh - 70px);padding:14px;display:grid;overflow:auto}.picker-grid>button{text-align:left;cursor:pointer;background:#fff;border:1px solid #cfd3cc;min-width:0;padding:5px}.picker-grid>button.selected{background:#edf5f8;border-color:#4f879f;box-shadow:inset 0 0 0 2px #4f879f}.picker-grid img{aspect-ratio:4/3;object-fit:cover;background:#f2f0e9;width:100%;display:block}.picker-grid button span{flex-direction:column;gap:3px;padding:8px 4px 4px;display:flex}.picker-grid strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.picker-grid small{color:var(--muted);font-size:9px}.picker-empty{min-height:180px;color:var(--muted);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:5px;display:flex}.picker-empty strong{color:var(--ink);font-size:13px}.picker-empty span{font-size:10px}.camera-guide-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:11px;display:flex}.camera-guide-head>small{color:var(--muted);text-align:right;font-size:10px}.camera-tabs{background:#eceee9;border-radius:5px;padding:3px;display:flex}.camera-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:7px 11px;font-size:11px}.camera-tabs button.active{color:var(--green-dark);background:#fff;font-weight:800;box-shadow:0 1px 3px #1e29251f}.camera-selection{background:#f7faf6;border:1px solid #c8d6ce;grid-template-columns:148px 1fr auto;align-items:center;gap:16px;margin-bottom:9px;padding:10px;display:grid}.camera-selection>div{flex-direction:column;gap:3px;display:flex}.camera-selection b{font-family:Georgia,Noto Serif KR,serif;font-size:15px}.camera-selection span{color:var(--green);font-size:11px;font-weight:700}.camera-selection p{color:var(--muted);margin:2px 0 0;font-size:11px}.camera-selection em{color:var(--green-dark);white-space:nowrap;background:#e5f0e7;border-radius:20px;padding:5px 8px;font-size:10px;font-style:normal;font-weight:800}.camera-gallery,.composition-gallery{grid-template-columns:repeat(7,minmax(86px,1fr));gap:7px;display:grid}.composition-gallery{grid-template-columns:repeat(6,minmax(96px,1fr))}.camera-gallery button,.composition-gallery button{cursor:pointer;text-align:left;background:#fff;border:1px solid #ccd0cb;border-radius:3px;flex-direction:column;align-items:stretch;gap:4px;min-width:0;padding:5px;display:flex}.camera-gallery button:hover,.composition-gallery button:hover{border-color:#8da397}.camera-gallery button:disabled,.composition-gallery button:disabled{opacity:.62;cursor:not-allowed;background:#efefeb;border-color:#d7d9d4}.camera-gallery button.selected,.composition-gallery button.selected{background:var(--sky);border-color:#5390b3;box-shadow:inset 0 0 0 1px #5390b3}.camera-gallery strong,.composition-gallery strong{white-space:nowrap;text-overflow:ellipsis;padding:0 2px;font-size:10px;overflow:hidden}.camera-gallery small,.composition-gallery small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding:0 2px 2px;font-size:9px;overflow:hidden}.camera-stage{aspect-ratio:4/3;background:#f8f3e7;border:1px solid #1e292517;width:100%;display:block;position:relative;overflow:hidden}.camera-stage.large{aspect-ratio:auto;height:86px}.camera-stage img{transform-origin:50% 20%;width:auto;max-width:none;position:absolute;left:50%;transform:translate(-50%)}.camera-stage.extreme-close img{height:400%;top:-51%}.camera-stage.close img{height:285%;top:-35%}.camera-stage.medium-close img{height:205%;top:-22%}.camera-stage.medium img{height:158%;top:-11%}.camera-stage.full img{height:124%;top:-9%}.camera-stage.long img{height:76%;top:12%}.camera-stage.extreme-long img{height:48%;top:27%}.thirds-grid,.leading-lines{z-index:2;pointer-events:none;display:none;position:absolute;inset:0}.composition-third-left .thirds-grid,.composition-third-right .thirds-grid{background:linear-gradient(90deg,#0000 33%,#24634738 33% 34%,#0000 34% 66%,#24634738 66% 67%,#0000 67%),linear-gradient(#0000 33%,#24634738 33% 34%,#0000 34% 66%,#24634738 66% 67%,#0000 67%);display:block}.composition-third-left img{left:33%}.composition-third-right img{left:67%}.composition-negative img{height:91%;top:5%;left:27%}.composition-leading .leading-lines{background:linear-gradient(24deg,#0000 0 43%,#5390b37a 44% 45%,#0000 46%),linear-gradient(-24deg,#0000 0 43%,#5390b37a 44% 45%,#0000 46%);display:block}.composition-diagonal:after{content:"";z-index:0;background:#d8e8df;width:120%;height:12%;position:absolute;top:58%;left:-10%;transform:rotate(-12deg)}.composition-diagonal img{z-index:1;left:63%}.output-floating-actions{z-index:18;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;top:42%;right:0}.floating-copy-button{width:64px;min-height:54px;color:var(--green);cursor:pointer;background:#fff;border:1px solid #174832;flex-direction:column;order:2;justify-content:center;align-items:center;gap:4px;padding:6px 5px;font-weight:800;display:flex;box-shadow:0 8px 24px #1e292529}.floating-copy-button:hover{background:#f1f6f2}.floating-copy-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:18px;height:18px}.floating-copy-button span{white-space:normal;text-align:center;font-size:10px;line-height:1.2}.output-drawer-trigger{background:var(--green);color:#fff;cursor:pointer;border:1px solid #174832;border-right:0;flex-direction:column;order:1;justify-content:center;align-items:center;gap:10px;width:48px;min-height:112px;padding:10px 5px;display:flex;position:static;box-shadow:0 8px 24px #1e292533}.output-drawer-trigger strong{writing-mode:vertical-rl;letter-spacing:.08em;font-size:12px}.output-drawer-trigger span{color:#fff;background:#ffffff26;padding:3px 4px;font-size:8px}.output-backdrop{z-index:28;cursor:default;background:#18221d4d;border:0;padding:0;position:fixed;inset:0}.output-pane{z-index:29;width:min(460px,100vw - 30px);height:100dvh;max-height:100dvh;padding:0 18px max(18px, env(safe-area-inset-bottom));overscroll-behavior:contain;background:#fbfbf8;flex-direction:column;animation:.18s ease-out output-drawer-in;display:flex;position:fixed;top:0;right:0;overflow:hidden;box-shadow:-18px 0 55px #1e292533}.output-drawer-head{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;min-height:50px;display:flex}.output-drawer-head strong{font-family:Georgia,Noto Serif KR,serif;font-size:17px}.output-drawer-head button{cursor:pointer;background:#eceee9;border:0;width:34px;height:34px;font-size:22px}@keyframes output-drawer-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.tabs{border-bottom:1px solid var(--rule);align-items:end;gap:4px;height:55px;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:16px 15px 12px}.tabs button.active{color:var(--green);border-bottom-color:var(--green);font-weight:700}.tabs .export{background:#fff;border:1px solid #cfd3cc;margin-bottom:8px;margin-left:auto;padding:8px 10px;font-size:12px}.code-output{border:1px solid var(--rule);color:#214b78;white-space:pre-wrap;background:#fff;border-top:0;flex:1;min-height:260px;margin:0;padding:17px;font-family:Cascadia Code,Consolas,monospace;font-size:11.5px;line-height:1.55;overflow:auto}.validation{border:1px solid var(--rule);background:#fff;grid-template-columns:1fr 1.25fr auto;align-items:center;gap:12px;margin-top:13px;padding:12px 14px;display:grid}.validation>div{color:var(--green);align-items:center;gap:8px;display:flex}.validation span{flex-direction:column;display:flex}.validation strong{color:var(--ink);font-size:12px}.validation small{color:var(--muted);font-size:10px}.validation b{font-size:13px}.valid{color:var(--green)}.invalid{color:var(--terra)}.copy-button{background:var(--green);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;min-height:50px;margin-top:13px;font-size:15px;font-weight:800;display:flex}.copy-button:hover{background:var(--green-dark)}.copy-note{text-align:center;color:var(--muted);margin:8px 0 0;font-size:11px}.palette-popover-backdrop{z-index:28;cursor:default;background:#161f1b47;border:0;position:fixed;inset:0}.palette-popover{z-index:31;background:var(--paper);border:1px solid #bfc8bf;width:min(720px,100vw - 28px);max-height:calc(100vh - 92px);padding:12px;position:fixed;bottom:72px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 -10px 38px #19241e38}.palette-popover:after{content:"";background:var(--paper);border-bottom:1px solid #bfc8bf;border-right:1px solid #bfc8bf;width:16px;height:16px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.palette-popover>header{background:#f1f5ef;border-bottom:1px solid #d6dcd5;justify-content:space-between;align-items:center;margin:-12px -12px 11px;padding:9px 11px;display:flex}.palette-popover>header>div{flex-direction:column;gap:2px;display:flex}.palette-popover>header small{color:var(--green);font-size:9px;font-weight:900}.palette-popover>header strong{font-size:14px}.palette-popover>header button{width:30px;height:30px;color:var(--green-dark);cursor:pointer;background:#fff;border:0;font-size:21px}.palette-popover .color-palette-picker{gap:8px}.statusbar{z-index:30;border-top:1px solid var(--rule);background:#fff;grid-template-columns:.75fr .9fr 1.3fr 1.6fr .65fr;align-items:center;min-height:62px;padding:0 28px;display:grid;position:sticky;bottom:0}.statusbar>div,.statusbar>button{border:0;border-right:1px solid var(--rule);text-align:left;background:#fff;flex-direction:column;justify-content:center;min-width:0;min-height:40px;padding:0 20px;display:flex}.statusbar>div:first-child{padding-left:0}.statusbar>div:last-child{border-right:0}.status-palette-button{cursor:pointer;position:relative}.status-palette-button:hover,.status-palette-button.active{background:#edf5ee}.status-palette-button>span{color:var(--green);font-size:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.status-palette-button.active>span{transform:translateY(-50%)rotate(180deg)}.statusbar small{color:var(--muted);font-size:10px}.statusbar strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.statusbar .validity{color:var(--green);flex-direction:row;align-items:center;gap:7px}@media (max-width:1050px){.statusbar{grid-template-columns:1fr 1fr;gap:12px;padding:14px 18px}.statusbar>div,.statusbar>button{border:0;padding:0}.reference-preview{height:210px}.camera-gallery{grid-template-columns:repeat(4,minmax(90px,1fr))}.composition-gallery{grid-template-columns:repeat(3,minmax(100px,1fr))}}@media (max-width:900px){.routing-workbench{grid-template-columns:1fr}.routing-table{border-bottom:1px solid #cfd3cc;border-right:0}.feature-inspector{min-height:290px}}@media (max-width:700px){.form-pane{padding-right:0}.topbar{padding:0 15px}.brand span{display:none}.header-actions button{font-size:0}.split-row,.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.split-row .form-section+.form-section{border-left:0;border-top:1px solid var(--rule)}.section-group-label{flex-direction:column;align-items:flex-start;gap:3px}.reference-board,.palette-editor{grid-template-columns:1fr}.palette-actions{flex-wrap:wrap}.palette-actions small{width:100%;margin-left:0}.color-mode-picker{flex-wrap:wrap}.color-mode-picker small{width:100%;margin-left:0}.pipeline-overview{padding:13px}.pipeline-overview-head{grid-template-columns:1fr}.pipeline-overview-head>small{grid-column:1}.pipeline-overview ol,.output-settings{grid-template-columns:1fr}.aspect-ratio-options{grid-template-columns:repeat(3,minmax(72px,1fr))}.reference-preview{height:230px}.routing-intro{flex-direction:column;align-items:flex-start}.routing-intro>div{flex-direction:column;align-items:flex-start;gap:3px}.routing-table{overflow-x:auto}.routing-row{grid-template-columns:150px repeat(5,46px);width:380px}.feature-inspector-body{padding:13px}.scene-grid,.camera-inspector .grid.three{grid-template-columns:1fr}.scene-grid .wide{grid-column:auto}.camera-inspector .camera-gallery,.camera-inspector .composition-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.output-floating-actions{top:auto;right:10px;bottom:max(74px, calc(env(safe-area-inset-bottom) + 62px));flex-direction:row;align-items:center;gap:6px}.floating-copy-button{flex-direction:row;order:0;gap:8px;width:auto;min-height:48px;padding-inline:13px}.floating-copy-button span{white-space:nowrap;font-size:12px}.output-drawer-trigger{border-right:1px solid #174832;flex-direction:row;order:0;gap:6px;width:auto;min-height:48px;padding:0 11px}.output-drawer-trigger strong{writing-mode:horizontal-tb;letter-spacing:.04em}.output-pane{width:100vw;padding:0 13px max(10px, env(safe-area-inset-bottom))}.output-drawer-head{flex:0 0 44px;min-height:44px}.tabs{flex:0 0 48px;align-items:center;height:48px}.tabs button{padding:12px 10px 10px}.tabs .export{margin-bottom:0;padding:7px 8px}.code-output{min-height:0;padding:12px;line-height:1.45}.validation,.copy-note{display:none}.copy-button{flex:0 0 44px;min-height:44px;margin-top:8px}.picker-backdrop{padding:3vh 10px}.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-guide-head{flex-direction:column;align-items:flex-start}.camera-guide-head>small{text-align:left}.camera-selection{grid-template-columns:110px 1fr;gap:10px}.camera-selection em{display:none}.camera-gallery,.composition-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.form-section{padding-inline:15px}.statusbar{grid-template-columns:1fr}.palette-popover{width:calc(100vw - 18px);max-height:calc(100vh - 96px);bottom:78px}.swatch-grid{grid-template-columns:repeat(7,25px)}}body{font-size:18.4px}.password-kicker,.form-section.source-locked h2:after,.reference-card-head span,.picker-dialog header small,.output-drawer-trigger span{font-size:9.2px}.section-group-label span,.palette-actions small,.auto-title-panel small,.reference-card-head b,.role-pills span,.reference-actions button,.reference-actions a,.routing-intro>b,.routing-feature small,.feature-inspector>header small,.picker-grid small,.camera-gallery small,.composition-gallery small{font-size:10.35px}.password-error,.selected-swatch span,.empty-swatch,.palette-tabs button,.palette-actions>button,.custom-color,.palette-scope,.field-scope,.reference-card-body>p,.lock-note,.library-status,.routing-intro span,.routing-header>strong,.routing-warning,.inspector-source,.inspector-source-note,.picker-empty span,.camera-guide-head>small,.camera-selection em,.camera-gallery strong,.composition-gallery strong,.validation small,.statusbar small{font-size:11.5px}.password-card label,.aspect-ratio-options strong,.reference-preview.empty>div,.picker-grid strong,.camera-tabs button,.camera-selection span,.camera-selection p,.copy-note{font-size:12.65px}.code-output{font-size:13.225px}.password-card>p,.field>span,.mini-label,.invariant,.tag,.auto-title-panel output,.routing-header>span,.output-drawer-trigger strong,.tabs .export,.validation strong,.statusbar strong{font-size:13.8px}.brand span,.field input,.field select,.field output,.tag-input input,.invariant strong,.reference-card-body h3,.routing-intro strong,.routing-feature b,.inspector-subsection h3,.picker-empty strong,.validation b{font-size:14.95px}.section-group-label strong{font-size:16.1px}.form-section h2,.camera-selection b,.copy-button{font-size:17.25px}.output-drawer-head strong{font-size:19.55px}.feature-inspector>header h3{font-size:20.7px}.reference-preview.empty strong,.picker-dialog header h2{font-size:21.85px}.picker-dialog header button,.output-drawer-head button{font-size:25.3px}.brand strong{font-size:28.75px}.password-card h1{font-size:35.65px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}