:root{--commission-gold:#d8bd62;--commission-green:#83d6a1;--commission-red:#ff8178;--commission-panel:#111716;--commission-line:#33413d}
.commission-page{color:#edf2ef}
.commission-hero{padding:54px 12px 28px;border-bottom:1px solid var(--commission-line)}
.commission-hero h1{font-size:clamp(2.4rem,6vw,5.8rem);line-height:.9;margin:.18em 0;text-transform:uppercase}
.commission-hero p{max-width:850px;color:#aebbb6;line-height:1.6}
.commission-hero-actions,.artist-actions,.commission-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.commission-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--commission-gold);background:#292313;color:#fff6cf;border-radius:7px;padding:11px 15px;text-decoration:none;font:700 .78rem/1.1 monospace;text-transform:uppercase;cursor:pointer}
.commission-button.secondary{border-color:#52625c;background:#101514;color:#dce8e2}.commission-button.danger{border-color:#914b47;background:#2b1716;color:#ffd8d5}
.commission-button.is-disabled,.commission-button:disabled{opacity:.55;cursor:not-allowed}
.artist-view-controls{position:sticky;top:72px;z-index:18;display:flex;justify-content:flex-end;min-height:42px;margin:-10px 0 12px;padding:0 8px;pointer-events:none}.artist-animation-toggle{min-width:170px;pointer-events:auto;box-shadow:0 6px 24px rgba(0,0,0,.42)}.artist-animation-toggle.is-active{border-color:var(--commission-green);background:#11261a;color:#bff5d0;box-shadow:0 6px 24px rgba(0,0,0,.42),0 0 0 1px rgba(131,214,161,.18)}
.commission-notice{margin:22px 0;padding:16px 18px;border:1px solid #587067;background:#111a17;border-radius:9px;line-height:1.5}
.commission-notice.is-warn{border-color:#8d772d;background:#211d10;color:#fff2b7}.commission-notice.is-error{border-color:#8f3f3a;background:#271312;color:#ffd5d1}
.commission-fee-note{display:flex;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid #725f28;border-radius:7px;background:#1d190e;color:#d8c985;font:600 .72rem/1.45 monospace}.commission-fee-note strong{color:#fff0a9;white-space:nowrap}.commission-fee-note span{color:#c8c4aa}
.artists-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:18px}.artist-profile-root{max-width:1200px;margin:22px auto}
.artist-card,.artist-profile,.commission-panel,.commission-order{background:var(--commission-panel);border:1px solid var(--commission-line);border-radius:10px;padding:16px}
.artist-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.artist-identity{display:flex;align-items:center;gap:12px;min-width:0}.artist-identity-copy{min-width:0}.artist-avatar-link{display:block;flex:0 0 auto;border:1px solid #4d625a;border-radius:50%;padding:2px;background:#0a0e0d;line-height:0;transition:border-color .16s ease,transform .16s ease}.artist-avatar-link:hover,.artist-avatar-link:focus-visible{border-color:var(--commission-green);transform:translateY(-1px)}.artist-avatar{display:block;width:52px;height:52px;border-radius:50%;object-fit:cover;background:#202825}.artist-profile .artist-avatar{width:76px;height:76px}.artist-card-head h2{margin:0;font-size:1.45rem}.artist-card-head p{margin:7px 0;color:#8fa098;font:600 .72rem monospace}.artist-identity-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.artist-handle{color:#8ce8ad;text-decoration:none}.artist-handle:hover,.artist-handle:focus-visible{text-decoration:underline}.artist-wallet{color:#8fa098}.artist-meta-separator{color:#53635d}
.artist-verified{display:inline-block;margin-left:8px;padding:3px 6px;border:1px solid #4b9c6d;border-radius:4px;color:#8ce8ad;font:700 .58rem monospace;vertical-align:middle}
.artist-pencil-badge{display:inline-block;margin-left:6px;padding:3px 6px;border:1px solid #6fa2de;border-radius:4px;background:#101c2b;color:#b9dcff;font:700 .58rem monospace;vertical-align:middle}.artist-pencil-badge[hidden]{display:none!important}.artist-card.is-pencil-holder,.artist-profile.is-pencil-holder{border-color:#3f6652}
.artist-stats{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.artist-stats span{padding:5px 7px;border:1px solid #3c4a46;border-radius:4px;color:#aebbb6;font:700 .62rem monospace}
.artist-works{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.artist-works-profile{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.artist-work{overflow:hidden;border:1px solid #34423e;border-radius:7px;background:#0b0f0e;color:#fff;text-decoration:none}.artist-work img{display:block;width:100%;aspect-ratio:1;object-fit:cover;image-rendering:pixelated;background:#dfe3e1}.artist-work-meta{display:block;padding:8px}.artist-work-meta strong,.artist-work-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-work-meta strong{font-size:.73rem}.artist-work-meta small{margin-top:4px;color:#87968f;font-size:.62rem}.artist-social{display:inline-block;margin-top:16px;color:#8ce8ad}
.commission-flow{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:6px;margin:18px 0}.commission-flow span{padding:12px 8px;border:1px solid #4e5a56;background:#101514;border-radius:7px;text-align:center;font:700 .66rem/1.35 monospace}.commission-flow b{display:block;color:var(--commission-gold);margin-bottom:4px}
.commission-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(460px,1.2fr);gap:18px;margin-top:22px}.commission-panel h2{margin-top:0}.commission-form{display:grid;gap:12px}.commission-form label{display:grid;gap:5px;color:#aab7b1;font:700 .7rem monospace;text-transform:uppercase}.commission-form input,.commission-form select,.commission-form textarea{width:100%;box-sizing:border-box;border:1px solid #46534f;border-radius:6px;background:#090d0c;color:#f5f8f6;padding:11px;font:inherit}.commission-form textarea{min-height:130px;resize:vertical}.commission-form small{color:#829089;text-transform:none}
.commission-orders{display:grid;gap:12px}.commission-order header{display:flex;justify-content:space-between;gap:12px}.commission-order h3{margin:0}.commission-order p{color:#9caaa4}.commission-order dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.commission-order dl div{padding:8px;border:1px solid #303c38}.commission-order dt{color:#7f8d87;font-size:.62rem}.commission-order dd{margin:4px 0 0;font:700 .75rem monospace}.commission-status{color:var(--commission-gold);font:700 .7rem monospace;text-transform:uppercase}.commission-empty{padding:30px;border:1px dashed #44514d;text-align:center;color:#85938d}.commission-refund-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.commission-refund-rules div{padding:13px;border:1px solid #414e49;border-radius:7px}.commission-refund-rules strong{display:block;color:#8ce8ad;margin-bottom:5px}.commission-refund-rules p{margin:0;color:#9aa8a2;font-size:.8rem}
.commission-claim-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:14px;border:1px solid #46534f;border-radius:8px;background:#0c1110}.commission-claim-card.is-project{border-color:#8d772d;background:#1b180e}.commission-claim-card div{display:grid;gap:5px}.commission-claim-card strong{color:#e9f0ec;font:700 .72rem monospace;text-transform:uppercase}.commission-claim-card span{color:#8ce8ad;font:700 .85rem monospace}
.commission-pilot-locked{border-color:rgba(216,183,90,.55)}.commission-revisions{display:grid;gap:12px;margin-top:12px}.commission-revision{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:14px;align-items:center;padding:10px;border:1px solid var(--commission-line);border-radius:8px}.commission-revision canvas{display:block;width:100%;aspect-ratio:1;image-rendering:pixelated;background:#e1e3e1;border-radius:5px}.commission-revision span{display:block;margin-top:6px;opacity:.72;font-size:12px;overflow-wrap:anywhere}.commission-notice.is-success{border-color:#3f7b55;background:#102319;color:#c5f2d2}
.commission-progress{margin:14px 0 18px;padding:14px;border:1px solid #56675f;border-radius:9px;background:#0d1412}.commission-progress>header{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.commission-progress>header small,.commission-progress>header strong{display:block}.commission-progress>header small{color:var(--commission-gold);font:700 .62rem monospace}.commission-progress>header strong{margin-top:4px;font-size:1rem}.commission-progress>header>span{color:#aab8b2;font:700 .68rem monospace}.commission-progress ol{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}.commission-progress li{display:flex;gap:8px;min-width:0;padding:10px 8px;border:1px solid #34413c;border-radius:7px;background:#0a0f0e}.commission-progress li i{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border:1px solid #52625b;border-radius:50%;color:#7f8e88;font:700 .65rem monospace;font-style:normal}.commission-progress li strong,.commission-progress li span{display:block}.commission-progress li strong{font:700 .67rem/1.3 monospace}.commission-progress li span{margin-top:4px;color:#84928c;font-size:.64rem;line-height:1.35}.commission-progress li.is-complete{border-color:#3f7b55;background:#102319}.commission-progress li.is-complete i{border-color:#5bb478;background:#244d32;color:#d7ffe2}.commission-progress li.is-current{border-color:var(--commission-gold);box-shadow:inset 0 0 0 1px rgba(216,183,90,.18)}.commission-progress li.is-current i{border-color:var(--commission-gold);color:var(--commission-gold)}.commission-progress li.is-warning{border-color:#9a7832;background:#211d10}.commission-progress li.is-warning i{border-color:#d8b75a;color:#ffe89b}.commission-progress>p{margin:10px 0 0;color:#7f8d87;font-size:.68rem;line-height:1.45}
.commission-active-stack{display:grid;gap:18px;margin-top:22px}.commission-create-shell>header{margin-bottom:16px}.commission-create-shell>header h2{margin:5px 0 7px;font-size:clamp(1.5rem,3vw,2.35rem)}.commission-create-shell>header p{margin:0;color:#92a19a}.commission-artist-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.commission-artist-choice{display:grid;grid-template-columns:94px 1fr;min-height:112px;overflow:hidden;padding:0;border:1px solid #3b4944;border-radius:9px;background:#0b100f;color:#edf2ef;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.commission-artist-choice:hover,.commission-artist-choice:focus-visible{transform:translateY(-2px);border-color:var(--commission-green);background:#101a16}.commission-artist-visual img{display:block;width:94px;height:100%;min-height:112px;object-fit:cover;image-rendering:pixelated;background:#dfe3e1}.commission-artist-choice-copy{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:11px}.commission-artist-choice-head{display:flex;align-items:center;gap:7px}.commission-artist-choice-head img{width:26px;height:26px;border-radius:50%;object-fit:cover}.commission-artist-choice-head strong{font-size:1rem}.commission-artist-choice-head i{margin-left:auto;padding:3px 5px;border:1px solid #4b9c6d;border-radius:4px;color:#8ce8ad;font:700 .52rem monospace;font-style:normal}.commission-artist-choice-copy small{color:#87968f;font:600 .62rem/1.35 monospace}.commission-artist-choice-copy b{color:#f5dfa0;font:700 .67rem monospace;text-transform:uppercase}
.artist-app-connect-card{display:flex;align-items:center;justify-content:space-between;gap:22px;border-color:#4d755d;background:linear-gradient(115deg,#101a15,#111716 58%,#172014)}.artist-app-connect-card h2{margin:5px 0 8px}.artist-app-connect-card p,.artist-app-manager>header p{max-width:760px;margin:0;color:#95a49d;line-height:1.5}.artist-app-manager{border-color:#4d755d}.artist-app-manager-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:14px;margin-top:16px}.artist-app-manager-grid>section{padding:14px;border:1px solid #35453f;border-radius:9px;background:#0b100e}.artist-app-manager-grid>section>header,.artist-app-inbox>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.artist-app-manager h3{margin:0}.artist-app-pair-card{display:grid;grid-template-columns:170px 1fr;gap:16px;align-items:center;padding:13px;border:1px solid #87752e;border-radius:8px;background:#201c0e}.artist-app-qr{display:grid;place-items:center;overflow:hidden;border-radius:7px;background:#f4f7f4}.artist-app-qr img{display:block;width:100%;height:auto}.artist-app-pair-card small,.artist-app-inbox small{color:var(--commission-gold);font:700 .6rem monospace}.artist-app-pair-card h3{margin:5px 0}.artist-app-pair-card p{color:#b2b6a5;font-size:.75rem;line-height:1.45}.artist-app-code{display:block;margin:8px 0 10px;color:#ffec9b;font:800 1.25rem/1 monospace;letter-spacing:.12em}.artist-app-device-list{display:grid;gap:8px}.artist-app-device{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid #35423e;border-radius:7px;background:#0d1311}.artist-app-device strong,.artist-app-device span{display:block}.artist-app-device span{margin-top:4px;color:#829089;font-size:.68rem}.artist-app-inbox{margin-top:18px;padding-top:18px;border-top:1px solid #35453f}.artist-app-inbox>header h3{margin:4px 0 0}.artist-app-inbox>header>span{color:#9bdab0;font:700 .7rem monospace}.artist-app-safety-copy{margin:-3px 0 13px;color:#8e9d96;font-size:.72rem;line-height:1.5}.artist-app-inbox-list{display:grid;gap:9px}.artist-app-inbox-card{display:grid;grid-template-columns:112px minmax(180px,1fr) auto;gap:13px;align-items:center;padding:10px;border:1px solid #35433e;border-radius:8px;background:#0a0f0d}.artist-app-inbox-preview{display:grid;place-items:center;overflow:hidden;width:112px;aspect-ratio:1;border-radius:6px;background:#dfe3e1;color:#37403c;font:900 1.2rem monospace}.artist-app-inbox-preview img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.artist-app-inbox-copy h3{margin:5px 0}.artist-app-inbox-copy p,.artist-app-inbox-copy>span{margin:0;color:#8b9993;font-size:.7rem}.artist-app-inbox-copy>span{display:inline-block;margin-top:7px;padding:3px 5px;border:1px solid #476153;border-radius:4px;color:#91d7a9;font:700 .58rem monospace;text-transform:uppercase}.artist-app-inbox-actions{display:grid;gap:7px;min-width:180px}
.commission-modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(2,5,4,.86);overflow:auto}.commission-request-modal{width:min(1120px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid #62766e;border-radius:13px;background:#0d1211;box-shadow:0 30px 90px rgba(0,0,0,.72)}.commission-modal-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--commission-line);background:rgba(13,18,17,.98)}.commission-modal-head h2{margin:2px 0 0}.commission-modal-head p{margin:4px 0 0;color:#87968f;font:600 .65rem monospace}.commission-modal-head small{color:var(--commission-gold);font:700 .59rem monospace}.commission-modal-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid #56655f;border-radius:7px;background:#101514;color:#fff;font-size:1.55rem;cursor:pointer}.commission-request-form{gap:0}.commission-modal-step{display:grid;gap:13px;padding:18px;border-bottom:1px solid #2b3733}.commission-modal-step>header{display:flex;align-items:center;gap:11px}.commission-modal-step>header>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--commission-gold);border-radius:50%;color:#ffeaa5;font:700 .72rem monospace}.commission-modal-step>header div{display:grid;gap:3px}.commission-modal-step>header strong{font-size:1rem}.commission-modal-step>header small{color:#899790;font:.7rem/1.35 monospace}.commission-nft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px;max-height:390px;overflow:auto;padding:2px}.commission-nft-choice{overflow:hidden;padding:0;border:1px solid #384640;border-radius:8px;background:#090d0c;color:#edf2ef;text-align:left;cursor:pointer}.commission-nft-choice:hover,.commission-nft-choice:focus-visible,.commission-nft-choice.is-selected{border-color:var(--commission-gold);box-shadow:0 0 0 1px rgba(216,189,98,.22)}.commission-nft-choice img{display:block;width:100%;aspect-ratio:1;object-fit:cover;image-rendering:pixelated;background:#dfe3e1}.commission-nft-choice>span{display:grid;gap:6px;padding:9px}.commission-nft-choice strong{font:.72rem monospace}.commission-nft-choice small{display:flex;flex-wrap:wrap;gap:4px}.commission-nft-choice i{padding:3px 4px;border:1px solid #34423e;border-radius:3px;color:#9fada7;font:600 .5rem monospace;font-style:normal;text-transform:uppercase}.commission-option-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.commission-option-grid.is-two{grid-template-columns:repeat(2,1fr)}.commission-option-card{display:grid;gap:5px;padding:13px;border:1px solid #3e4b47;border-radius:7px;background:#0a0f0e;color:#eaf0ed;text-align:left;cursor:pointer;text-transform:capitalize}.commission-option-card>strong{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.commission-option-recommended{padding:3px 5px;border:1px solid #9e8737;border-radius:4px;background:#28210b;color:#ffe594;font:700 .5rem monospace;font-style:normal;text-transform:uppercase}.commission-option-card small{color:#84928c;font:.62rem monospace;text-transform:uppercase}.commission-option-card:hover,.commission-option-card:focus-visible,.commission-option-card.is-selected{border-color:var(--commission-gold);background:#211d10}.commission-option-card:disabled{opacity:.35;cursor:not-allowed}.commission-choice-empty{padding:18px;border:1px dashed #45534e;border-radius:7px;color:#88968f;text-align:center}.commission-fields-grid{display:grid;grid-template-columns:1fr 2fr;gap:10px}.commission-fields-grid.is-three{grid-template-columns:repeat(3,1fr)}.commission-form label>small{display:inline;color:#718079;font-size:.58rem}.commission-modal-footer{position:sticky;bottom:0;z-index:3;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid #46534f;background:rgba(13,18,17,.98)}.commission-modal-footer p{margin:0 auto 0 0;max-width:580px;color:#899790;font:.66rem/1.4 monospace}
.commission-studio-choice-modal{width:min(720px,100%)}.commission-studio-choice-modal .commission-option-card{min-height:110px;align-content:center;padding:20px}.commission-studio-choice-modal .commission-option-card strong{font-size:1.05rem}.commission-studio-choice-modal .commission-option-card small{font-size:.68rem;line-height:1.45}
@media(max-width:900px){.commission-grid{grid-template-columns:1fr}.commission-flow{grid-template-columns:1fr 1fr}.commission-refund-rules{grid-template-columns:1fr}.commission-progress>header{align-items:flex-start;flex-direction:column}.commission-progress ol{grid-template-columns:1fr 1fr}.commission-fee-note,.commission-claim-card,.artist-app-connect-card{align-items:stretch;flex-direction:column}.artist-card-head{display:block}.artist-actions{margin-left:64px}.artist-profile .artist-actions{margin-left:0}.artist-works{grid-template-columns:repeat(2,1fr)}.commission-option-grid{grid-template-columns:repeat(2,1fr)}.commission-fields-grid,.commission-fields-grid.is-three,.artist-app-manager-grid{grid-template-columns:1fr}.artist-app-inbox-card{grid-template-columns:92px 1fr}.artist-app-inbox-preview{width:92px}.artist-app-inbox-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.commission-modal-footer{align-items:stretch;flex-direction:column}.commission-modal-footer p{margin:0}.commission-modal-footer .commission-button{width:100%}}
@media(max-width:640px){.commission-revision{grid-template-columns:1fr}.commission-revision canvas{max-width:220px}.commission-modal-backdrop{padding:0}.commission-request-modal{max-height:100vh;min-height:100vh;border-radius:0}.commission-artist-picker{grid-template-columns:1fr}.commission-artist-choice{grid-template-columns:76px 1fr}.commission-artist-visual img{width:76px}.commission-option-grid,.commission-option-grid.is-two{grid-template-columns:1fr 1fr}.commission-nft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commission-modal-step{padding:14px 12px}.artist-app-pair-card{grid-template-columns:1fr}.artist-app-qr{max-width:230px}.artist-app-inbox-card{grid-template-columns:72px 1fr}.artist-app-inbox-preview{width:72px}.artist-app-inbox-actions{grid-template-columns:1fr}.artist-app-manager-grid>section{padding:10px}}
