:root{color:#18202b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}.app-shell{background:#f7f8fb;grid-template-rows:auto 1fr;min-height:100svh;display:grid}.topbar{background:#fff;border-bottom:1px solid #d8dee8;justify-content:space-between;align-items:center;gap:24px;padding:22px 28px;display:flex}.eyebrow{color:#55708f;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:700}.topbar h1{color:#18202b;margin:0;font-size:27px;font-weight:750;line-height:1.1}.status-pill{color:#3c4b5e;text-align:left;background:#f8fafc;border:1px solid #cad3df;border-radius:6px;align-items:center;gap:10px;min-height:38px;padding:8px 13px;font-size:14px;display:inline-flex}.topbar-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.topbar-actions .help-action{color:#405873;background:#fff;min-height:38px;padding:7px 12px}.topbar-actions .help-action:hover{color:#075a55;background:#eef8f6;border-color:#8fc9c0}.wallet-session{color:#0d6b67;background:#eef8f6;border:1px solid #b9ddd7;border-radius:7px;align-items:center;gap:9px;min-height:38px;padding:5px 5px 5px 11px;display:flex}.wallet-session>div{gap:1px;display:grid}.wallet-session code{color:#1f3f4a;font-size:12px;font-weight:800}.wallet-session span{color:#54716f;text-transform:uppercase;font-size:9px;font-weight:800}.wallet-session button{color:#38495e;background:#fff;border:1px solid #c6d4d5;border-radius:5px;align-items:center;gap:6px;min-height:28px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.wallet-session button:hover{color:#8a3326;background:#fff5f2;border-color:#e7b9ae}.workbench{grid-template-columns:minmax(280px,360px) minmax(320px,1fr) minmax(280px,360px);min-height:0;display:grid}.panel{background:#fff;border-color:#d8dee8;min-width:0;padding:22px}.upload-panel{border-right:1px solid #d8dee8}.settings-panel{border-left:1px solid #d8dee8}.panel h2{color:#1e2936;margin:0 0 16px;font-size:18px;line-height:1.2}.preview-background-setting{background:#f8fafc;border:1px solid #d8dee8;border-radius:7px;gap:8px;margin-bottom:16px;padding:12px;display:grid}.preview-background-setting>span{color:#45576c;font-size:13px;font-weight:800}.preview-background-setting>small{color:#708096;font-size:10px;font-weight:700}.preview-background-options{align-items:center;gap:8px;display:flex}.preview-background-options button,.preview-color-custom{background:var(--swatch-color,#fff);border:1px solid #aeb9c8;border-radius:50%;width:34px;min-width:34px;height:34px;min-height:34px;padding:0}.preview-background-options button:hover{background:var(--swatch-color,#fff)}.preview-background-options button.active{border-color:#0d6b67;box-shadow:0 0 0 3px #0d6b6733}.preview-color-custom{cursor:pointer;margin:0;display:block;overflow:hidden}.preview-color-custom input{cursor:pointer;border:0;border-radius:0;width:44px;height:44px;margin:-5px;padding:0}.trait-editor-background-setting{grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-bottom:12px;padding:10px}.trait-editor-background-setting>small{grid-column:1/-1}button,.download-link{color:#233143;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #c6d0dd;border-radius:6px;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}button:hover,.download-link:hover{background:#f5f8fb;border-color:#8495ab}button:disabled{cursor:not-allowed;opacity:.55}.drop-button{text-align:left;border-style:dashed;justify-content:flex-start;width:100%;min-height:96px;padding:16px}.drop-button span{gap:3px;display:grid}.drop-button small{color:#607188;font-size:12px;font-weight:600}.base-drop-button{text-align:left;border-style:dashed;justify-content:flex-start}.base-drop-button span{gap:2px;min-width:0;display:grid}.base-drop-button small{color:#607188;font-size:11px;font-weight:650}.drop-button.drag-active,.base-drop-button.drag-active,.split-row button.drag-active{color:#075a55;background:#dff5ef;border-color:#0d6b67;box-shadow:0 0 0 3px #0d6b6724}.split-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.split-row button{width:100%}.one-of-ones-panel{background:#fffdf6;border:1px solid #ddcda7;border-radius:6px;margin-top:10px;overflow:hidden}.one-of-ones-drop{text-align:left;background:#fff8df;border:0;border-bottom:1px solid #0000;border-radius:0;justify-content:flex-start;width:100%;min-height:68px}.one-of-ones-drop span{flex:1;gap:2px;min-width:0;display:grid}.one-of-ones-drop small{color:#75633e;font-size:11px;font-weight:650}.one-of-ones-drop b{color:#fff;text-align:center;background:#5d4611;border-radius:999px;min-width:28px;padding:4px 7px;font-size:12px}.one-of-ones-drop.drag-active{background:#f6e7b7;box-shadow:inset 0 0 0 2px #a47513}.one-of-ones-list{background:#eadfca;border-top:1px solid #ddcda7;gap:1px;display:grid}.one-of-one-row{background:#fffdf8;grid-template-columns:38px minmax(0,1fr) 34px;align-items:center;gap:8px;padding:7px;display:grid}.one-of-one-row>canvas{border:1px solid #ddcda7;border-radius:4px;width:38px;height:38px}.one-of-one-row label{letter-spacing:.06em;text-transform:uppercase;gap:3px;min-width:0;font-size:9px}.one-of-one-row input{text-transform:none;width:100%;min-height:30px;padding:5px 7px;font-size:12px}.one-of-one-row>button{color:#a43c32;width:34px;height:34px;padding:0}.backup-action{width:100%;margin-top:10px}.trait-list{border:1px solid #d8dee8;border-radius:6px;margin-top:22px;overflow:hidden}.list-header,.trait-row{justify-content:space-between;gap:12px;padding:11px 12px;display:flex}.list-header{color:#45576c;text-transform:uppercase;background:#eef3f8;font-size:12px;font-weight:800}.render-order-header-actions{align-items:center;gap:8px;display:flex}.render-order-header-actions button{color:#0d6b67;text-transform:none;background:#fff;border-color:#b7c9d3;min-height:26px;padding:4px 7px;font-size:10px}.trait-preview-selection{color:#075a55;background:#e9f8f4;border-top:1px solid #b9ddd7;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:11px;font-weight:800;display:flex}.trait-preview-selection button{color:#075a55;background:#fff;border-color:#9ccfc7;align-items:center;gap:4px;min-height:26px;padding:4px 7px;font-size:10px;display:inline-flex}.trait-row{color:#233143;border-top:1px solid #e5eaf0;align-items:center;font-size:14px}.trait-folder-group{transition:background-color .13s,box-shadow .13s}.trait-folder-group.drop-active{background:#e6f6f2;box-shadow:inset 3px 0 #0d6b67}.trait-folder-group.drop-active .trait-row{background:0 0}.trait-row.selected{background:#f2faf8}.trait-row.disabled{color:#748298;background:#f7f8fa}.trait-row strong{color:#0d6b67}.trait-row.disabled strong{color:#748298}.trait-select{text-align:left;background:0 0;border:0;justify-items:start;gap:2px;min-width:0;min-height:0;padding:0;font-weight:800;display:grid}.trait-select:hover{background:0 0}.trait-select span{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.trait-select small{color:#8a97a8;text-transform:uppercase;font-size:11px;font-weight:800}.trait-rename-input{width:130px;min-width:0;height:32px;padding:5px 8px;font-size:13px;font-weight:800}.trait-actions{align-items:center;gap:6px;display:inline-flex}.trait-actions button{width:28px;min-width:28px;height:28px;min-height:28px;padding:0}.trait-actions button.active{color:#075a55;background:#e4f6f2;border-color:#8fc9c0}.folder-trait-list{background:#f8fafc;border-top:1px dashed #d8dee8;gap:6px;padding:8px 12px 12px 28px;display:grid}.folder-trait-list>p{color:#748298;margin:2px 0;font-size:11px;font-weight:700;line-height:1.4}.folder-trait-chip{color:#34465d;cursor:grab;background:#fff;border:1px solid #d5dde8;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:7px 9px;font-size:11px;font-weight:800;display:flex}.folder-trait-chip:active{cursor:grabbing}.folder-trait-chip.selected{color:#075a55;background:#e9f8f4;border-color:#75b7ad;box-shadow:inset 3px 0 #0d6b67}.folder-trait-chip.selected small{color:#0d6b67}.folder-trait-chip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.folder-trait-chip small{color:#8a97a8;text-transform:uppercase;flex:none;font-size:9px;font-weight:750}.empty-state{color:#607188;margin:0;padding:14px;font-size:14px}.compact-manager,.rule-panel{background:#fbfcfe;border:1px solid #d8dee8;border-radius:6px;margin-top:14px;padding:12px}.chance-header{color:#45576c;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:12px;font-weight:800;display:flex}.chance-header span{align-items:center;gap:7px;display:inline-flex}.chance-header strong{color:#0d6b67;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chance-note{color:#607188;margin:10px 0 0;font-size:12px;font-weight:700;line-height:1.35}.modal-backdrop{z-index:10;background:#121b276b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.trait-editor-modal{background:#fff;border:1px solid #c6d0dd;border-radius:8px;grid-template-rows:auto minmax(0,1fr);width:min(1440px,100vw - 32px);height:min(900px,100svh - 32px);max-height:none;display:grid;overflow:hidden;box-shadow:0 28px 80px #121b2747}.rarity-planner-backdrop{z-index:20}.help-backdrop{z-index:40}.help-modal{background:#fff;border:1px solid #c6d0dd;border-radius:10px;grid-template-rows:auto minmax(0,1fr);width:min(760px,100%);max-height:min(820px,100svh - 48px);display:grid;overflow:hidden;box-shadow:0 28px 80px #121b274d}.help-content{min-height:0;padding:20px;overflow-y:auto}.chance-formula-card{background:#eef8f6;border:1px solid #9dcfc7;border-radius:9px;padding:16px}.chance-formula-card>div{color:#075a55;align-items:center;gap:10px;display:flex}.chance-formula-card>div>span{gap:2px;display:grid}.chance-formula-card strong{color:#173c3a}.chance-formula-card small{color:#54716f;font-size:11px;font-weight:700}.chance-formula-card code{color:#173c3a;white-space:nowrap;background:#fff;border:1px solid #c7e3de;border-radius:6px;margin:14px 0 10px;padding:10px 12px;font-size:12px;font-weight:800;display:block;overflow-x:auto}.chance-formula-card p{color:#405f5d;margin:0;font-size:12px;font-weight:650;line-height:1.5}.chance-formula-card .help-caveat{color:#667875;margin-top:8px;font-size:11px}.help-faq{gap:8px;margin-top:14px;display:grid}.help-faq details{background:#fff;border:1px solid #d8dee8;border-radius:7px;overflow:hidden}.help-faq summary{color:#26384d;cursor:pointer;padding:12px 40px 12px 13px;font-size:13px;font-weight:850}.help-faq details[open] summary{background:#f8fafc;border-bottom:1px solid #e2e7ee}.help-faq p{color:#52647a;margin:0;padding:12px 13px;font-size:12px;font-weight:650;line-height:1.55}.help-faq p+p{padding-top:0}.rarity-planner-modal{background:#fff;border:1px solid #c6d0dd;border-radius:10px;grid-template-rows:auto minmax(0,1fr);width:min(580px,100%);max-height:min(760px,100svh - 48px);display:grid;overflow:hidden;box-shadow:0 28px 80px #121b274d}.rarity-planner-form{gap:18px;min-height:0;padding:20px;display:grid;overflow-y:auto}.rarity-supply-field{color:#34465d;gap:7px;font-size:13px;font-weight:800;display:grid}.rarity-supply-field small,.rarity-group-picker>p{color:#708096;margin:0;font-size:11px;font-weight:650;line-height:1.45}.rarity-group-picker{background:#f8fafc;border:1px solid #d8dee8;border-radius:8px;min-width:0;margin:0;padding:14px}.rarity-group-picker legend{color:#26384d;padding:0 7px;font-size:13px;font-weight:800}.rarity-group-options{gap:7px;max-height:310px;margin-top:12px;display:grid;overflow-y:auto}.rarity-group-option{color:#34465d;cursor:pointer;background:#fff;border:1px solid #d5dde8;border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px 11px;display:grid}.rarity-group-option input{accent-color:#0d6b67;width:18px;height:18px;margin:0;padding:0}.rarity-group-option span{gap:2px;min-width:0;display:grid}.rarity-group-option strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.rarity-group-option small{color:#7a899b;font-size:10px;font-weight:700}.rarity-group-option b{color:#0d6b67;text-transform:uppercase;font-size:10px}.rarity-planner-actions{grid-template-columns:auto minmax(190px,1fr);gap:10px;display:grid}.rarity-planner-actions .primary-action{width:auto}.rule-manager-modal{background:#fff;border:1px solid #c6d0dd;border-radius:8px;grid-template-rows:auto auto minmax(0,1fr);width:min(1180px,100%);max-height:min(820px,100svh - 48px);display:grid;overflow:hidden;box-shadow:0 28px 80px #121b2747}.sample-preview-modal{background:#fff;border:1px solid #c6d0dd;border-radius:10px;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(1120px,100%);max-height:min(860px,100svh - 48px);display:grid;overflow:hidden;box-shadow:0 28px 80px #121b2747}.sample-preview-toolbar{color:#45576c;background:#fff;border-bottom:1px solid #d8dee8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;font-size:12px;font-weight:800;display:flex}.sample-preview-navigation{align-items:center;gap:8px;display:flex}.sample-preview-toolbar button{color:#fff;font:inherit;cursor:pointer;background:#3859d6;border:0;border-radius:7px;align-items:center;gap:7px;padding:8px 12px;display:inline-flex}.sample-preview-toolbar button:disabled{cursor:default;opacity:.5}.generation-summary-modal{background:#fff;border:1px solid #c6d0dd;border-radius:10px;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(920px,100%);max-height:min(860px,100svh - 48px);display:grid;overflow:hidden;box-shadow:0 28px 80px #121b2747}.generation-summary-intro{color:#607188;background:#f5f8fb;border-bottom:1px solid #d8dee8;gap:3px;padding:14px 20px;font-size:12px;display:grid}.generation-summary-intro strong{color:#182334;font-size:15px}.generation-summary-intro small{color:#0d6b67;font-weight:800}.generation-summary-groups{background:#f4f6f9;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px;min-height:0;padding:18px;display:grid;overflow-y:auto}.generation-summary-group{background:#fff;border:1px solid #d5dde7;border-radius:8px;min-width:0;overflow:hidden}.generation-summary-group>header{border-bottom:1px solid #e2e7ee;justify-content:space-between;align-items:baseline;gap:10px;padding:11px 12px;display:flex}.generation-summary-group>header strong{color:#182334;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.generation-summary-group>header span{color:#718096;text-align:right;text-transform:uppercase;flex:0 auto;font-size:9px;font-weight:800}.generation-summary-list{display:grid}.generation-summary-labels{color:#8290a2;letter-spacing:.04em;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e3e8ef;grid-template-columns:minmax(90px,1fr) minmax(70px,1fr) 48px 42px;gap:8px;min-width:0;padding:7px 12px;font-size:8px;font-weight:850;display:grid}.generation-summary-labels span:nth-child(n+3){text-align:right}.generation-summary-row{color:#45576c;border-bottom:1px solid #edf0f4;grid-template-columns:minmax(90px,1fr) minmax(70px,1fr) 48px 42px;align-items:center;gap:8px;min-width:0;padding:8px 12px;font-size:11px;display:grid}.generation-summary-row:last-child{border-bottom:0}.generation-summary-row>span{text-overflow:ellipsis;white-space:nowrap;font-weight:750;overflow:hidden}.generation-summary-row>div{background:#e7ecf2;border-radius:999px;height:7px;overflow:hidden}.generation-summary-row i{border-radius:inherit;background:#0d6b67;height:100%;display:block}.generation-summary-row strong,.generation-summary-row small{text-align:right;font-variant-numeric:tabular-nums}.generation-summary-row strong{color:#182334;font-size:12px}.generation-summary-row small{color:#718096;font-size:10px}.generation-summary-footer{color:#607188;border-top:1px solid #d8dee8;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;font-size:11px;font-weight:700;display:flex}.generation-summary-footer .primary-action{width:auto;margin:0}.usage-summary-action{color:#075a55;width:100%;font:inherit;cursor:pointer;background:#e9f7f4;border:1px solid #8ac8bf;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-weight:850;display:flex}.usage-summary-action:hover:not(:disabled){background:#d9f0ec}.intro-backdrop{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#121b27a3}.intro-modal{color:#52647a;background:#fff;border:1px solid #c6d0dd;border-radius:16px;width:min(520px,100%);padding:38px;overflow:hidden;box-shadow:0 32px 90px #121b2757}.intro-mark{color:#0d6b67;background:#e1f3ef;border-radius:15px;place-items:center;width:60px;height:60px;margin-bottom:22px;display:grid}.intro-modal h2{color:#18202b;margin:6px 0 14px;font-size:clamp(26px,5vw,34px);line-height:1.12}.intro-modal>p:not(.eyebrow){margin:0;font-size:15px;line-height:1.6}.intro-price-note{color:#42536b;background:#f4f7fa;border:1px solid #d8dee8;border-radius:9px;margin:22px 0;padding:15px 16px;font-size:14px;line-height:1.55}.intro-price-note strong{color:#0d6b67}.payment-backdrop{z-index:20}.payment-modal{background:#fff;border:1px solid #c6d0dd;border-radius:12px;grid-template-rows:auto minmax(0,1fr);width:min(760px,100%);max-height:min(840px,100svh - 48px);display:grid;overflow:hidden;box-shadow:0 28px 80px #121b2747}.payment-method-tabs{background:#f5f7fa;border-bottom:1px solid #d8dee8;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 16px;display:grid}.payment-method-tabs button{color:#607188;background:0 0;border-color:#0000;min-width:0;padding-inline:9px;font-size:12px}.payment-method-tabs button.active{color:#075a55;background:#fff;border-color:#8fc9c0;box-shadow:0 3px 10px #25435014}.payment-panel{min-height:0;padding:28px;overflow-y:auto}.payment-option-content{gap:14px;display:grid}.payment-option-content label{margin:2px 0 0}.payment-option-content>small,.irreversible-note{color:#708096;font-size:11px;font-weight:700;line-height:1.45}.payment-option-heading{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin-bottom:4px;display:grid}.payment-option-heading h3{color:#18202b;margin:0 0 4px;font-size:19px}.payment-option-heading p{color:#607188;margin:0;font-size:13px;line-height:1.45}.payment-option-icon{color:#0d6b67;background:#e1f3ef;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.payment-option-icon.burn{color:#9a3d26;background:#fff0eb}.payment-asset-picker{background:#eef3f6;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:4px;display:grid}.payment-asset-picker button{color:#506176;background:0 0;border:1px solid #0000;border-radius:7px;min-height:40px;font-weight:850}.payment-asset-picker button.active{color:#0b625f;background:#fff;border-color:#badbd7;box-shadow:0 2px 7px #2344521a}.payment-network-note{color:#52657c;background:#f3f7fa;border:1px solid #d6e0e9;border-radius:8px;gap:4px;padding:11px 12px;font-size:11px;line-height:1.45;display:grid}.payment-network-note strong{color:#26384d;font-size:12px}.referral-code-field{background:#fff9e8;border:1px solid #ead59b;border-radius:8px;gap:7px;padding:12px;display:grid}.referral-code-field label{margin:0}.referral-code-field label span{color:#8a6516;font-size:11px;font-weight:800}.referral-code-field p{color:#276248;align-items:center;gap:5px;margin:0;font-size:12px;display:flex}.payment-support-note{color:#42566f;text-align:center;background:#eefaf8;border:1px solid #9edbd3;border-radius:10px;justify-items:center;gap:6px;margin:2px 0 0;padding:14px 16px;font-size:12px;font-weight:700;line-height:1.45;display:grid}.payment-support-note strong{color:#164e4a;font-size:14px;font-weight:900}.payment-support-note a{color:#0d6b67;text-underline-offset:2px;font-weight:900;text-decoration:underline}.payment-support-note .payment-comment-link{color:#fff;background:#0d6b67;border-radius:7px;align-items:center;min-height:32px;padding:7px 12px;text-decoration:none;display:inline-flex}.payment-support-note .payment-comment-link:hover{background:#09534f}.crypto-payment-steps{color:#52647a;gap:7px;margin:0;padding:0 0 0 22px;font-size:12px;font-weight:650;line-height:1.45;display:grid}.payment-copy-field{gap:5px;display:grid}.payment-copy-field>span{color:#45576c;text-transform:uppercase;font-size:11px;font-weight:850}.payment-copy-field>div{background:#f8fafc;border:1px solid #c6d0dd;border-radius:7px;grid-template-columns:minmax(0,1fr) 40px;min-width:0;display:grid;overflow:hidden}.payment-copy-field code{color:#172b42;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:11px 12px;font-size:12px;font-weight:800;overflow:hidden}.payment-copy-field button{color:#0d6b67;border:0;border-left:1px solid #c6d0dd;border-radius:0;width:40px;min-width:40px;min-height:40px;padding:0}.payment-quote-meta{color:#708096;justify-content:space-between;align-items:center;gap:10px;margin-top:-4px;font-size:10px;font-weight:700;display:flex}.payment-quote-meta a{color:#0d6b67;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.code-redemption{border-top:1px solid #d8dee8;margin-top:18px}.code-redemption summary{color:#52647a;cursor:pointer;padding:14px 2px 8px;font-size:12px;font-weight:800}.code-redemption .payment-option-content{background:#f8fafc;border:1px solid #d8dee8;border-radius:8px;margin-top:8px;padding:14px}.code-redemption button[type=submit]{width:100%}.hoodchan-list-header{color:#26384d;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.hoodchan-list-header button{color:#0d6b67;background:#eef8f6;border-color:#a8d3cc;min-height:30px;padding:4px 10px;font-size:11px}.hoodchan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-height:440px;padding:4px;display:grid;overflow-y:auto}.hoodchan-grid button{color:#41536a;text-align:left;background:#fff;border:1px solid #d3dce6;border-radius:9px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:10px;min-width:0;min-height:0;padding:10px;font-size:10px;display:grid}.hoodchan-grid button:hover:not(:disabled),.hoodchan-grid button.selected{color:#075a55;border-color:#4da99d;box-shadow:0 0 0 2px #4da99d24}.hoodchan-artwork{aspect-ratio:1;background:#edf2f6;border-radius:7px;grid-column:1/-1;width:100%;display:block;overflow:hidden}.hoodchan-grid img,.hoodchan-image-fallback{object-fit:cover;background:#edf2f6;width:100%;height:100%;display:block}.hoodchan-image-fallback{color:#9a3d26;place-items:center;display:grid}.hoodchan-grid button>svg{color:#0d6b67;align-self:center}.hoodchan-empty{color:#617287;text-align:center;background:#f7f9fb;border:1px dashed #c9d3df;border-radius:8px;margin:0;padding:18px;font-size:12px}.burn-step-heading{color:#26384d;align-items:center;gap:9px;font-size:12px;display:flex}.burn-step-heading>span{color:#fff;background:#0f766e;border-radius:999px;flex:none;place-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:grid}.burn-recovery-note,.burn-review-card{color:#6f351f;background:#fff7ed;border:1px solid #fdba74;border-radius:9px;margin:0;padding:12px;font-size:12px;line-height:1.45}.burn-review-card{gap:10px;display:grid}.burn-review-card label{align-items:flex-start;gap:8px;font-weight:650;display:flex}.burn-review-card input{width:16px;height:16px;margin-top:1px}.burn-selected-action:disabled{opacity:.55}.payment-external-link{color:#0d6b67;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.pending-burn-action{color:#0d6b67;background:#eef8f6;border-color:#9dcfc7;width:100%}.pending-burn-action:hover:not(:disabled){color:#095b57;background:#e1f3ef;border-color:#70b8ad}.payment-external-link:hover{text-underline-offset:3px;text-decoration:underline}.payment-message{color:#42536b;background:#f1f5f8;border:1px solid #d6dee8;border-radius:7px;margin:18px 0 0;padding:11px 12px;font-size:12px;font-weight:750;line-height:1.45}.sample-preview-grid{background:#f4f6f9;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;align-items:start;gap:14px;min-height:0;padding:18px;display:grid;overflow-y:auto}.sample-preview-grid figure{background:#fff;border:1px solid #d4dce7;border-radius:8px;min-width:0;margin:0;overflow:hidden;box-shadow:0 6px 18px #26303e14}.sample-preview-grid figure>div{background:var(--preview-background,#fff);place-items:center;display:grid;overflow:hidden}.sample-preview-grid img{object-fit:contain;width:100%;height:auto;display:block}.sample-preview-grid figcaption{color:#45576c;border-top:1px solid #e1e6ed;padding:8px 10px;font-size:12px;font-weight:800}.sample-preview-loading{color:#607188;place-content:center;justify-items:center;gap:12px;min-height:280px;font-size:14px;font-weight:750;display:grid}.sample-preview-footer{color:#607188;background:#fff;border-top:1px solid #d8dee8;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;font-size:12px;font-weight:700;display:flex}.sample-preview-share-instruction{color:#263548;align-items:center;gap:12px;min-width:0;display:flex}.sample-preview-share-instruction>span{line-height:1.35}.sample-preview-share-instruction>strong{color:#111923;background:#fff2a8;border:1px solid #e4c94d;border-radius:7px;flex:none;align-items:center;gap:5px;padding:7px 9px;display:inline-flex;box-shadow:0 2px #c8aa26}.sample-preview-share-instruction kbd{color:#fff;text-align:center;background:#111923;border:1px solid #111923;border-radius:5px;min-width:26px;padding:3px 6px;font:800 13px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.sample-preview-share-instruction b{font-size:14px}.sample-preview-footer button{color:#fff;font:inherit;cursor:pointer;background:#0f1419;border:0;border-radius:7px;flex:none;align-items:center;gap:7px;padding:10px 14px;display:inline-flex}.sample-preview-footer button:hover:not(:disabled){background:#272c30}.sample-preview-footer button:disabled{cursor:wait;opacity:.5}.sample-preview-footer-actions{flex:none;align-items:center;gap:8px;display:flex}.sample-preview-footer-actions label{color:#45576c;white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.sample-preview-footer-actions select{color:#182334;min-width:58px;font:inherit;background:#fff;border:1px solid #c8d2df;border-radius:7px;padding:8px 9px}.sample-preview-footer .gif-preview-action{background:#3859d6}.sample-preview-footer .gif-preview-action:hover:not(:disabled){background:#2947bd}@media (width<=950px){.sample-preview-footer{flex-direction:column;align-items:stretch}.sample-preview-footer-actions{flex-wrap:wrap;justify-content:flex-end}}.rule-manager-tabs{background:#f6f8fb;border-bottom:1px solid #d8dee8;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px 20px;display:grid;overflow-x:auto}.rule-manager-tabs button{color:#52647a;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-width:max-content;padding:10px 12px;font-size:12px;font-weight:800;display:flex}.rule-manager-tabs button:hover{color:#233143;background:#fff;border-color:#ccd6e2}.rule-manager-tabs button.active{color:#075a55;background:#fff;border-color:#8fc9c0;box-shadow:0 3px 10px #25435014}.rule-manager-tabs strong{min-width:23px;color:inherit;text-align:center;background:#e4f6f2;border-radius:999px;padding:2px 6px;font-size:11px}.rule-manager-grid{min-height:0;overflow-y:auto}.rule-manager-section{width:min(860px,100%);min-width:0;margin-inline:auto;padding:28px 32px 36px}.rule-manager-section>p{color:#607188;min-height:38px;margin:0 0 16px;font-size:12px;font-weight:700;line-height:1.45}.rule-manager-title{color:#233143;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:15px;font-weight:850;display:flex}.rule-manager-title span{align-items:center;gap:8px;display:inline-flex}.rule-manager-title strong{color:#075a55;text-align:center;background:#e4f6f2;border-radius:999px;min-width:26px;padding:3px 7px;font-size:12px}.rule-manager-section .manager-empty{text-align:center;border:1px dashed #c6d0dd;border-radius:6px;min-height:0;margin-top:12px;padding:12px}.folder-conflict-pickers{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.multi-rule-picker{background:#f8fafc;border:1px solid #c6d0dd;border-radius:7px;min-width:0;margin:0 0 14px;padding:10px}.folder-conflict-pickers .multi-rule-picker{margin-bottom:0}.multi-rule-picker legend{color:#45576c;padding:0 5px;font-size:12px;font-weight:850}.multi-rule-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-width:0;max-height:240px;display:grid;overflow-y:auto}.multi-rule-option{cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:6px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;min-width:0;margin:0;padding:8px;display:grid}.multi-rule-option:has(input:checked){color:#075a55;background:#e9f8f4;border-color:#75b7ad}.multi-rule-option:has(input:disabled){cursor:not-allowed;opacity:.58}.multi-rule-option input{accent-color:#0d6b67;width:16px;height:16px;margin:0}.multi-rule-option span{min-width:0;color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.multi-rule-option small{color:#7a8798;overflow-wrap:anywhere;grid-column:2;min-width:0;font-size:9px;line-height:1.25}.trait-picker-field{grid-template-columns:minmax(0,1fr) 92px;align-items:end;gap:10px;margin-bottom:14px;display:grid}.trait-picker-field label{margin-bottom:0}.trait-picker-field .optional-field-note{color:#8290a2;letter-spacing:.02em;text-transform:uppercase;font-size:9px;font-weight:750}.trait-picker-field .manager-trait-preview{grid-area:1/2/span 2}.trait-position-controls{grid-template-columns:1fr 1fr;gap:7px;min-width:0;display:grid}.trait-position-controls.empty{color:#8290a2;font-size:10px;font-weight:700;display:block}.trait-position-controls>span{grid-template-columns:18px minmax(0,1fr);align-items:center;gap:3px;min-width:0;display:grid}.trait-position-controls small{color:#607188;text-align:center;font-size:10px;font-weight:900}.trait-position-controls input{text-align:right;min-width:0;padding:7px 5px}.trait-position-controls .scale-control{grid-column:1/-1;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:3px;min-width:0;display:grid}.trait-position-controls .compact-suffix{min-width:0}.trait-position-controls .compact-suffix input{width:100%}.trait-position-controls .compact-suffix b{color:#607188;padding:0 8px 0 4px;font-size:10px}.pair-position-preview{background:#f8fafc;border:1px solid #d8dee8;border-radius:7px;margin:2px 0 14px;padding:10px}.pair-position-preview-header{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.pair-position-preview-header span{color:#233143;font-size:11px;font-weight:850}.pair-position-preview-header small{color:#728196;font-size:9px;font-weight:700}.pair-position-preview-frame{aspect-ratio:1;background:var(--preview-background,#fff);border:1px solid #c6d0dd;border-radius:7px;place-items:center;width:min(220px,100%);margin-inline:auto;display:grid;overflow:hidden}.pair-position-preview-frame img{object-fit:contain;width:100%;height:100%;display:block}.interactive-position-preview{padding:14px}.position-preview-trait-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.position-preview-trait-tabs button{color:#52647a;text-align:left;background:#fff;border-color:#ced7e2;justify-items:start;gap:2px;min-width:0;min-height:60px;padding:8px 10px;display:grid}.position-preview-trait-tabs button.active{color:#075a55;background:#e9f7f4;border-color:#72b8ae;box-shadow:0 0 0 2px #0d6b671a}.position-preview-trait-tabs span,.position-preview-trait-tabs small{text-transform:uppercase;font-size:9px;font-weight:800}.position-preview-trait-tabs strong{color:#233143;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.pair-position-preview-frame.interactive{isolation:isolate;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(45deg, #edf1f5 25%, transparent 25%), linear-gradient(-45deg, #edf1f5 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #edf1f5 75%), linear-gradient(-45deg, transparent 75%, #edf1f5 75%), var(--preview-background,#fff);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;width:min(360px,100%);position:relative}.pair-position-preview-frame.interactive:active{cursor:grabbing}.pair-position-preview-frame.interactive .position-preview-layer{z-index:1;width:100%;height:100%;box-shadow:none;pointer-events:none;opacity:.72;will-change:transform;transform-origin:50%;border:0;position:absolute;inset:0}.pair-position-preview-frame.interactive .position-preview-layer.active{z-index:2;opacity:1}.position-drag-hint{z-index:3;color:#fff;pointer-events:none;background:#18202bb8;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800;position:absolute;bottom:8px;right:8px}.manager-trait-preview{color:#7a8798;gap:5px;min-width:0;display:grid}.manager-trait-preview-frame{aspect-ratio:1;background:var(--preview-background,#fff);border:1px dashed #b9c4d2;border-radius:7px;place-items:center;display:grid;overflow:hidden}.manager-trait-preview.selected .manager-trait-preview-frame{border-style:solid;border-color:#9cb4b1}.manager-trait-preview img{object-fit:contain;width:100%;height:100%;display:block}.manager-trait-preview>span{color:#607188;text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;font-weight:800;overflow:hidden}.visual-rule-row{align-items:start}.position-rule-row span{line-height:1.5}.rule-visuals{grid-template-columns:minmax(62px,1fr) auto minmax(62px,1fr);align-items:center;gap:7px;min-width:0;display:grid}.rule-visuals>span{color:#607188;text-align:center;font-size:9px;font-weight:800}.folder-rule-visual{grid-template-columns:minmax(0,1fr) 76px;align-items:center;gap:10px;min-width:0;display:grid}.folder-rule-visual>span{color:#607188;font-size:10px;font-weight:750;line-height:1.35}.folder-rule-visual strong{color:#233143}.manager-rule-trait{gap:4px;min-width:0;display:grid}.manager-rule-trait-frame{aspect-ratio:1;background:var(--preview-background,#fff);border:1px solid #c6d0dd;border-radius:6px;place-items:center;display:grid;overflow:hidden}.manager-rule-trait-frame img{object-fit:contain;width:100%;height:100%;display:block}.manager-rule-trait>span{color:#45576c;text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;font-weight:800;overflow:hidden}.modal-header{border-bottom:1px solid #d8dee8;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.modal-header h2{color:#18202b;margin:0;font-size:22px}.modal-header button{width:38px;min-width:38px;height:38px;min-height:38px;padding:0}.modal-header-actions{align-items:center;gap:10px;display:flex}.modal-header .modal-rarity-action{color:#fff;background:#0d6b67;border-color:#0d6b67;width:auto;min-width:0;height:38px;padding:0 13px}.modal-header .modal-rarity-action:hover{background:#095b57;border-color:#095b57}.trait-editor-workspace{grid-template-columns:220px minmax(430px,1.25fr) minmax(360px,.9fr);min-height:0;display:grid}.trait-editor-nav{background:#f8fafc;border-right:1px solid #d8dee8;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;min-height:0;padding:16px;display:grid}.editor-column-label{color:#607188;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:850}.trait-editor-folder-list{align-content:start;gap:6px;min-height:0;display:grid;overflow-y:auto}.trait-editor-nav button{text-align:left;border-radius:6px;justify-content:space-between;min-height:42px;padding:8px 10px}.trait-editor-nav button.active{color:#075a55;background:#e4f6f2;border-color:#0d6b67}.trait-editor-nav span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.trait-editor-nav strong{color:#0d6b67}.trait-folder-settings{border-top:1px solid #d8dee8;gap:10px;padding-top:12px;display:grid}.trait-folder-settings label{margin:0;font-size:11px}.input-with-suffix{background:#fff;border:1px solid #c6d0dd;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;overflow:hidden}.input-with-suffix input{border:0;border-radius:0}.input-with-suffix span{color:#607188;padding:0 10px 0 6px;font-size:12px;font-weight:800}.trait-editor-list{border-right:1px solid #d8dee8;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.trait-editor-list-header{border-bottom:1px solid #e3e8ef;grid-template-columns:minmax(150px,.7fr) minmax(280px,1fr);align-items:end;gap:16px;padding:16px 18px 14px;display:grid}.trait-editor-list-header .eyebrow{margin:0}.trait-editor-list-header h3,.trait-inspector-header h3{color:#18202b;margin:3px 0 0;font-size:18px}.selected-folder-heading{min-width:0}.selected-folder-title-row{align-items:center;gap:8px;min-width:0;margin-top:3px;display:flex}.selected-folder-title-row h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.selected-folder-title-row>span{color:#52647a;white-space:nowrap;background:#edf2f7;border-radius:999px;flex:none;padding:3px 7px;font-size:9px;font-weight:850}.selected-folder-controls{grid-template-columns:minmax(0,1fr) 132px;align-items:start;gap:10px;min-width:0;display:grid}.folder-selection-mode{color:#45576c;letter-spacing:.02em;text-transform:uppercase;gap:4px;min-width:0;margin:0;font-size:9px;font-weight:850}.folder-selection-mode select{border-color:#7ab6b0;min-width:0;padding:7px 8px;font-size:11px;box-shadow:0 0 0 2px #0d6b6714}.folder-selection-mode small{color:#708096;letter-spacing:0;text-transform:none;font-size:9px;font-weight:750;line-height:1.25}.modal-header .modal-faq-action{color:#405873;background:#fff;border-color:#c6d0dd;width:auto;min-width:74px;height:42px;min-height:42px;padding:0 12px;font-size:13px;font-weight:850}.modal-header .modal-faq-action:hover{color:#075a55;background:#eef8f6;border-color:#8fc9c0}.modal-header .modal-add-traits-action{color:#0d6b67;background:#eef8f6;border-color:#9dcfc7;align-items:center;gap:6px;width:auto;min-width:120px;height:42px;min-height:42px;padding:0 18px;font-size:13px;font-weight:850;display:inline-flex}.modal-header .modal-add-traits-action:hover:not(:disabled){color:#095b57;background:#e1f3ef;border-color:#70b8ad}.folder-none-chance{color:#45576c;letter-spacing:.02em;text-transform:uppercase;min-width:0;font-size:9px;font-weight:850}.folder-none-chance .input-with-suffix{border-color:#7ab6b0;margin-top:4px;box-shadow:0 0 0 2px #0d6b6714}.folder-none-chance>small,.trait-chance-field>small{color:#708096;letter-spacing:0;text-transform:none;margin-top:5px;font-size:9px;font-weight:750;line-height:1.25;display:block}.folder-none-chance input{height:32px;padding:6px 8px;font-size:13px}.trait-chance-field{color:#45576c;margin-bottom:14px;font-size:13px;font-weight:800;display:grid}.chance-label-row{justify-content:space-between;align-items:center;gap:7px;margin-bottom:7px;display:flex}.chance-label-row label{min-width:0;color:inherit;font:inherit;margin:0}.feature-tooltip{color:#607188;background:0 0;border-color:#0000;border-radius:50%;width:22px;min-width:22px;height:22px;min-height:22px;padding:0;position:relative}.feature-tooltip:hover,.feature-tooltip:focus-visible{color:#075a55;background:#e9f8f4;border-color:#9dcfc7}.feature-tooltip:after{content:attr(data-tooltip);z-index:20;color:#fff;text-align:left;text-transform:none;pointer-events:none;opacity:0;background:#233143;border-radius:6px;width:220px;padding:8px 10px;font-size:11px;font-weight:650;line-height:1.4;transition:opacity .12s,translate .12s;position:absolute;bottom:calc(100% + 8px);right:-5px;translate:0 3px;box-shadow:0 8px 24px #121b2733}.feature-tooltip:hover:after,.feature-tooltip:focus-visible:after{opacity:1;translate:0}.trait-editor-list-scroll{align-content:start;gap:7px;min-height:0;padding:12px;display:grid;overflow-y:auto}.trait-editor-list-item{text-align:left;justify-items:start;gap:3px;min-width:0;min-height:46px;padding:7px 10px;display:grid}.trait-editor-list-item.active{color:#075a55;background:#e4f6f2;border-color:#0d6b67}.trait-editor-list-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.trait-editor-list-item small{color:#708096;font-size:10px;font-weight:750}.trait-editor-inspector{background:#f8fafc;min-width:0;min-height:0;padding:18px;overflow-y:auto}.trait-inspector-header{margin-bottom:12px}.trait-title-button{color:#18202b;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:0;min-width:0;max-width:100%;min-height:0;margin:3px 0 0;padding:0;font-size:18px;font-weight:850;display:block;overflow:hidden}.trait-title-button:hover:not(:disabled){color:#0d6b67;text-underline-offset:3px;background:0 0;text-decoration:underline}.trait-title-input{width:100%;height:36px;margin-top:3px;padding:5px 8px;font-size:18px;font-weight:850}.trait-inspector-preview{aspect-ratio:1;background:var(--preview-background,#fff);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #b8c4d2;border-radius:9px;place-items:center;display:grid;position:relative;overflow:hidden}.trait-inspector-preview:active{cursor:grabbing}.trait-inspector-preview img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.trait-inspector-preview>span{color:#fff;pointer-events:none;background:#18202bc2;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;position:absolute;bottom:10px;right:10px}.trait-inspector-form{gap:12px;margin-top:16px;display:grid}.trait-inspector-form label{margin:0}.trait-inspector-position{background:#fff;border:1px solid #d8dee8;border-radius:7px;padding:12px}.position-title{color:#45576c;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:12px;font-weight:850;display:flex}.position-title button{min-height:28px;padding:4px 9px;font-size:11px}.position-axis-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.position-axis-grid label{margin:0}.trait-inspector-empty{color:#718096;place-items:center;min-height:240px;font-size:13px;font-weight:750;display:grid}.trait-delete-action{color:#9b3427;background:#fff5f2;border-color:#e4b4aa;width:100%;margin-top:4px}.trait-delete-action:hover{color:#7f261c;background:#ffe9e3;border-color:#d98f80}.preview-stage{outline-offset:-3px;background-color:#f7f8fb;background-image:linear-gradient(45deg,#e8edf3 25%,#0000 25%),linear-gradient(-45deg,#e8edf3 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8edf3 75%),linear-gradient(-45deg,#0000 75%,#e8edf3 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;outline:3px solid #0000;min-width:0;min-height:520px;padding:28px;transition:outline-color .14s,filter .14s;display:block}.preview-stage.drag-active{filter:saturate(1.08);outline-color:#7190b6}.preview-stage>img,.preview-stage>.preview-empty{margin-inline:auto;position:sticky;top:50vh;transform:translateY(-50%)}.preview-stage img{object-fit:contain;background:var(--preview-background,#fff);border:1px solid #cad3df;max-width:min(100%,760px);max-height:calc(100svh - 150px);display:block;box-shadow:0 18px 42px #26303e24}.preview-empty{box-sizing:border-box;aspect-ratio:1;color:#607188;text-align:center;background:#fffc;border:1px dashed #aeb9c8;border-radius:8px;place-content:center;justify-items:center;gap:12px;width:min(360px,100%);padding:28px;font-size:14px;font-weight:700;line-height:1.4;transition:border-color .14s,background-color .14s,color .14s,transform .14s;display:grid}.preview-empty>svg{justify-self:center;display:block}.preview-empty small{color:#7b899b;font-size:11px;font-weight:650}.preview-stage.drag-active .preview-empty{color:#405f84;background:#eef6fff0;border-color:#7190b6}label{color:#45576c;gap:7px;margin-bottom:14px;font-size:13px;font-weight:800;display:grid}input,textarea,select{box-sizing:border-box;color:#18202b;width:100%;font:inherit;background:#fff;border:1px solid #c6d0dd;border-radius:6px;padding:10px 11px;font-size:14px}textarea{resize:vertical}input:focus,textarea:focus,select:focus,button:focus-visible,.download-link:focus-visible{outline-offset:1px;outline:3px solid #0d6b6738}.segmented{border:1px solid #c6d0dd;border-radius:6px;grid-template-columns:1fr 1fr;gap:0;margin:6px 0 16px;display:grid;overflow:hidden}.segmented button{border:0;border-radius:0}.segmented button+button{border-left:1px solid #c6d0dd}.segmented .active{color:#075a55;background:#dff5ef}.segmented.three-up{grid-template-columns:repeat(3,1fr)}.field-hint{color:#607188;font-size:12px;font-weight:700}.mode-hint{color:#607188;margin:-8px 0 16px;font-size:12px;font-weight:700;display:block}.advanced-settings{background:#f8fafc;border:1px solid #c6d0dd;border-radius:6px;margin:2px 0 16px;overflow:hidden}.advanced-settings summary{color:#34465b;cursor:pointer;padding:12px 38px 12px 13px;font-size:13px;font-weight:800;list-style:none;position:relative}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings summary:after{content:"+";color:#607188;font-size:18px;font-weight:500;position:absolute;top:50%;right:13px;translate:0 -50%}.advanced-settings[open] summary{border-bottom:1px solid #d8dee8}.advanced-settings[open] summary:after{content:"−"}.advanced-settings-content{padding:14px 13px 12px}.advanced-settings-content .mode-hint{margin-bottom:0}.ratio-inputs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.ratio-inputs>span{color:#607188;margin-top:6px;font-weight:900}.rule-add{width:100%;margin-bottom:10px}.position-rule-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.rule-divider{background:#d8dee8;height:1px;margin:14px 0 12px}.rule-list{gap:8px;display:grid}.rule-row{background:#fff;border:1px solid #e0e6ee;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.rule-row span{color:#233143;overflow-wrap:anywhere;white-space:normal;min-width:0;font-size:12px;font-weight:750;line-height:1.35}.rule-row button{width:28px;min-width:28px;height:28px;min-height:28px;padding:0}input[type=range]{accent-color:#0d6b67;padding:0}.primary-action,.rarity-action,.sample-preview-action,.download-link{width:100%}.sample-preview-action{color:#0d6b67;background:#eef8f6;border-color:#9dcfc7;margin-bottom:10px}.sample-preview-action:hover{color:#095b57;background:#e1f3ef;border-color:#70b8ad}.primary-action{color:#fff;background:#0d6b67;border-color:#0d6b67}.primary-action:hover{background:#095b57;border-color:#095b57}.rarity-action{margin-top:10px}.download-link{color:#fff;background:#1f2f46;border-color:#1f2f46;margin-top:10px}.download-link:hover{background:#172337;border-color:#172337}.hidden{display:none}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1080px){.workbench{grid-template-columns:1fr}.upload-panel,.settings-panel{border:0;border-bottom:1px solid #d8dee8}.settings-panel{border-top:1px solid #d8dee8}.preview-stage>img,.preview-stage>.preview-empty{position:static;transform:none}.rule-manager-grid{grid-template-columns:1fr}.rule-manager-section{overflow:visible}.rule-manager-section+.rule-manager-section{border-top:1px solid #d8dee8;border-left:0}}@media (width<=1100px){.trait-editor-workspace{display:block;overflow-y:auto}.trait-editor-nav{border-bottom:1px solid #d8dee8;border-right:0;grid-template-rows:auto 160px auto;max-height:none}.trait-editor-list{border-bottom:1px solid #d8dee8;border-right:0;min-height:320px}.trait-editor-inspector{overflow:visible}.sample-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.trait-editor-list-header,.selected-folder-controls,.folder-conflict-pickers,.multi-rule-options{grid-template-columns:1fr}.rule-manager-section{padding:20px 14px 28px}.multi-rule-picker{padding:8px}.multi-rule-option{width:100%}.trait-picker-field{grid-template-columns:minmax(0,1fr) 72px}.topbar{flex-direction:column;align-items:flex-start;padding:18px}.topbar-actions{flex-direction:column;align-items:stretch;width:100%}.wallet-session{justify-content:space-between}.panel,.preview-stage{padding:18px}.preview-stage{min-height:380px}.split-row{grid-template-columns:1fr}.modal-backdrop{padding:10px}.sample-preview-footer{flex-direction:column;align-items:stretch}.sample-preview-share-instruction{justify-content:space-between}.sample-preview-footer button{justify-content:center;width:100%}.sample-preview-footer-actions{flex-direction:column;align-items:stretch}.sample-preview-footer-actions label{justify-content:space-between}.trait-editor-modal{width:calc(100vw - 20px);height:calc(100svh - 20px)}.rule-manager-modal,.sample-preview-modal,.generation-summary-modal{max-height:calc(100svh - 20px)}.generation-summary-groups{grid-template-columns:1fr;padding:10px}.generation-summary-row,.generation-summary-labels{grid-template-columns:minmax(80px,1fr) 60px 44px 38px;gap:6px;padding-inline:10px}.generation-summary-footer{flex-direction:column;align-items:stretch}.generation-summary-footer .primary-action{width:100%}.payment-modal{max-height:calc(100svh - 20px)}.intro-modal{padding:26px 22px}.payment-method-tabs button{flex-direction:column;gap:4px;min-height:54px;font-size:10px}.payment-panel{padding:18px}.hoodchan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sample-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.modal-header{padding:14px}.modal-header .modal-rarity-action{padding:0 10px;font-size:11px}}.wallet-gate-shell{background:radial-gradient(circle at 20% 10%,#0d6b671f,#0000 34rem),#f5f7fa;place-items:center;min-height:100svh;padding:24px;display:grid}.wallet-gate-card{text-align:center;background:#fff;border:1px solid #d8dee8;border-radius:22px;width:min(100%,480px);padding:40px;box-shadow:0 24px 70px #2232491f}.wallet-gate-icon{color:#0d6b67;background:#e1f3ef;border-radius:18px;place-items:center;width:64px;height:64px;margin:0 auto 22px;display:grid}.wallet-gate-card h1{color:#1c293d;margin:8px 0 12px;font-size:clamp(28px,5vw,38px);line-height:1.12}.wallet-gate-description{color:#62748e;margin:0 auto 22px;font-size:16px;line-height:1.55}.wallet-address{color:#42536b;background:#f1f4f8;border-radius:999px;margin-bottom:16px;padding:8px 12px;font-size:13px;display:inline-block}.wallet-gate-message{color:#7a321f;background:#fff0eb;border:1px solid #f4c5b7;border-radius:10px;margin:0 0 16px;padding:11px 13px;font-size:14px;line-height:1.45}.wallet-gate-message.checking{color:#36516f;background:#eef5fb;border-color:#c9dcec}.wallet-connect-action,.wallet-buy-link{border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;font-weight:800;text-decoration:none;display:flex}.wallet-connect-action{color:#fff;cursor:pointer;background:#0d6b67;border:1px solid #0d6b67}.wallet-connect-action:hover:not(:disabled){background:#095a56}.wallet-connect-action:disabled{cursor:wait;opacity:.7}.wallet-buy-link{color:#25344a;background:#fff;border:1px solid #c8d2df;margin-top:10px}.wallet-buy-link:hover{background:#f5f7fa}.psd-one-of-ones-picker{border:1px solid #d8dee8;border-radius:6px;gap:8px;min-width:0;margin:0;padding:10px;font-size:13px;display:grid}.psd-one-of-ones-picker .psd-one-of-ones-option{overflow-wrap:anywhere;align-items:center;gap:8px;display:flex}.psd-one-of-ones-option input[type=checkbox]{flex-shrink:0;width:16px;height:16px;min-height:0;margin:0}.psd-one-of-ones-picker small{color:#75633e;line-height:1.5}.ai-backup-help{border:1px solid #d8dee8;border-radius:8px;margin-top:16px;padding:12px;font-size:12px;line-height:1.5}.ai-backup-help .backup-action{margin-top:0}.ai-backup-help p{margin:10px 0 0}.ai-backup-help summary{cursor:pointer;margin-top:10px;font-weight:700}.ai-backup-help ol{padding-left:20px}.ai-backup-help li+li{margin-top:8px}.ai-prompt-example{color:#26374c;background:#eef3f8;border-radius:6px;padding:10px}.rule-pagination{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.rule-pagination span{color:var(--text-muted,#91a0b5);font-size:12px}
