*{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}.brand-lockup{display:inline-flex;align-items:center;gap:8px}.brand-lockup img{width:30px;height:30px;object-fit:contain}.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}.account-bar .brand-button{font-weight:700}.account-bar .brand-button img{width:18px;height:18px;object-fit:contain}.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}.credits-page{display:grid;gap:20px;padding-inline:clamp(18px,4.5vw,64px)}.credits-hero{display:flex;align-items:end;justify-content:space-between;gap:16px;max-width:1320px;width:100%;margin:0 auto}.credits-hero h1{margin-bottom:8px;font-size:clamp(38px,5vw,56px);line-height:.96}.credits-hero p{margin:0;color:#c8beb2}.credits-balance-pill{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 13px;border:1px solid #3d3834;border-radius:7px;background:#24211f;color:#f3efe8;font-weight:700;white-space:nowrap}.credits-checkout-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(520px,1.15fr);gap:16px;max-width:1320px;width:100%;margin:0 auto}.credits-panel{min-width:0;padding:clamp(18px,2.4vw,24px);border:1px solid #383431;border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 42%),#211f1d}.balance-card-top{display:grid;grid-template-columns:1fr auto;align-items:end;gap:5px 10px;padding-bottom:22px;border-bottom:1px solid #3b3631}.balance-card-top span,.credit-usage h2,.recent-credit-activity h2,.checkout-step h2{color:#bdb3a8;font-size:15px;line-height:1.25}.balance-card-top strong{grid-column:1;color:#ff9f50;font-size:clamp(44px,5vw,62px);line-height:.95;letter-spacing:0}.balance-card-top small{grid-column:2;padding-bottom:8px;color:#bdb3a8;font-size:17px}.credit-usage,.recent-credit-activity,.checkout-step{display:grid;gap:12px}.credit-usage{padding:22px 0;border-bottom:1px solid #3b3631}.usage-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px}.usage-row>span,.checkout-summary span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #4a4036;border-radius:8px;background:#2a2520;color:#f5a647}.usage-row div,.activity-row div{display:grid;gap:4px;min-width:0}.usage-row strong,.activity-row strong,.checkout-summary strong{color:#f3efe8}.usage-row small,.activity-row small,.checkout-summary small,.checkout-assurance small,.checkout-note{color:#aaa29a}.usage-row em{padding:5px 9px;border:1px solid #3b3631;border-radius:7px;background:#282522;color:#cfc5ba;font-size:12px;font-style:normal;white-space:nowrap}.recent-credit-activity{padding-top:22px}.section-heading{display:flex;align-items:center;justify-content:space-between}.recent-credit-activity p{margin:0;color:#aaa29a}.activity-row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;min-height:54px;padding:10px 0;border-bottom:1px solid #34302c}.activity-row:last-child{border-bottom:0}.activity-row>span{display:grid;place-items:center;min-width:70px;min-height:30px;border-radius:7px;background:#181614;font-weight:700}.activity-row>span.positive{color:#8bdc79}.activity-row>span.negative{color:#f0ad65}.checkout-panel{display:grid;gap:24px}.credit-pack-list{display:grid;gap:8px}.credit-pack-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;min-height:104px;padding:16px;border:1px solid #3a3531;border-radius:8px;background:#211f1d;color:#f3efe8;text-align:left;cursor:pointer}.credit-pack-row:hover{border-color:#68513a;background:#25211e}.credit-pack-row.selected{border-color:#d89145;background:#d891451a}.radio-dot{width:20px;height:20px;border:2px solid #746b61;border-radius:50%}.credit-pack-row.selected .radio-dot{border:6px solid #f5a647}.pack-copy,.pack-price{display:grid;gap:5px;min-width:0}.pack-copy strong{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:18px}.pack-copy em{padding:3px 7px;border:1px solid #744d32;border-radius:6px;background:#f5a64733;color:#ffb76a;font-size:11px;font-style:normal}.pack-copy small,.pack-price small{color:#bcb3aa;font-size:13px}.pack-price{justify-items:end;text-align:right}.pack-price strong{color:#f3efe8;font-size:20px}.checkout-summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:14px;border:1px solid #3a3531;border-radius:8px;background:#25221f}.checkout-summary>div{display:grid;gap:5px}.checkout-summary>div:first-child{grid-template-columns:auto 1fr;align-items:center;gap:4px 12px}.checkout-summary>div:first-child small{grid-column:2}.checkout-summary>div:not(:first-child){min-width:120px;padding-left:18px;border-left:1px solid #3b3631}.checkout-summary>div:not(:first-child) strong,.checkout-note strong{color:#f5a647}.payment-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.payment-tabs button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #3a3531;border-radius:7px;background:#201d1b;color:#c8beb2;font-weight:700;cursor:pointer}.payment-tabs .active{border-color:#d89145;background:#d891451f;color:#f3efe8}.checkout-paypal-shell{display:grid;gap:8px}.checkout-paypal-shell .paypal-host{min-height:46px}.checkout-assurance{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:2px}.checkout-assurance div{display:flex;gap:10px;min-width:0;color:#f5a647}.checkout-assurance span{display:grid;gap:4px}.checkout-assurance strong{color:#f3efe8}.checkout-note{margin:-8px 0 0;text-align:center;line-height:1.4;overflow-wrap:anywhere}.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}.history-empty{padding:16px;border:1px dashed #4a4540;border-radius:8px;color:#aaa29a}.history-actions{display:flex;gap:8px}.history-actions button,.history-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border:1px solid #3d3834;border-radius:7px;background:#24211f;color:#f3efe8;cursor:pointer;text-decoration:none}.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:30;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;overflow:visible;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;z-index:80}.candidate-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:200;width:min(440px,calc(100vw - 32px));max-height:min(480px,68vh);overflow:auto;padding:10px;border:1px solid #4b4138;border-radius:8px;background:#27231f;box-shadow:0 18px 48px #0000005c}.candidate-menu-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 4px 8px}.candidate-menu-head strong{color:#f3e8d9;font-size:13px}.candidate-apply{flex:0 0 auto;border:1px solid #584638;border-radius:6px;background:#d8914524;color:#ffd5a0;font-size:11px;cursor:pointer}.candidate-menu button:not(.candidate-apply){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:not(.candidate-apply):hover,.candidate-menu button:not(.candidate-apply).selected{background:#f5a64724}.candidate-copy{min-width:0}.candidate-copy strong{display:block;overflow:hidden;color:#f4ebe1;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.candidate-menu small{display:block;margin-top:2px;color:#a79e95;font-size:11px;line-height:1.35}.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:clamp(320px,20vw,380px) minmax(0,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}.queue-folders{display:flex;gap:6px;padding:0 10px 8px;overflow-x:auto}.folder-chip{display:inline-flex;align-items:center;gap:5px;min-width:max-content;height:30px;padding:0 9px;border:1px solid #3b352f;border-radius:7px;background:#181614;color:#d8cfc5;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.folder-chip small{color:#a39b94;font-size:10px}.folder-chip.active{border-color:#d89145;background:#d8914524;color:#ffd7a8}.folder-chip.icon-only{justify-content:center;width:30px;padding:0}.queue-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 10px 8px}.queue-toolbar button,.queue-move-select{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;height:30px;padding:0 8px;border:1px solid #3b352f;border-radius:7px;background:#24211e;color:#ded4c9;font:inherit;font-size:10px;font-weight:800}.queue-move-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.queue-toolbar button:disabled,.queue-move-select:disabled{opacity:.42;cursor:not-allowed}.task-list{display:grid;gap:6px;max-height:calc(100vh - 390px);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:24px 58px minmax(0,1fr) 38px;align-items:center;gap:9px;min-width:0;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.checked{border-color:#4aa8ff;background:#4aa8ff1a}.task-row img{width:58px;height:42px;object-fit:cover;border-radius:5px;background:#11100f}.task-row>span:not(.task-row-actions):not(.task-check),.task-row-copy{min-width:0}.task-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;color:#d8cfc5}.task-check.placeholder{opacity:.25;pointer-events:none}.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;min-width:0}.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;flex-wrap:wrap;justify-content:flex-end;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}.credits-checkout-layout{grid-template-columns:1fr}}@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)}.simple-page{padding-top:86px}.credits-hero{flex-direction:column;align-items:flex-start}.credit-pack-row{grid-template-columns:auto minmax(0,1fr)}.pack-price{grid-column:2;justify-items:start;text-align:left}.checkout-summary{grid-template-columns:1fr}.checkout-summary>div:not(:first-child){min-width:0;padding-top:12px;padding-left:0;border-top:1px solid #3b3631;border-left:0}.checkout-assurance{grid-template-columns:1fr}}@media(max-width:560px){.credits-page{padding-inline:14px}.balance-card-top{grid-template-columns:1fr}.balance-card-top small{grid-column:1;padding-bottom:0}.usage-row{grid-template-columns:44px minmax(0,1fr)}.usage-row em{grid-column:2;justify-self:start}.payment-tabs{grid-template-columns:1fr}.checkout-note{text-align:left}}