:root{color-scheme:dark;--bg:#06090e;--panel:#0d131c;--panel-2:#101923;--line:#394555;--gold:#e2c47d;--muted:#8e9baa;--text:#e8edf1;--cyan:#42c7ec;--danger:#ef8d8d}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;color:var(--text);background:radial-gradient(circle at 50% 0,#172432 0,#090d13 42%,#05070a 100%);font-family:Arial,sans-serif}.app-shell{width:min(1480px,100%);min-height:100vh;margin:auto;padding:48px clamp(18px,4vw,64px) 90px}.hero{max-width:900px;margin:0 auto 42px;text-align:center}.eyebrow,.panel-heading span,.results-heading span{color:#6fcce7;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero h1{margin:10px 0 12px;color:var(--gold);font:700 clamp(38px,6vw,72px)/1 Georgia,serif;text-transform:uppercase;text-shadow:0 4px 18px #000}.hero p{max-width:760px;margin:0 auto;color:#aeb9c4;font-size:16px;line-height:1.6}.privacy-note{display:inline-flex;margin-top:18px;padding:8px 12px;color:#a9d9bb;border:1px solid #356347;background:#0b261b;font-size:12px}.workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.7fr);gap:28px;align-items:start}.preview-column{display:grid;gap:20px}.drop-zone{min-height:190px;padding:32px;display:grid;place-items:center;align-content:center;gap:9px;text-align:center;cursor:pointer;border:1px dashed #57738a;background:rgba(9,15,23,.86);box-shadow:inset 0 0 40px rgba(0,0,0,.25);transition:border-color .18s,background .18s,transform .18s}.drop-zone:hover,.drop-zone:focus-visible,.drop-zone.dragging{border-color:var(--cyan);outline:none;background:#0e1d28;transform:translateY(-2px)}.drop-zone strong{color:#e6d39f;font:700 22px Georgia,serif}.drop-zone span{color:var(--muted);font-size:13px}.sheet-panel,.settings,.results{border:1px solid #4d4839;background:rgba(8,13,20,.94);box-shadow:0 20px 48px rgba(0,0,0,.42)}.sheet-panel{padding:20px}.panel-heading,.results-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.panel-heading>div{display:grid;gap:6px}.panel-heading strong{color:#ded3b9;font-size:14px}#sheetCanvas{width:100%;height:auto;display:block;cursor:crosshair;border:1px solid #40505d;background:#020406}.canvas-help{margin:12px 0 0;color:#7f8b98;font-size:12px;line-height:1.5}.settings{position:sticky;top:18px;padding:24px;display:grid;gap:17px}.settings label{display:grid;gap:7px;color:#b8aa85;font-size:11px;font-weight:700;letter-spacing:.055em;text-transform:uppercase}.settings input,.settings select{width:100%;min-height:40px;padding:9px 11px;color:#eef3f6;border:1px solid #3b4855;outline:none;background:#080e15}.settings input:focus,.settings select:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(66,199,236,.12)}.field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-pair.compact{grid-template-columns:repeat(2,110px)}.color-row{display:grid;grid-template-columns:minmax(0,1fr) 72px auto;gap:10px;align-items:end}.color-row input[type=color]{padding:4px}.color-row output{min-height:40px;padding:12px 8px;color:#a7dff0;border:1px solid #34424e;background:#080e15;font:12px monospace}.range-field{grid-template-columns:1fr auto}.range-field input{grid-column:1/-1;min-height:auto;padding:0;accent-color:var(--cyan)}.range-field output{color:#74d3ee}.range-field small{grid-column:1/-1;color:#727e8b;font-weight:400;letter-spacing:0;line-height:1.4;text-transform:none}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;color:#f2dda7;cursor:pointer;border:1px solid #9a7b45;background:linear-gradient(180deg,#22344a,#0e1823);font-weight:700;letter-spacing:.055em;text-decoration:none;text-transform:uppercase}.primary:hover,.primary:focus-visible,.secondary:hover,.secondary:focus-visible{color:#fff;border-color:var(--cyan);outline:none;box-shadow:0 0 20px rgba(56,190,228,.22)}.primary:disabled{cursor:not-allowed;opacity:.42}.secondary{min-height:36px;padding:7px 11px;font-size:10px}.status{min-height:18px;margin:0;color:#8fd9ee;font-size:12px;line-height:1.5}.status.error{color:var(--danger)}.results{margin-top:34px;padding:28px}.results-heading h2{margin:7px 0 0;color:var(--gold);font:700 30px Georgia,serif;text-transform:uppercase}.download-all{flex:0 0 auto}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.result-card{min-width:0;padding:16px;border:1px solid #3c4651;background:#090f16}.result-card h3{margin:0 0 14px;color:#e0c887;font:700 18px Georgia,serif;text-align:center;text-transform:uppercase}.result-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.result-image{min-width:0}.result-image span{display:block;margin-bottom:6px;color:#788695;font-size:9px;letter-spacing:.08em;text-align:center;text-transform:uppercase}.result-image img{width:100%;aspect-ratio:1;display:block;object-fit:contain;border:1px solid #303c47;background-color:#101720;background-image:linear-gradient(45deg,#18212a 25%,transparent 25%),linear-gradient(-45deg,#18212a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#18212a 75%),linear-gradient(-45deg,transparent 75%,#18212a 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.result-meta{margin:12px 0;color:#8995a1;font-size:11px;text-align:center}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-actions a,.result-actions button{min-height:36px;padding:7px;color:#cbd9e1;cursor:pointer;border:1px solid #3d4b57;background:#111b25;font-size:10px;text-align:center;text-decoration:none;text-transform:uppercase}.result-actions button{grid-column:1/-1;color:#efd69c;border-color:#80683e}.result-actions a:hover,.result-actions button:hover{border-color:var(--cyan);color:#fff}.hidden{display:none!important}@media(max-width:1100px){.workspace{grid-template-columns:1fr}.settings{position:static}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.app-shell{padding-inline:14px}.hero{margin-bottom:28px}.workspace{gap:18px}.sheet-panel,.settings,.results{padding:16px}.field-pair,.color-row{grid-template-columns:1fr}.field-pair.compact{grid-template-columns:1fr 1fr}.results-heading{align-items:stretch;flex-direction:column}.result-grid{grid-template-columns:1fr}.result-compare{gap:5px}}

.foundry-settings{min-width:0;margin:2px 0 0;padding:16px;display:grid;gap:14px;border:1px solid #31556a;background:linear-gradient(180deg,rgba(15,34,47,.88),rgba(7,16,24,.9))}.foundry-settings legend{padding:0 8px;color:#79d6ee;font:700 13px Georgia,serif;letter-spacing:.08em;text-transform:uppercase}.foundry-settings .field-pair{grid-template-columns:1fr}.settings .foundry-toggle{grid-template-columns:20px 1fr;align-items:center;color:#d8e4e9;letter-spacing:0;text-transform:none}.settings .foundry-toggle input{width:18px;min-height:18px;margin:0;padding:0;accent-color:var(--cyan)}.foundry-settings[aria-disabled=true]>*:not(legend):not(.foundry-toggle){opacity:.42;pointer-events:none}.foundry-target{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding-top:2px}.foundry-target span{color:#8fcfe1;font-size:11px;line-height:1.45}.foundry-help{color:#758794;font-size:11px;line-height:1.5}.result-card.foundry-selected{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(66,199,236,.25),0 0 26px rgba(66,199,236,.12)}.result-compare.has-foundry{grid-template-columns:repeat(2,minmax(0,1fr))}.result-image.foundry-preview{grid-column:1/-1}.result-image.foundry-preview img{max-height:360px}.foundry-adjust{grid-column:1/-1;color:#88d9ee!important;border-color:#396f80!important}.foundry-adjust.active{color:#fff!important;background:#164357!important}.foundry-loading{filter:saturate(.55);opacity:.65}.result-actions.foundry-actions{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:720px){.foundry-target{grid-template-columns:1fr}.result-compare.has-foundry{grid-template-columns:1fr}.result-image.foundry-preview{grid-column:auto}}

.input-mode-panel{padding:20px;border:1px solid #4d4839;background:rgba(8,13,20,.94);box-shadow:0 20px 48px rgba(0,0,0,.28)}.input-mode-heading{margin-bottom:14px}.input-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.input-mode-switch label{position:relative;cursor:pointer}.input-mode-switch input{position:absolute;opacity:0;pointer-events:none}.input-mode-switch span{min-height:48px;padding:12px 16px;display:flex;align-items:center;justify-content:center;color:#aeb9c4;border:1px solid #394b59;background:#0a121a;font-size:12px;font-weight:700;letter-spacing:.055em;text-align:center;text-transform:uppercase}.input-mode-switch input:checked+span{color:#fff1c7;border-color:var(--cyan);background:linear-gradient(180deg,#17384a,#0c202d);box-shadow:0 0 18px rgba(66,199,236,.14)}.input-mode-switch input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}.upload-guide{margin-top:14px;padding:16px;border-left:3px solid #5ebbd5;background:#0a1821}.upload-guide>strong{display:block;margin-bottom:8px;color:#ead599;font:700 15px Georgia,serif}.upload-guide ul{margin:0;padding-left:19px;color:#a7b3be;font-size:12px;line-height:1.6}.upload-guide li+li{margin-top:4px}@media(max-width:600px){.input-mode-switch{grid-template-columns:1fr}}

.removal-mode-panel{min-width:0;margin:0;padding:14px;display:grid;gap:9px;border:1px solid #31556a;background:#09141d}.removal-mode-panel legend{padding:0 7px;color:#79d6ee;font:700 12px Georgia,serif;letter-spacing:.07em;text-transform:uppercase}.settings .removal-mode-option{position:relative;display:block;cursor:pointer}.removal-mode-option input{position:absolute;opacity:0;pointer-events:none}.removal-mode-option span{padding:11px 12px;display:grid;gap:4px;color:#b5c0c8;border:1px solid #344451;background:#0a1119;letter-spacing:0;text-transform:none}.removal-mode-option strong{color:#d9e2e7;font-size:12px}.removal-mode-option small{color:#7f8d98;font-size:11px;font-weight:400;line-height:1.4}.removal-mode-option input:checked+span{border-color:var(--cyan);background:#0d2532;box-shadow:0 0 16px rgba(66,199,236,.12)}.removal-mode-option input:checked+span strong{color:#f2dda7}.removal-mode-option input:disabled+span{cursor:not-allowed;opacity:.42}.smart-cutout-state{margin:3px 0 0;color:#91d8b0;font-size:11px;line-height:1.45}.smart-cutout-state.error{color:var(--danger)}.chroma-controls{display:grid;gap:17px}

.smart-target-panel{margin:0 0 14px;padding:14px;display:grid;gap:12px;border:1px solid #31556a;background:linear-gradient(180deg,#0d202c,#09131c)}.smart-target-panel>div:first-child{display:grid;gap:5px}.smart-target-panel strong{color:#efd99d;font:700 14px Georgia,serif}.smart-target-panel span,.smart-target-panel p{color:#8d9ca8;font-size:11px;line-height:1.5}.smart-target-panel p{margin:0;color:#8fd9ee}.smart-target-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.smart-target-actions .secondary{min-width:0;padding-inline:8px}.smart-target-actions .secondary.active{color:#fff;border-color:var(--cyan);background:#164357;box-shadow:0 0 18px rgba(66,199,236,.18)}.smart-target-actions .secondary:disabled{cursor:not-allowed;opacity:.38}#sheetCanvas.target-box{cursor:crosshair}#sheetCanvas.target-positive{cursor:copy}#sheetCanvas.target-negative{cursor:not-allowed}#sheetCanvas.target-cleanup{cursor:cell}@media(max-width:720px){.smart-target-actions{grid-template-columns:1fr 1fr}}

.back-to-archive{display:inline-flex;margin-bottom:20px;color:#8fd9ee;font-size:11px;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.back-to-archive:hover{color:#fff}.public-only{display:none}body[data-public-mode=true] .local-only,body[data-public-mode=true] .generator-panel{display:none}body[data-public-mode=true] .public-only{display:inline-flex}.processing-progress{padding:14px;border:1px solid #35677b;background:linear-gradient(180deg,#0d202c,#09141d);box-shadow:0 0 24px rgba(66,199,236,.08)}.processing-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#dfe9ed;font-size:12px}.processing-progress-heading strong{color:#7bd9f2;font:700 13px monospace}.processing-progress-track{height:12px;margin-top:11px;overflow:hidden;border:1px solid #29495a;background:#050a0f}.processing-progress-track span{width:0;height:100%;display:block;background:linear-gradient(90deg,#257c9b,#58d4f1 65%,#efd38b);box-shadow:0 0 18px rgba(66,199,236,.5);transition:width .55s ease}.processing-progress p{min-height:16px;margin:8px 0 0;color:#8396a3;font-size:11px;line-height:1.4}@media(max-width:600px){.processing-progress-heading{align-items:flex-start;flex-direction:column}.back-to-archive{margin-bottom:14px}}

.hero{max-width:1020px;margin-bottom:34px}.hero h1{max-width:980px;margin-inline:auto}.hero-benefits{margin-top:22px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.hero-benefits span{padding:7px 10px;color:#a9dcee;border:1px solid #305666;background:#0a1821;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.experience-panel{margin:0 0 18px;padding:24px;display:grid;grid-template-columns:minmax(240px,.72fr) minmax(520px,1.28fr);gap:28px;align-items:center;border:1px solid #4d4839;background:linear-gradient(135deg,rgba(15,25,36,.98),rgba(7,12,18,.98));box-shadow:0 18px 44px rgba(0,0,0,.32)}.experience-copy>span{color:#69d4ef;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.experience-copy h2{margin:8px 0 9px;color:var(--gold);font:700 24px/1.1 Georgia,serif;text-transform:uppercase}.experience-copy p{margin:0;color:#8e9ba7;font-size:12px;line-height:1.6}.experience-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px}.experience-switch button{min-width:0;padding:17px 18px;display:grid;gap:5px;text-align:left;cursor:pointer;border:1px solid #394854;background:#09121a}.experience-switch button>span{color:#72818e;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.experience-switch button>strong{color:#c4ccd2;font:700 17px Georgia,serif;text-transform:uppercase}.experience-switch button>small{color:#75828e;font-size:10px}.experience-switch button:hover,.experience-switch button:focus-visible{border-color:#5fcce9;outline:none}.experience-switch button.active{border-color:var(--cyan);background:linear-gradient(180deg,#17384a,#0b202c);box-shadow:0 0 22px rgba(66,199,236,.13)}.experience-switch button.active>span{color:#72d9f2}.experience-switch button.active>strong{color:#f0dda7}.experience-switch button.active>small{color:#a7bdc9}
.simple-journey{margin:0 0 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #343f46;background:#071018}.simple-journey article{min-height:88px;padding:19px 22px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;border-right:1px solid #29343c}.simple-journey article:last-child{border-right:0}.simple-journey article>span{color:#59d4f1;font:700 10px Arial,sans-serif}.simple-journey article div{display:grid;gap:5px}.simple-journey strong{color:#e5d09a;font:700 14px Georgia,serif;text-transform:uppercase}.simple-journey small{color:#778691;font-size:10px}
body[data-interface-mode=simple] .expert-only{display:none!important}body[data-interface-mode=expert] .simple-only{display:none!important}.expert-settings{display:grid;gap:17px}.simple-output{display:grid;gap:14px}.simple-output>span{color:#6fd3ed;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.simple-output ul{margin:0;padding:0;display:grid;gap:9px;list-style:none}.simple-output li{padding:12px 13px;display:grid;gap:3px;border:1px solid #32434d;background:#09141c}.simple-output li:before{content:"✓";grid-row:1/3;align-self:center;margin-right:10px;color:#66d6ef}.simple-output li{grid-template-columns:auto 1fr}.simple-output li strong,.simple-output li small{grid-column:2}.simple-output li strong{color:#e9d69f;font:700 12px Georgia,serif;text-transform:uppercase}.simple-output li small{color:#83929d;font-size:10px;line-height:1.4}.simple-output>p{margin:0;padding:12px;color:#91a0aa;border-left:2px solid #4dbbd9;background:#09151d;font-size:11px;line-height:1.55}.process-main{width:100%;min-height:52px;font-size:12px}body[data-interface-mode=simple] .drop-zone{min-height:290px;background:radial-gradient(circle at 50% 45%,rgba(37,123,154,.12),transparent 43%),rgba(9,15,23,.9)}body[data-interface-mode=simple] .drop-zone strong{font-size:25px}body[data-interface-mode=simple] .settings{top:18px}body[data-interface-mode=simple] .result-meta{color:#94a5af;font-size:12px}body[data-interface-mode=simple] .result-actions{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-interface-mode=simple] .result-actions a{display:grid;place-items:center;min-height:48px;color:#efd99e;border-color:#6f603f;background:#101c27}body[data-interface-mode=simple] .result-actions a:hover{border-color:var(--cyan)}
@media(max-width:960px){.experience-panel{grid-template-columns:1fr}.experience-switch{grid-template-columns:1fr 1fr}.simple-journey{grid-template-columns:1fr}.simple-journey article{min-height:0;border-right:0;border-bottom:1px solid #29343c}.simple-journey article:last-child{border-bottom:0}body[data-interface-mode=simple] .result-actions{grid-template-columns:1fr}}
@media(max-width:620px){.hero-benefits{align-items:stretch;flex-direction:column}.hero-benefits span{text-align:center}.experience-panel{padding:17px}.experience-switch{grid-template-columns:1fr}.experience-switch button{padding:15px}.simple-journey article{padding:16px 18px}body[data-interface-mode=simple] .drop-zone{min-height:220px}}

.mode-infographic{margin:0 0 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mode-guide-card{min-width:0;padding:20px;display:grid;gap:8px;color:var(--text);cursor:pointer;text-align:left;border:1px solid #35424c;background:linear-gradient(145deg,#0b151e,#070c12)}.mode-guide-card:hover,.mode-guide-card:focus-visible{border-color:#5fcce9;outline:none}.mode-guide-card.active{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(66,199,236,.18),0 14px 34px rgba(0,0,0,.28);background:linear-gradient(145deg,#102838,#09141d)}.mode-guide-label{color:#69d4ef;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.mode-guide-card>strong{color:#efd99e;font:700 19px Georgia,serif;text-transform:uppercase}.mode-guide-card>em{color:#8796a1;font:normal 11px/1.5 Arial,sans-serif}.mode-flow{margin:5px 0 3px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}.mode-flow>span{min-width:0;min-height:82px;padding:10px 6px;display:grid;place-items:center;align-content:center;gap:7px;border:1px solid #30434f;background:#071018}.mode-flow b{color:#70d8f2;font:normal 25px/1 Arial,sans-serif}.mode-flow small{color:#aab6bf;font-size:9px;font-weight:700;text-align:center;text-transform:uppercase}.mode-flow i{color:#847348;font:normal 18px Georgia,serif}.result-compare.has-foundry{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:760px){.mode-infographic{grid-template-columns:1fr}.mode-flow{gap:5px}.mode-guide-card{padding:17px}.result-compare,.result-compare.has-foundry{grid-template-columns:1fr}.result-image.foundry-preview{grid-column:auto}}
.simple-source-example{margin:0;padding:18px;display:grid;grid-template-columns:minmax(210px,.72fr) minmax(280px,1.28fr);gap:18px;align-items:center;border:1px solid #31556a;background:linear-gradient(145deg,#0b1d28,#080f16);box-shadow:0 14px 34px rgba(0,0,0,.24)}.simple-source-copy{display:grid;gap:7px}.simple-source-copy>span{color:#6bd7f0;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.simple-source-copy>strong{color:#efd99f;font:700 19px/1.18 Georgia,serif;text-transform:uppercase}.simple-source-copy p{margin:0;color:#96a4ae;font-size:11px;line-height:1.58}.simple-source-example figure,.guide-example,.sheet-guide-example{margin:0}.simple-source-example figure{overflow:hidden;border:1px solid #3d5664;background:#071018}.simple-source-example img{width:100%;aspect-ratio:3/2;display:block;object-fit:cover}.simple-source-example figcaption{padding:9px 11px;color:#91a3ae;background:#09141c;font-size:9px;line-height:1.4;text-align:center}.guide-example-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.guide-example{min-width:0;overflow:hidden;border:1px solid #344b58;background:#071018}.guide-example>div{height:190px;display:grid;place-items:center;overflow:hidden}.guide-example img{width:100%;height:100%;display:block;object-fit:contain}.transparent-example>div{background-color:#c9d0d5;background-image:linear-gradient(45deg,#aeb8bf 25%,transparent 25%),linear-gradient(-45deg,#aeb8bf 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#aeb8bf 75%),linear-gradient(-45deg,transparent 75%,#aeb8bf 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.solid-example img{object-fit:cover}.guide-example figcaption,.sheet-guide-example figcaption{padding:9px 10px;display:grid;gap:2px;background:#09141c;text-align:center}.guide-example figcaption strong,.sheet-guide-example figcaption strong{margin:0;color:#edd697;font:700 10px Arial,sans-serif;text-transform:uppercase}.guide-example figcaption span,.sheet-guide-example figcaption span{color:#82929e;font-size:9px;line-height:1.35}.sheet-guide-example{margin-top:14px;overflow:hidden;border:1px solid #344b58;background:#071018}.sheet-guide-example img{width:100%;aspect-ratio:16/9;display:block;object-fit:cover}@media(max-width:760px){.simple-source-example{grid-template-columns:1fr}.simple-source-example figure{order:-1}.guide-example>div{height:165px}}@media(max-width:430px){.guide-example-grid{grid-template-columns:1fr}.guide-example>div{height:210px}}