*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#101113;color:#f2f2f0}.app{display:grid;grid-template-columns:minmax(300px,360px) 1fr;gap:28px;width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:24px}.sidebar{display:flex;flex-direction:column;gap:14px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:4px 0 6px}h1{margin:0;color:#ffd33d;font-size:25px;line-height:1.15}.topbar p{margin:6px 0 0;color:#b8b8b4;font-size:13px;line-height:1.4}.api-dot{flex:0 0 auto;width:12px;height:12px;margin-top:8px;border-radius:50%;background:#d84d4d;box-shadow:0 0 0 4px #d84d4d26}.api-dot.ok{background:#50c878;box-shadow:0 0 0 4px #50c87826}.panel{background:#1a1b1f;border:1px solid #33363d;border-radius:8px;padding:15px}.panel h2{margin:0 0 12px;color:#9ea3aa;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.field{margin-bottom:14px}.field:last-child{margin-bottom:0}.field label{display:block;margin-bottom:6px;color:#c8c8c4;font-size:13px}.field input[type=text],.field input[type=password],.field select{width:100%;min-height:38px;padding:8px 10px;background:#101113;border:1px solid #3c4048;border-radius:6px;color:#f2f2f0;font-size:14px}.field input:disabled{opacity:.65;cursor:not-allowed}.field input[type=file]{width:100%;color:#c8c8c4;font-size:13px}.toggle{display:flex;align-items:center;gap:9px;min-height:32px;color:#deded9;font-size:14px;cursor:pointer}.toggle input{width:16px;height:16px;accent-color:#ffd33d}.position-control{display:grid;gap:8px;padding:10px 0;border-top:1px solid #2d3036}.position-control:first-of-type{padding-top:0;border-top:0}.position-title{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#deded9;font-size:13px;font-weight:700}.position-title code{color:#9ea3aa;font-size:12px;font-weight:500}.position-control label{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:8px;color:#b8b8b4;font-size:12px}.position-control input[type=range]{width:100%;accent-color:#ffd33d}.scale-control{display:grid;gap:8px;margin-top:12px}.scale-control input[type=range]{width:100%;accent-color:#ffd33d}.swatches{display:grid;grid-template-columns:repeat(9,28px);gap:8px}.swatch{width:28px;height:28px;border:2px solid #3c4048;border-radius:50%;cursor:pointer}.swatch:hover,.swatch:focus-visible{transform:scale(1.08);outline:none}.swatch.selected{border-color:#fff;box-shadow:0 0 0 2px #101113,0 0 0 4px #ffd33d}.permission-swatches .permission-swatch{opacity:.35}.permission-swatches .permission-swatch.selected{opacity:1}.feature-locks{display:grid;gap:8px;margin:10px 0 14px;padding:10px 11px;border:1px solid #3c4048;border-radius:6px;background:#101113}.preview-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-width:0;padding:24px 0}canvas{width:min(420px,78vw);height:min(420px,78vw);max-width:420px;max-height:420px;image-rendering:auto;background:#000;border-radius:50%;box-shadow:0 0 0 8px #24262b,0 20px 70px #0000008c}canvas.draggable{cursor:grab;touch-action:none}canvas.draggable:active{cursor:grabbing}.actions{width:min(360px,100%);text-align:center}.btn,.secondary-btn{border:0;border-radius:8px;cursor:pointer;font-weight:700}.btn{width:100%;min-height:46px;padding:12px 22px;background:#ffd33d;color:#111;font-size:15px}.btn:hover{background:#ffe06b}.btn:disabled{cursor:not-allowed;opacity:.5}.secondary-action{width:100%;min-height:40px;margin-top:10px;border:1px solid #3c4048;border-radius:8px;background:#1a1b1f;color:#f2f2f0;cursor:pointer;font-size:14px;font-weight:700}.secondary-action:hover{background:#24262b}.admin-default-box{display:grid;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #33363d}.admin-default-box input{width:100%;min-height:38px;padding:8px 10px;background:#101113;border:1px solid #3c4048;border-radius:6px;color:#f2f2f0;font-size:14px}.admin-default-top{margin:0 0 14px;padding:10px 0 14px;border-top:0;border-bottom:1px solid #33363d}.secondary-btn{margin-top:10px;padding:7px 11px;background:#2b2e35;color:#f2f2f0;font-size:13px}.status{min-height:38px;margin-top:12px;color:#b8b8b4;font-size:13px;line-height:1.4}.status.error{color:#ff8a8a}.status.ok{color:#78df9d}.actions p{margin:8px auto 0;color:#9ea3aa;font-size:12px;line-height:1.45}.watch-export{display:grid;gap:8px}.watch-export select{width:100%;min-height:38px;padding:8px 10px;background:#101113;border:1px solid #3c4048;border-radius:6px;color:#f2f2f0}.instruction-links{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #2d3036}.instruction-links span{grid-column:1 / -1;color:#b8b8b4;font-size:12px;font-weight:700;text-transform:uppercase}.instruction-links a{min-height:34px;display:grid;place-items:center;border:1px solid #3c4048;border-radius:6px;color:#f2f2f0;font-size:12px;font-weight:700;text-decoration:none}.team-banner{display:grid;gap:4px;margin-bottom:14px;padding:10px 11px;border:1px solid #3c4048;border-radius:6px;background:#101113}.team-banner strong{color:#ffd33d}.team-banner a{color:#ffd33d;font-size:13px;font-weight:700;text-decoration:none}.team-banner span,.muted{color:#b8b8b4;font-size:13px}.team-logo-admin{display:grid;gap:10px;margin-bottom:14px;padding:10px 11px;border:1px solid #3c4048;border-radius:6px;background:#101113}.team-logo-admin .field{margin-bottom:0}.team-logo-admin img{width:100%;height:92px;object-fit:contain;background:#000;border:1px solid #3c4048;border-radius:6px}.team-logo-preview{display:grid;gap:8px;margin:-2px 0 14px}.team-logo-preview span{color:#c8c8c4;font-size:13px}.team-logo-preview img{width:100%;height:118px;object-fit:contain;background:#000;border:1px solid #3c4048;border-radius:8px}.bulk-summary{margin:-4px 0 12px;color:#b8b8b4;font-size:13px}.admin-app{grid-template-columns:minmax(320px,390px) 1fr}.admin-list{min-width:0;padding:54px 0 24px}.team-list{display:grid;gap:12px}.logo-library-panel{margin-top:14px}.logo-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.team-card{display:grid;grid-template-columns:minmax(150px,1fr) minmax(200px,1.2fr) 88px auto auto;align-items:center;gap:14px;padding:12px;border:1px solid #33363d;border-radius:8px;background:#101113}.logo-card{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:12px;padding:12px;border:1px solid #33363d;border-radius:8px;background:#101113}.logo-card img{width:72px;height:40px;object-fit:contain;background:#000;border-radius:4px}.logo-card div{display:grid;gap:4px}.logo-card strong{color:#f2f2f0}.logo-card span{color:#b8b8b4;font-size:13px}.team-card div{display:grid;gap:4px}.team-card strong{color:#f2f2f0}.team-card span,.team-card a{color:#b8b8b4;font-size:13px}.team-card a{overflow-wrap:anywhere}.team-card .team-action-link{color:#f2f2f0;font-size:13px;text-align:center;text-decoration:none}.team-card img{width:88px;height:40px;object-fit:contain;background:#000;border-radius:4px}code{color:#f2f2f0}@media (max-width: 820px){.app{grid-template-columns:1fr;padding:18px}.preview-area{order:-1;padding:8px 0 16px}.admin-app{grid-template-columns:1fr}.admin-list{padding:0}.team-card{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(9,1fr)}.swatch{width:100%;aspect-ratio:1;height:auto}}