.creator-studio{background:#05070b;color:#edf3fa;min-height:100vh}
.creator-studio .section{padding:78px 0}
.creator-hero{padding:88px 0 70px;background:radial-gradient(circle at 78% 22%,#2c1740 0,transparent 30%),radial-gradient(circle at 8% 85%,#163d3a 0,transparent 32%),#05070b;overflow:hidden}
.creator-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);align-items:center;gap:70px}
.creator-hero h1{font-size:clamp(3.4rem,7vw,7.2rem);line-height:.88;letter-spacing:-.065em;margin:18px 0 28px}
.creator-hero h1 span{color:#ff8a2b}
.creator-hero p{max-width:630px;color:#b3c0ce;font-size:1.18rem}
.creator-hero-art{position:relative;min-height:440px}
.creator-frame{position:absolute;right:16%;top:0;width:230px;height:408px;border-radius:28px;border:1px solid #c9b8ff66;background:linear-gradient(155deg,#301944,#0c1820 55%,#173c3a);box-shadow:0 36px 90px #0009;transform:rotate(6deg);padding:24px;display:flex;flex-direction:column;justify-content:space-between}
.creator-frame span{color:#55e2d1;font-size:.72rem;font-weight:900;letter-spacing:.18em}
.creator-frame b{font-size:2.25rem;line-height:.88;color:#f7f2ff}
.creator-wave{position:absolute;left:4%;bottom:55px;width:68%;height:118px;border-radius:20px;border:1px solid #334256;background:#0b121b;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 22px 55px #0008}
.creator-wave i,.creator-bars i{display:block;width:7px;border-radius:9px;background:linear-gradient(#55e2d1,#c9b8ff)}
.creator-wave i:nth-child(1),.creator-wave i:nth-child(7){height:22%}.creator-wave i:nth-child(2),.creator-wave i:nth-child(6){height:50%}.creator-wave i:nth-child(3),.creator-wave i:nth-child(5){height:78%}.creator-wave i:nth-child(4){height:96%}
.creator-play{position:absolute;right:3%;bottom:25px;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:#ff8a2b;color:#1b0b02;font-size:2rem;box-shadow:0 14px 40px #0009}
.creator-local{padding:32px 0!important;background:#080d13;border-block:1px solid #202a38}
.creator-local .container,.creator-save-strip .container{display:flex;align-items:center;justify-content:space-between;gap:30px}
.creator-local-note{display:flex;align-items:center;gap:16px;max-width:640px}.creator-local-note p{margin:4px 0 0;color:#a4b2c2}
.creator-access{display:grid;gap:8px;justify-items:start;max-width:520px;padding:20px 22px;border:1px solid #5f4026;border-radius:15px;background:#21150e}.creator-access.active{border-color:#256e67;background:#0d2927}.creator-access>span:not(.badge){color:#b9c6d3;font-size:.86rem}
.creator-tool-grid{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);gap:32px;align-items:start}
.creator-controls{position:sticky;top:95px;display:grid;gap:18px}
.creator-controls .field{margin:0}.creator-controls small{display:block;color:#8696a8;margin-top:7px}
.creator-status{margin:0}
.creator-preview-shell{background:linear-gradient(135deg,#111923,#0a0f16);border:1px solid #263140;border-radius:20px;min-height:560px;padding:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 28px 75px #0007}
.creator-preview-shell canvas{display:block;max-width:100%;max-height:680px;width:auto;height:auto;border-radius:10px;box-shadow:0 24px 60px #000b;background:#17101f}
.creator-preview-shell.clip canvas{max-height:610px}
.creator-alt{background:#080d13;border-block:1px solid #202a38}
.creator-audio-visual{min-height:460px;border:1px solid #263140;border-radius:20px;background:radial-gradient(circle at 50% 43%,#2c2044 0,#111923 38%,#080d13 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:44px;overflow:hidden}
.creator-disc{width:190px;height:190px;border-radius:50%;background:repeating-radial-gradient(circle,#0a0f16 0 8px,#202b38 9px 11px);border:10px solid #151f2b;box-shadow:0 0 0 2px #55e2d166,0 30px 60px #0009;position:relative}
.creator-disc:after{content:"";position:absolute;inset:38%;border-radius:50%;background:#ff8a2b;border:8px solid #090d13}
.creator-bars{height:100px;display:flex;align-items:center;gap:6px}
.creator-bars i{width:5px;height:30%}.creator-bars i:nth-child(3n){height:85%}.creator-bars i:nth-child(4n){height:58%}.creator-bars i:nth-child(5n){height:100%}
.creator-audio-visual strong{font-size:.74rem;letter-spacing:.18em;color:#c9b8ff}
.creator-save-strip{background:linear-gradient(110deg,#18101f,#0d1c22);border-top:1px solid #342945}
.creator-save-strip h2{margin:10px 0}.creator-save-strip p{margin:0}
body.specvision-app-shell .creator-studio input[type=file]{padding:12px}
body.specvision-app-shell .creator-studio input[type=color]{min-height:52px;padding:7px}
body.specvision-app-shell .creator-studio input:disabled,body.specvision-app-shell .creator-studio button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:950px){.creator-hero-grid,.creator-tool-grid{grid-template-columns:1fr}.creator-hero-art{min-height:390px;max-width:560px;width:100%;margin:auto}.creator-controls{position:static}.creator-local .container,.creator-save-strip .container{align-items:flex-start;flex-direction:column}.creator-preview-shell{min-height:420px}}
@media(max-width:620px){.creator-studio .section{padding:54px 0}.creator-hero{padding:62px 0 48px}.creator-hero h1{font-size:3.6rem}.creator-hero-art{min-height:330px}.creator-frame{width:180px;height:320px;right:10%}.creator-frame b{font-size:1.7rem}.creator-wave{left:0;width:72%;height:95px}.creator-play{width:68px;height:68px}.creator-tool-grid{grid-template-columns:minmax(0,1fr)}.creator-preview-shell{padding:14px;min-height:320px}.creator-audio-visual{min-height:340px}.creator-disc{width:145px;height:145px}}