*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#191715;color:#f3efe8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.marketing-shell,.auth-shell,.simple-page{min-height:100vh;background:#191715;color:#f3efe8}.marketing-nav{display:flex;align-items:center;justify-content:space-between;padding:22px 28px}.marketing-nav strong{font-size:20px}.marketing-nav span,.account-bar{display:flex;align-items:center;gap:8px}.marketing-nav button,.account-bar button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 11px;border:1px solid #3d3834;border-radius:7px;background:#24211f;color:#f3efe8;cursor:pointer}.marketing-hero{display:grid;align-content:center;min-height:calc(100vh - 86px);padding:0 28px 90px;background:linear-gradient(#19171533,#191715eb),url(https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1800&q=80) center/cover}.marketing-hero h1{margin:0;font-size:clamp(54px,8vw,118px);line-height:.95}.marketing-hero p{margin:18px 0 28px;max-width:620px;color:#f1dcc2;font-size:24px}.auth-shell{display:grid;place-items:center;padding:24px}.auth-panel{display:flex;flex-direction:column;gap:13px;width:min(440px,100%);padding:22px;border:1px solid #383431;border-radius:8px;background:#211f1d}.auth-panel strong{font-size:22px}.auth-panel p,.auth-note{margin:0;color:#aaa29a;font-size:13px}.auth-panel label{display:flex;flex-direction:column;gap:7px;color:#d8cec2;font-size:13px}.auth-panel input{min-height:42px;padding:0 12px;border:1px solid #403b36;border-radius:7px;background:#171513;color:#f3efe8}.auth-error{color:#ffb7a1;font-size:13px}.account-bar{position:fixed;top:10px;right:14px;z-index:30;max-width:calc(100vw - 28px);padding:6px;border:1px solid #383431;border-radius:8px;background:#191715f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.account-bar span{max-width:220px;overflow:hidden;color:#aaa29a;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.simple-page{padding:92px 24px 36px}.simple-page h1,.simple-page h2{margin:0 0 14px}.pack-grid,.history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.pack-card,.history-card,.transaction-list div{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid #383431;border-radius:8px;background:#211f1d}.pack-card strong,.history-card strong{font-size:18px}.pack-card em{color:#ffd29b;font-style:normal}.paypal-host{min-height:42px}.history-card img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:6px;background:#151311}.history-card a{color:#ffd29b}.transaction-list{display:grid;gap:8px}.transaction-list div{display:grid;grid-template-columns:1fr auto auto;align-items:center}button,input{font:inherit}button{border:0}.app-shell{min-height:100vh;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 32%),#191715}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;height:68px;padding:0 6px 16px}.top-bar h1{margin:0;font-size:22px;letter-spacing:0}.top-bar p{margin:5px 0 0;color:#aaa29a;font-size:14px}.page-tabs{display:inline-flex;gap:4px;margin-bottom:8px;padding:3px;border:1px solid #383431;border-radius:8px;background:#211f1d}.page-tabs a{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:6px;color:#aaa29a;text-decoration:none;font-size:12px}.page-tabs a.active{background:#f5a64729;color:#ffd29b}.status{display:inline-flex;align-items:center;gap:8px;max-width:520px;min-height:32px;padding:7px 11px;border:1px solid #393431;border-radius:8px;background:#24211f;color:#e9dfd0;font-size:13px}.status.error{color:#ffd7c8;border-color:#744336;background:#31201c}.workspace{display:grid;grid-template-columns:240px minmax(520px,1fr) 320px;gap:14px;align-items:stretch}.left-panel,.right-panel,.stage{min-height:calc(100vh - 100px)}.left-panel,.right-panel{display:flex;flex-direction:column;gap:14px}.upload-panel,.result-panel,.mapping-strip,.stage-toolbar{border:1px solid #383431;border-radius:8px;background:#211f1d}.upload-panel{display:flex;flex-direction:column;gap:12px;min-height:255px;padding:13px;cursor:pointer}.upload-panel input{display:none}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;color:#f1e7db}.panel-head strong{display:block;font-size:14px;line-height:1.2}.panel-head small{display:block;margin-top:5px;color:#a39b94;font-size:12px;line-height:1.35}.panel-actions{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}.panel-head em{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:#f5a64724;color:#f3b86e;font-size:11px;font-style:normal}.mini-icon{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid #423d38;border-radius:7px;background:#2a2724;color:#e7ded3;cursor:pointer}.mini-icon:hover{border-color:#7a4c40;background:#37251f;color:#ffd7c8}.upload-panel img{width:100%;height:178px;object-fit:contain;border-radius:6px;border:1px solid #383431;background:#151311}.reference-stack{display:flex;flex-direction:column;gap:10px;padding:13px;border:1px solid #383431;border-radius:8px;background:#211f1d}.add-reference{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:60px;padding:10px;border:1px dashed #4a4540;border-radius:7px;color:#f1e7db;cursor:pointer}.add-reference input{display:none}.add-reference strong,.add-reference small{display:block}.add-reference strong{font-size:14px}.add-reference small{margin-top:4px;color:#a39b94;font-size:12px}.reference-list{display:grid;gap:8px}.reference-empty{display:grid;min-height:86px;place-items:center;border:1px solid #383431;border-radius:7px;color:#908982;text-align:center;font-size:12px}.reference-item{display:grid;grid-template-columns:12px 56px 1fr 30px;align-items:center;gap:9px;min-width:0;padding:8px;border:1px solid #383431;border-radius:7px;background:#181614;color:#eee5dc;cursor:pointer;text-align:left}.reference-item.active{border-color:var(--design-color);background:color-mix(in srgb,var(--design-color) 12%,#181614)}.swatch{display:inline-block;width:10px;height:10px;border-radius:999px;background:var(--design-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--design-color) 18%,transparent)}.reference-item img{width:56px;height:44px;object-fit:contain;border:1px solid #403a35;border-radius:5px;background:#11100f}.reference-meta{min-width:0}.reference-meta strong,.reference-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-meta strong{font-size:12px}.reference-meta small{margin-top:3px;color:#a39b94;font-size:11px}.mini-icon.inline{width:28px;height:28px}.upload-empty,.empty-canvas,.result-empty,.generating{display:grid;place-items:center;align-content:center;gap:8px;color:#908982;text-align:center}.upload-empty{min-height:178px;border:1px dashed #4a4540;border-radius:6px;font-size:13px}.stage{display:flex;min-width:0;flex-direction:column;gap:12px}.stage-toolbar{position:relative;z-index:5;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:10px}.tool-group{display:flex;flex-wrap:wrap;gap:8px}.tool-button,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:8px 11px;border:1px solid #423d38;border-radius:7px;background:#2a2724;color:#e7ded3;cursor:pointer;text-decoration:none;font-size:13px}.tool-button:hover:not(:disabled),.secondary-action:hover:not(.disabled):not(:disabled){border-color:#6e5a40;background:#322c25}.tool-button.active,.tool-button.detect.active{border-color:#d89145;background:#d891452e;color:#ffd5a0}.tool-button:disabled,.secondary-action:disabled,.secondary-action.disabled,.primary-action:disabled{cursor:not-allowed;opacity:.45}.brush-size{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 9px;color:#bcb3aa;font-size:12px}.brush-size input{width:82px;accent-color:#d89145}.detect-wrap{position:relative}.candidate-menu{position:absolute;top:42px;left:0;width:300px;padding:10px;border:1px solid #4b4138;border-radius:8px;background:#27231f;box-shadow:0 18px 48px #0000005c}.candidate-menu>strong{display:block;padding:4px 4px 8px;color:#f3e8d9;font-size:13px}.candidate-menu button{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;width:100%;padding:8px;border-radius:7px;background:transparent;color:#eee5dc;text-align:left;cursor:pointer}.candidate-menu button:hover,.candidate-menu button.selected{background:#f5a64724}.candidate-menu small{display:block;margin-top:2px;color:#a79e95;font-size:11px}.candidate-menu em{color:#f2b977;font-size:12px;font-style:normal}.candidate-empty{display:grid;min-height:62px;place-items:center;color:#a79e95;font-size:12px}.candidate-thumb{width:36px;height:28px;border:1px solid #665544;border-radius:5px;background:radial-gradient(circle at 55% 48%,var(--design-color, rgba(245, 166, 71, .8)) 0 38%,transparent 40%),#39312b}.active-design{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--design-color) 50%,#423d38);border-radius:7px;background:color-mix(in srgb,var(--design-color) 12%,#2a2724);color:#f3efe8;font-size:13px}.design-select{min-height:34px;max-width:min(280px,44vw);padding:7px 30px 7px 10px;border:1px solid #423d38;border-radius:7px;background:#2a2724;color:#e7ded3;font-size:13px}.design-select:disabled{cursor:not-allowed;opacity:.45}.canvas-frame{position:relative;display:grid;place-items:center;min-height:640px;padding:16px;overflow:hidden;border:1px solid #383431;border-radius:8px;background:linear-gradient(45deg,rgba(255,255,255,.03) 25%,transparent 25% 75%,rgba(255,255,255,.03) 75%),#11100f;background-size:28px 28px;touch-action:none;-webkit-user-select:none;user-select:none}.image-canvas,.mask-canvas{max-width:100%;border-radius:7px}.image-canvas{display:block;border:1px solid #3f3933;box-shadow:0 24px 80px #00000059}.mask-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:crosshair}.empty-canvas{position:absolute;top:16px;right:16px;bottom:16px;left:16px;border:1px dashed #4a4540;border-radius:7px;background:#0000002e}.empty-canvas strong{color:#e9ded2;font-size:16px}.empty-canvas span{font-size:13px}.lock-cue{position:absolute;right:26px;bottom:26px;display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:#13110fc7;color:#e8dfd4;font-size:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.mapping-strip{display:grid;gap:10px;padding:10px}.mapping-strip.multi{grid-template-columns:1fr}.mapping-empty{display:grid;min-height:90px;place-items:center;color:#918981;text-align:center;font-size:13px}.mapping-row{display:grid;grid-template-columns:14px minmax(150px,1fr) 24px minmax(150px,1fr) 24px minmax(150px,1fr);align-items:center;gap:8px}.mapping-tile{display:grid;grid-template-rows:auto 112px;gap:8px;min-width:0}.mapping-tile strong{color:#e9dfd5;font-size:12px}.mapping-tile img,.mapping-tile span{width:100%;height:112px;border:1px solid #403a35;border-radius:6px;object-fit:contain;background:#11100f}.mapping-tile span{display:grid;place-items:center;color:#918981;background:#171513;font-size:12px}.arrow{color:#d89145;font-size:20px;text-align:center}.result-panel{display:flex;flex:1;flex-direction:column;gap:12px;padding:13px}.result-preview{display:grid;place-items:center;min-height:390px;overflow:hidden;border:1px solid #383431;border-radius:6px;background:#151311}.result-preview img{width:100%;height:100%;min-height:390px;object-fit:contain}.result-image-button{display:grid;width:100%;height:100%;min-height:390px;place-items:center;padding:0;background:transparent;cursor:zoom-in}.result-image-button img{width:100%;height:100%;min-height:390px;object-fit:contain}.hidden-download,.hidden-input{display:none}.batch-shell{min-width:1180px}.batch-references{display:grid;gap:10px;margin-bottom:14px;padding:12px;border:1px solid #383431;border-radius:8px;background:#211f1d}.batch-section-head,.batch-stage-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.batch-section-head.compact{padding:12px;border-bottom:1px solid #383431}.batch-section-head strong,.batch-stage-head strong{display:block;font-size:14px}.batch-section-head small,.batch-stage-head small{display:block;margin-top:4px;color:#a39b94;font-size:12px}.shared-reference-row{display:flex;gap:10px;overflow-x:auto}.shared-reference{display:grid;grid-template-columns:10px 58px minmax(120px,180px) 28px;align-items:center;gap:9px;min-width:270px;padding:8px;border:1px solid color-mix(in srgb,var(--design-color) 35%,#383431);border-radius:7px;background:color-mix(in srgb,var(--design-color) 7%,#181614)}.shared-reference img{width:58px;height:44px;object-fit:contain;border:1px solid #403a35;border-radius:5px;background:#11100f}.shared-reference strong,.shared-reference small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.shared-reference small{margin-top:3px;color:#a39b94;font-size:11px}.batch-layout{display:grid;grid-template-columns:270px minmax(560px,1fr) 300px;gap:14px}.batch-queue,.batch-focus,.batch-monitor .result-panel{min-height:calc(100vh - 190px);border:1px solid #383431;border-radius:8px;background:#211f1d}.batch-queue{overflow:hidden}.task-list{display:grid;gap:6px;max-height:calc(100vh - 270px);overflow-y:auto;padding:10px}.task-empty{display:grid;min-height:180px;place-items:center;gap:8px;border:1px dashed #4a4540;border-radius:7px;background:#181614;color:#d8cfc5;cursor:pointer}.task-row{display:grid;grid-template-columns:58px 1fr 38px;align-items:center;gap:9px;width:100%;padding:8px;border:1px solid transparent;border-radius:7px;background:#181614;color:#efe5da;cursor:pointer;text-align:left}.task-row.active{border-color:#d89145;background:#d8914521}.task-row img{width:58px;height:42px;object-fit:cover;border-radius:5px;background:#11100f}.task-row strong,.task-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-row strong{font-size:12px}.task-row small{margin-top:3px;color:#a39b94;text-transform:capitalize;font-size:11px}.task-dot{width:9px;height:9px;border-radius:999px;background:#777}.task-row-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}.task-delete{width:24px;height:24px;opacity:0;pointer-events:none}.task-row:hover .task-delete,.task-row.active .task-delete{opacity:1;pointer-events:auto}.task-dot.detecting,.task-dot.generating,.task-dot.cleaning{background:#f5a647}.task-dot.done{background:#39d98a}.task-dot.failed{background:#ff7f66}.task-dot.annotated,.task-dot.detected{background:#4aa8ff}.batch-focus{display:flex;flex-direction:column;gap:12px;padding:12px}.batch-actions{display:inline-flex;align-items:center;gap:8px}.primary-action.slim{width:auto;min-height:36px;padding:8px 14px}.batch-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.batch-preview{display:grid;grid-template-rows:auto 280px;gap:8px;min-width:0}.batch-preview strong{font-size:12px}.batch-preview button,.batch-preview span{display:grid;width:100%;height:280px;place-items:center;border:1px solid #403a35;border-radius:7px;background:#141210;color:#8f877f;overflow:hidden}.batch-preview img{width:100%;height:100%;object-fit:contain}.batch-map-panel{display:grid;gap:8px;min-height:160px;padding:12px;border:1px solid #383431;border-radius:8px;background:#181614}.batch-map-panel>strong{font-size:13px}.batch-map-row{display:grid;grid-template-columns:10px minmax(120px,.55fr) 24px minmax(220px,1fr) 34px;align-items:center;gap:8px;min-height:34px;padding:7px 8px;border-bottom:1px solid #2e2a26;color:#ddd3c9;font-size:12px}.batch-map-row:not(.editable){grid-template-columns:10px minmax(120px,1fr) 24px minmax(90px,.8fr)}.batch-map-row strong{color:#f5cf9c}.batch-map-row strong small{display:block;max-width:900px;margin-top:4px;color:#a39b94;font-weight:600;line-height:1.35}.map-note-input{display:block;width:100%;min-height:46px;margin-top:5px;padding:7px 8px;resize:vertical;border:1px solid #3f3933;border-radius:7px;background:#12100f;color:#e8ded2;font:inherit;line-height:1.35}.map-reference-select{width:100%;min-width:0;height:34px;padding:0 9px;border:1px solid #3f3933;border-radius:7px;background:#12100f;color:#f1e7db;font:inherit}.map-reference-select:focus{outline:none;border-color:var(--design-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--design-color) 18%,transparent)}.map-note-input:focus{outline:none;border-color:#d89145;box-shadow:0 0 0 2px #d891452e}.map-delete{width:28px;height:28px}.batch-monitor .result-panel{gap:12px}.monitor-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.monitor-stats span{display:grid;gap:4px;min-height:66px;place-items:center;border:1px solid #383431;border-radius:7px;background:#181614}.monitor-stats strong{font-size:22px}.monitor-stats small{color:#a39b94;font-size:11px}.batch-empty-inline{display:grid;min-height:50px;place-items:center;color:#918981;font-size:12px}.batch-error{padding:10px;border:1px solid #744336;border-radius:7px;background:#31201c;color:#ffd7c8;font-size:12px;line-height:1.4}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;grid-template-rows:auto 1fr;gap:12px;padding:18px;background:#0a0908eb}.lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#f3efe8}.lightbox img{width:100%;height:calc(100vh - 84px);object-fit:contain;border-radius:8px}.debug-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;overflow:auto;padding-bottom:12px}.debug-card{display:grid;gap:8px;min-width:0;padding:10px;border:1px solid #383431;border-radius:8px;background:#171513;color:#f3efe8;text-decoration:none}.debug-card img,.debug-card span{width:100%;height:180px;object-fit:contain;border:1px solid #2f2a26;border-radius:6px;background:#0e0d0c}.debug-card span,.debug-empty{display:grid;place-items:center;color:#aaa29a}.debug-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.debug-empty{min-height:220px;border:1px dashed #4a4540;border-radius:8px;text-align:center}.generating svg{animation:spin 1s linear infinite}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;border-radius:8px;background:#e39b4f;color:#1b1209;cursor:pointer;font-weight:700}.primary-action svg{flex:0 0 auto}.primary-action:not(:disabled):hover{background:#f0ad65}.primary-action .lucide-loader-2{animation:spin 1s linear infinite}.change-note{color:#bcb0a2;text-align:center}.secondary-actions{display:grid;grid-template-columns:1fr;gap:8px}.secondary-action{width:100%}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.workspace{grid-template-columns:220px minmax(440px,1fr)}.right-panel{grid-column:1 / -1;min-height:auto}.result-panel{min-height:auto}}@media(max-width:820px){.app-shell{padding:12px}.top-bar{height:auto;flex-direction:column;align-items:flex-start}.workspace{grid-template-columns:1fr}.left-panel,.stage,.right-panel{min-height:auto}.canvas-frame{min-height:420px}.mapping-strip{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}}