.champion-studio{--gold:#e5c487;--muted:#92979d;max-width:1200px;margin:auto;padding:0 28px;color:#f2f0eb;font-family:Arial,sans-serif}.studio-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292b2f;gap:12px}.studio-header a{font-weight:900;letter-spacing:1.5px;font-size:15px;text-decoration:none}.studio-header small{display:block;font-size:9px;letter-spacing:5px;color:var(--gold);padding:5px 0 0 19px}.studio-header>span{font-size:9px;letter-spacing:2px;color:var(--gold);border:1px solid #5c4a2d;padding:9px 12px}.studio-title{padding:36px 0 28px}.studio-title>p{font-size:10px;letter-spacing:3px;color:var(--gold);margin:0 0 12px}.studio-title h1{font-size:42px;font-weight:800;letter-spacing:-1.8px;line-height:1.1;margin-bottom:12px}.studio-title h1 span{font-size:13px;letter-spacing:0;color:#6d685d;vertical-align:top;display:inline-block;margin:6px 0 0 14px}.studio-title>div{color:var(--muted);font-size:14px}.studio-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:44px;align-items:start}.preview-panel{position:sticky;top:20px}.champion-art{width:100%;aspect-ratio:3/4;background:#080c12;position:relative;box-shadow:0 12px 55px #0008}.champion-art canvas{width:100%;height:100%;display:block}.champion-error{position:absolute;inset:30% 10%;background:#381919;padding:20px;height:-moz-fit-content;height:fit-content}.preview-caption{display:flex;justify-content:space-between;color:#8f9297;font-size:9px;letter-spacing:1.1px;margin-top:16px}.studio-controls{min-width:0;background:#111318;border:1px solid #2b2c30;border-radius:8px;overflow:hidden}.control-section{padding:24px;border-bottom:1px solid #2b2c30}.section-heading{display:flex;align-items:center;gap:11px;margin-bottom:14px}.section-heading>span:first-child{color:var(--gold);font-size:11px}.section-heading h2{font-size:17px;font-weight:700;letter-spacing:-.3px}.privacy{margin-left:auto;font-size:8px;letter-spacing:1.2px;color:#7ead96}.control-section p{font-size:12px;color:#a7a9ad;line-height:1.6;margin-bottom:16px}.photo-buttons{display:grid;grid-template-columns:1.1fr 1fr;gap:10px}.gold-button,.outline-button{display:flex;justify-content:center;align-items:center;min-height:48px;border-radius:4px;font-size:12px;font-weight:700;cursor:pointer;text-align:center;position:relative}.gold-button{background:#e5c487;color:#17130d;border:1px solid #e5c487}.outline-button{background:#191c22;color:#ece8df;border:1px solid #4a4b50}.photo-buttons input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.photo-buttons label:focus-within{outline:2px solid white;outline-offset:3px}.control-section .fine-print{font-size:10px;color:#858990;margin:12px 0 0}.field-label{display:block;font-size:11px;color:#b5b7bc;margin-top:16px}.field-label input,.field-label select{display:block;width:100%;min-height:46px;border:1px solid #383b43;background:#1b1e25;border-radius:4px;color:#f0ede8;font-size:14px;padding:10px 12px;margin-top:7px;box-sizing:border-box}.field-label input:focus,.field-label select:focus{outline:1px solid var(--gold)}.range-label{display:block;color:#b9bbc0;font-size:11px;margin-top:20px}.range-label output{float:right;color:var(--gold)}.champion-studio input[type=range]{display:block;width:100%;height:32px;accent-color:var(--gold);margin-top:5px}.position-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:11px;color:#b9bbc0;margin-top:10px}.text-button{color:var(--gold);font-size:11px;padding:8px 0;min-height:40px}.switch-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;min-height:44px}.switch-label input{width:22px;height:22px;accent-color:var(--gold)}.export-panel{padding:24px;text-align:center}.export-panel button{width:100%}.export-panel p{color:#aaa;font-size:10px;margin-top:12px}.export-panel small{display:block;color:#7ead96;font-size:10px;margin-top:12px}.export-panel a{font-size:12px;text-decoration:underline;display:block;margin-top:14px}.gold-button:disabled{opacity:.4;cursor:wait}.studio-status{font-size:12px;color:var(--gold);min-height:30px;padding:16px 0}.studio-alert{padding:16px;background:#351c1c;color:#ffbdbd;font-size:13px;border-radius:4px}.studio-footer{display:flex;justify-content:space-between;border-top:1px solid #292b2f;margin-top:28px;padding:24px 0 36px;font-size:9px;letter-spacing:2px;color:#92979d}.busy-dot{display:inline-block;width:8px;height:8px;background:var(--gold);border-radius:50%;margin-right:10px}.studio-footer span{color:#675c48}@media(max-width:700px){.champion-studio{padding:0 18px}.studio-header{height:70px}.studio-header>span{font-size:7px;padding:8px;letter-spacing:1px}.studio-header a{font-size:12px}.studio-title{padding:28px 0 22px}.studio-title h1{font-size:34px}.studio-layout{grid-template-columns:minmax(0,1fr);gap:26px}.preview-panel{position:static}.control-section{padding:20px}.studio-footer{letter-spacing:1px;font-size:8px}.field-label input,.field-label select{font-size:16px}.studio-status{position:sticky;bottom:0;background:#0a0a0ef5;padding:12px 8px;z-index:3}.studio-status:empty{display:none}.preview-panel{position:sticky;top:0;z-index:2;background:#08090c;padding:10px 0 12px;border-bottom:1px solid #292b2f}.champion-art{width:min(100%,36svh);margin:0 auto}.preview-caption{margin-top:10px;font-size:8px}.studio-status{z-index:4}.preview-panel{position:relative;top:auto;z-index:auto}.studio-status{position:static;bottom:auto;z-index:auto}}.arena-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.arena-option{background:#181b22;border:2px solid #3b414b;border-radius:8px;overflow:hidden;text-align:left;color:#eee;cursor:pointer}.arena-option.selected{border-color:#e5c487;box-shadow:0 0 0 2px #e5c48755}.arena-option img{width:100%;height:108px;-o-object-fit:cover;object-fit:cover;display:block}.arena-option span{display:block;padding:10px;font-size:12px;font-weight:700}.arena-option:focus-visible{outline:3px solid #fff;outline-offset:3px}