:root{
  --editor-acid:#c9ff48;--editor-ink:#11161d;--editor-line:#dfe3da;--editor-muted:#66717c;
  --editor-bg:#eef0e9;--editor-paper:#fff;--editor-shadow:0 18px 60px rgba(29,39,48,.075)
}
.editor-hero{padding-bottom:50px}.editor-hero .inner{max-width:990px}.editor-hero p{max-width:830px}
.editor-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.editor-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.editor-hero-badges span{padding:9px 12px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.06);color:#d8e0e7;font-size:11px;font-weight:800}
.tool-section{padding:34px 0 110px;background:var(--editor-bg)}
.editor-kicker{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.editor-kicker h2{margin:9px 0 0;font-size:clamp(24px,3vw,38px);letter-spacing:-.045em}.editor-kicker-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.editor-kicker-meta span{padding:8px 10px;border:1px solid var(--editor-line);border-radius:999px;background:#fff;color:#59636d;font-size:9px;font-weight:850}
.tool-shell{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.72fr);gap:18px;align-items:start}
.viewer-card,.control-card{border:1px solid var(--editor-line);border-radius:25px;background:var(--editor-paper);box-shadow:var(--editor-shadow)}
.viewer-card{position:sticky;top:86px;overflow:hidden;z-index:2}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--editor-line);background:rgba(255,255,255,.96)}
.viewer-toolbar-left,.viewer-toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tool-btn,.upload-btn,.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d7dbd2;background:#f8f9f5;color:#1a2027;font:800 11px/1.2 Inter,"Noto Sans KR",sans-serif;cursor:pointer;transition:.2s}
.tool-btn,.upload-btn{min-height:40px;padding:10px 13px;border-radius:12px}.icon-btn{width:40px;height:40px;padding:0;border-radius:12px;font-size:19px}.tool-btn:hover,.upload-btn:hover,.icon-btn:hover{transform:translateY(-1px);border-color:#aeb8a3;background:#fff}.tool-btn.primary,.upload-btn.primary{border-color:var(--editor-ink);background:var(--editor-ink);color:#fff}.tool-btn.acid{border-color:var(--editor-acid);background:var(--editor-acid);color:#11161d}.tool-btn:disabled,.icon-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.upload-btn input{display:none}
.status-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;background:#edf7d1;color:#435500;font-size:10px;font-weight:900}.status-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:#84ad00;box-shadow:0 0 0 4px rgba(169,217,30,.14)}.status-pill.busy{background:#fff3cd;color:#775b00}.status-pill.busy::before{background:#e4ad00}.status-pill.error{background:#ffe2e0;color:#8a2520}.status-pill.error::before{background:#e24c43}
.viewer-stage{position:relative;aspect-ratio:16/10;min-height:470px;background:#11161d;outline:none}.viewer-stage:focus-visible{box-shadow:inset 0 0 0 3px var(--editor-acid)}.viewer-stage.dragging::after{content:"";position:absolute;inset:18px;z-index:20;border:2px dashed var(--editor-acid);border-radius:18px;background:rgba(13,17,23,.88)}.viewer-stage.dragging .viewer-drop-copy{display:grid}.viewer-drop-copy{display:none;position:absolute;inset:0;z-index:21;place-content:center;text-align:center;color:#fff;pointer-events:none}.viewer-drop-copy strong{font-size:21px}.viewer-drop-copy span{margin-top:7px;color:#bdc5cc;font-size:11px}.panorama{width:100%;height:100%;transition:filter .08s linear}.warmth-preview{position:absolute;inset:0;z-index:3;pointer-events:none;mix-blend-mode:soft-light;opacity:0}.viewer-tip{position:absolute;left:16px;bottom:16px;z-index:5;padding:9px 12px;border-radius:12px;background:rgba(13,17,23,.8);color:#fff;font-size:10px;font-weight:700;backdrop-filter:blur(10px);pointer-events:none}.compare-state{position:absolute;right:16px;top:16px;z-index:6;padding:8px 12px;border-radius:999px;background:var(--editor-acid);color:#11161d;font-size:10px;font-weight:900;box-shadow:0 8px 28px rgba(0,0,0,.2)}
.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--editor-line);background:#fbfcf8}.file-summary{min-width:0}.file-summary strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.file-summary span{display:block;margin-top:3px;color:var(--editor-muted);font-size:10px}.view-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.start-view-note{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid #edf0e9;background:#f6f8f2;color:#5b6670;font-size:9px}.start-view-note strong{color:#202830;font-size:11px}.start-view-note small{margin-left:auto;color:#7b858e}.pnlm-load-box{display:none!important}.pnlm-controls-container{top:14px!important;left:14px!important}.pnlm-about-msg{display:none!important}
.controls{display:grid;gap:12px}.control-card{padding:20px}.control-card h2,.control-card h3{margin:0;letter-spacing:-.03em}.control-card h2{font-size:20px}.control-card h3{font-size:15px}.control-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:17px}.control-head p{margin:6px 0 0;color:var(--editor-muted);font-size:10px;line-height:1.6}.mini-tag{padding:6px 8px;border-radius:999px;background:#eef0e9;color:#53606b;font-size:9px;font-weight:900}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.preset-btn{padding:11px;border:1px solid var(--editor-line);border-radius:12px;background:#f8f9f5;color:#26303a;font-size:10px;font-weight:800;cursor:pointer;transition:.18s}.preset-btn:hover,.preset-btn.active{border-color:#afc95b;background:#f1f8d8;color:#475800}.range-row{display:grid;grid-template-columns:76px minmax(0,1fr) 46px;gap:10px;align-items:center;margin-top:13px}.range-row label{font-size:10px;font-weight:800}.range-row output{text-align:right;color:#56616d;font:800 10px Inter,sans-serif}.range-row input[type="range"]{width:100%;accent-color:#85a900}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:grid;gap:7px;margin-top:12px}.field.compact{margin-top:0}.field label{font-size:10px;font-weight:800;color:#38434e}.field input[type="text"],.field select{width:100%;min-height:42px;padding:10px 11px;border:1px solid var(--editor-line);border-radius:11px;background:#fbfcf8;color:#1b222a;font-size:11px;font-weight:700}.field input[type="color"]{width:100%;height:42px;padding:4px;border:1px solid var(--editor-line);border-radius:11px;background:#fff}.field input[type="range"]{width:100%;accent-color:#85a900}.field output{justify-self:end;color:#56616d;font:800 10px Inter,sans-serif}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;border-radius:14px;background:#eef0e9}.segmented.four{grid-template-columns:repeat(4,1fr)}.segmented button{min-height:38px;border:0;border-radius:10px;background:transparent;color:#67717a;font-size:10px;font-weight:900;cursor:pointer}.segmented button.active{background:#11161d;color:#fff;box-shadow:0 5px 18px rgba(17,22,29,.15)}.mode-panel{display:none}.mode-panel.active{display:block}.logo-drop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:13px;border:1px dashed #cbd1c5;border-radius:13px;background:#f8f9f5}.logo-drop.dragging{border-color:#85a900;background:#f1f8d8}.logo-drop>div:first-child{min-width:0}.logo-drop strong,.logo-drop span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-drop strong{font-size:10px}.logo-drop span{margin-top:3px;color:#7b858e;font-size:9px}.logo-actions{display:flex;gap:6px;align-items:center;flex:none}.logo-actions .icon-btn{width:38px;height:38px}.card-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.card-actions.split{justify-content:space-between}.privacy-note{display:flex;gap:10px;padding:13px;border-radius:14px;background:#f1f8d8;color:#475800;font-size:10px;line-height:1.65}.privacy-note b{flex:none}.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.export-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px}.export-safety{display:flex;gap:8px;align-items:flex-start;margin-top:13px;padding:11px 12px;border:1px solid #dbe6b9;border-radius:12px;background:#f5fbdc;color:#506100;font-size:9px;line-height:1.55}.export-safety strong{flex:none}.export-safety.warning{border-color:#ecd7a4;background:#fff7df;color:#775900}.progress{display:none;height:7px;margin-top:12px;overflow:hidden;border-radius:999px;background:#e9ece5}.progress.show{display:block}.progress i{display:block;width:0;height:100%;border-radius:inherit;background:#89aa18;transition:width .18s ease}.progress-copy{min-height:16px;margin-top:7px;color:#6b7580;font-size:9px}
.tool-notice{margin-top:18px;padding:18px 20px;border:1px solid #d9ddd3;border-radius:18px;background:#fff;color:#56616d;font-size:11px;line-height:1.75}.tool-notice strong{color:#1a2027}.tool-notice.warning{border-color:#efc56d;background:#fff9e9;color:#715400}.editor-benefits{padding-top:90px}.editor-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.editor-step{padding:23px;border:1px solid #dfe3da;border-radius:20px;background:#fff}.editor-step span{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#11161d;color:#c9ff48;font:900 11px Inter,sans-serif}.editor-step h3{margin:16px 0 7px;font-size:17px}.editor-step p{margin:0;color:#66717c;font-size:11px;line-height:1.65}
.mobile-editor-dock{display:none}.editor-toast{position:fixed;right:22px;bottom:22px;z-index:9999;max-width:min(360px,calc(100vw - 32px));padding:13px 16px;border-radius:14px;background:#11161d;color:#fff;font-size:11px;font-weight:750;box-shadow:0 18px 50px rgba(0,0,0,.25);opacity:0;transform:translateY(14px);pointer-events:none;transition:.22s}.editor-toast.show{opacity:1;transform:translateY(0)}.editor-toast.error{background:#8b2a24}
@media(max-width:1050px){.tool-shell{grid-template-columns:1fr}.viewer-card{position:relative;top:auto}.controls{grid-template-columns:repeat(2,minmax(0,1fr))}.control-card.export-card{grid-column:1/-1}.privacy-note{grid-column:1/-1}.editor-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){body{padding-bottom:74px}.editor-hero{padding-bottom:38px}.editor-hero-actions .button{flex:1;min-width:145px}.editor-hero-badges{gap:6px}.editor-hero-badges span{font-size:9px}.tool-section{padding:14px 0 82px}.editor-kicker{display:block}.editor-kicker h2{font-size:27px}.editor-kicker-meta{justify-content:flex-start;margin-top:13px}.tool-shell{gap:12px}.viewer-toolbar{align-items:flex-start;padding:11px}.viewer-toolbar-left{flex:1}.viewer-toolbar-right{gap:5px}.viewer-toolbar-right .compare-btn{display:none}.tool-btn,.upload-btn{min-height:38px;padding:9px 10px}.icon-btn{width:38px;height:38px}.status-pill{width:100%;justify-content:center;order:3}.viewer-stage{min-height:52vh;max-height:62vh;aspect-ratio:auto}.viewer-tip{left:10px;right:10px;bottom:10px;text-align:center}.viewer-bottom{align-items:flex-start;padding:11px}.view-actions{max-width:155px}.view-actions .tool-btn{flex:1}.start-view-note{padding:9px 11px}.start-view-note small{display:none}.controls{display:block}.control-card{display:none;margin-top:12px;padding:18px}.control-card.mobile-active{display:block}.privacy-note{margin-top:12px}.two-col,.export-grid{grid-template-columns:1fr}.range-row{grid-template-columns:68px minmax(0,1fr) 42px}.editor-steps{grid-template-columns:1fr}.export-actions{grid-template-columns:1fr}.card-actions.split{display:grid;grid-template-columns:1fr 1fr}.logo-drop{align-items:flex-start;flex-direction:column}.logo-actions{width:100%}.logo-actions .upload-btn{flex:1}.mobile-editor-dock{display:grid;position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:900;grid-template-columns:repeat(4,1fr);padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:19px;background:rgba(13,17,23,.94);box-shadow:0 18px 50px rgba(0,0,0,.28);backdrop-filter:blur(18px)}.mobile-editor-dock button{display:grid;gap:2px;place-items:center;min-height:52px;border:0;border-radius:14px;background:transparent;color:#aeb6be;font-size:9px;font-weight:850}.mobile-editor-dock button span{font-size:16px;line-height:1}.mobile-editor-dock button.active{background:var(--editor-acid);color:#11161d}.editor-toast{right:16px;bottom:86px}.page-hero.editor-hero h1{font-size:clamp(40px,12vw,60px)}}
@media(max-width:420px){.viewer-toolbar-left .upload-btn.primary{flex:1}.viewer-toolbar-left #demoBtn{flex:1}.viewer-toolbar-right #topDownloadBtn{display:none}.viewer-stage{min-height:48vh}.file-summary span{max-width:185px}.preset-grid{grid-template-columns:1fr 1fr}.segmented.four button{font-size:9px}.editor-kicker-meta span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.panorama,.tool-btn,.upload-btn,.icon-btn,.preset-btn,.editor-toast,.progress i{transition:none!important}}