.studio-main{max-width:1440px!important}.studio-heading{margin:12px 0 30px}.studio-heading h1,.studio-hero h1{font:800 clamp(36px,4.3vw,68px)/1.02 'Chakra Petch',Arial,sans-serif;letter-spacing:-.045em;margin:14px 0 20px;color:#f2f6f2}.studio-heading h1 em,.studio-hero h1 em{font-style:normal;color:var(--green)}.studio-heading p,.studio-card p,.studio-hero p,.connection-help{font-size:14px;line-height:1.75;color:#a9bab3}.studio-hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:60px;padding:38px 12px 55px}.studio-hero p{max-width:650px}.studio-hero .studio-lead{font-size:19px;color:#e2eae1}.studio-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.studio-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.studio-card{min-width:0;padding:27px;border:1px solid #a2d9b524;border-radius:12px;background:linear-gradient(145deg,#15241e99,#081210dd);box-shadow:inset 0 1px 0 #ffffff07}.studio-card h2{font:700 25px/1.15 'Chakra Petch',Arial,sans-serif;color:#eef4eb;margin:17px 0 12px}.studio-number{font:10px monospace;letter-spacing:.15em;color:var(--green)}.studio-card .glass-button{margin-top:12px}.studio-card a{color:inherit}.admin-links a{text-decoration:none;transition:border-color .2s,background .2s}.admin-links a:hover{border-color:#a7f57b80;background:#13251b}
.glass-button,body.csn-dashboard .guardian-main .outline-link{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:44px;padding:13px 19px;border:1px solid #a7f57b55;border-radius:7px;background:linear-gradient(150deg,#a7f57b16,#65a34706);box-shadow:inset 0 1px 0 #ffffff15,0 3px 14px #0003;color:#d4f5bf;font:700 11px/1.3 Inter,Arial,sans-serif;letter-spacing:.04em;text-decoration:none;cursor:pointer;backdrop-filter:blur(12px);transition:box-shadow .2s,border-color .2s,background .2s,transform .2s}.glass-button:hover,body.csn-dashboard .guardian-main .outline-link:hover{border-color:#b9ff8fa6;background:linear-gradient(150deg,#a7f57b2a,#65a34710);box-shadow:inset 0 1px 0 #fff3,0 0 22px #9ce96525;color:#e4ffd0;transform:translateY(-1px)}.glass-button.primary{background:linear-gradient(140deg,#b2fa8880,#70bb3650);border-color:#b6ff8b8a;color:#f0ffe5;box-shadow:inset 0 1px 0 #efffda55,0 0 20px #a7f57b18}.glass-button.primary:hover{background:linear-gradient(140deg,#c4ff9baa,#7bce3d77);box-shadow:inset 0 1px 0 #fff8,0 0 28px #a7f57b40}.glass-button:active{transform:translateY(1px)}.glass-button:disabled,.glass-button[aria-disabled=true]{opacity:.4;box-shadow:none;cursor:default;transform:none}.glass-button.danger{border-color:#ec996440;color:#f0c0a1;background:#a7592312}.glass-button[hidden],[hidden]{display:none!important}.guardian-mark{display:grid;justify-items:center;gap:20px;padding:30px;color:var(--green);text-shadow:0 0 24px #a7f57b66}.guardian-mark svg{width:190px;height:210px;fill:#a7f57b08;stroke:#a7f57b;stroke-width:2;filter:drop-shadow(0 0 24px #a7f57b55)}.guardian-mark span{font:700 21px 'Chakra Petch',Arial,sans-serif;letter-spacing:.1em}.guardian-mark small{padding:7px 12px;border:1px solid #a7f57b44;border-radius:30px;font:9px monospace;letter-spacing:.15em}.guardian-explain{display:grid;grid-template-columns:1fr 1fr;gap:50px}.guardian-explain h3{font-size:20px;color:#f0f4eb}.connection-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:24px}.connection-actions{display:grid;gap:10px;min-width:240px}.connection-meta{font:11px monospace!important;color:var(--green)!important}.server-card img{width:100%;height:150px;object-fit:cover;border-radius:7px;margin-bottom:8px}.network-good{color:var(--green)!important}
body.csn-dashboard .guardian-main{padding-top:36px}.guardian-main h1{font-family:'Chakra Petch',Arial,sans-serif!important;font-size:clamp(32px,4vw,52px)!important}.guardian-main .g-card{background:linear-gradient(145deg,#15241e88,#081210dd)!important;border:1px solid #a2d9b526!important;border-radius:10px}.guardian-main .metric{background:linear-gradient(145deg,#a7f57b0c,#0b1514)!important;padding:22px;border-radius:9px}.guardian-main .metric strong{color:var(--green)}.guardian-main .g-card-head{background:#a7f57b04;border-color:#a7f57b1c;padding:18px}.guardian-main .g-card-body{padding:18px}.guardian-main .status,.guardian-main .empty,.guardian-main .detail-empty{color:#a5b9ad}.guardian-main .alert{background:#0b1913!important;border-color:#a7f57b28!important}.guardian-main .alert:hover{border-color:#a7f57b80!important;box-shadow:0 0 16px #a7f57b15}
body.skins-studio button:not(.skin):not(.csn-menu){border-radius:7px;border:1px solid #a7f57b35;background:linear-gradient(145deg,#a7f57b14,#09150c88);color:#cbe7bd;box-shadow:inset 0 1px 0 #ffffff12,0 4px 12px #0002;backdrop-filter:blur(12px);transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
body.skins-studio button:not(.skin):not(.csn-menu):hover:not(:disabled){background:linear-gradient(145deg,#a7f57b29,#142c1488);border-color:#a7f57b88;box-shadow:inset 0 1px 0 #ffffff25,0 0 20px #a7f57b20;transform:translateY(-1px)}
body.skins-studio .categories button.on,body.skins-studio .teams button.on,body.skins-studio #equip{background:linear-gradient(145deg,#b5ff8d50,#72b83b25)!important;border-color:#b5ff8d88!important;color:#e9ffda!important;box-shadow:inset 0 1px 0 #ffffff30,0 0 18px #a7f57b18!important}
body.skins-studio button:disabled{opacity:.35;box-shadow:none!important;transform:none!important}body.skins-studio input[type=range]{accent-color:var(--green)}body.skins-studio #reset{background:#0d1915;border-color:#a7f57b30;color:#abc3a1}
body.skins-studio .teams{gap:8px}body.skins-studio .teams button{white-space:nowrap;font-size:11px;padding:10px 8px}
@media(max-width:1000px){.studio-three{grid-template-columns:1fr 1fr}.studio-three>:last-child{grid-column:1/-1}.studio-hero{gap:25px}.guardian-mark svg{width:150px;height:170px}}
@media(max-width:650px){.studio-three,.studio-hero,.guardian-explain{grid-template-columns:1fr}.studio-three>:last-child{grid-column:auto}.studio-hero{padding:15px 0 30px;gap:20px}.guardian-mark{padding:10px}.guardian-mark svg{width:105px;height:120px}.studio-card{padding:22px}.connection-panel{display:block}.connection-actions{margin-top:24px;min-width:0}.studio-actions{display:grid}.studio-heading h1,.studio-hero h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){.glass-button,body.skins-studio button{transition:none!important;transform:none!important}}