.visualThemeStudio{--studio-accent:#ff00fe;--studio-black:#050505;--studio-panel:#0c0c0c;--studio-line:#2a2a2a;--studio-muted:#969696;z-index:2147483000;color:#fff;background:var(--studio-black);isolation:isolate;grid-template-rows:76px minmax(0,1fr) 32px;font-family:Arial,Helvetica,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.visualThemeStudio,.visualThemeStudio *{box-sizing:border-box}.visualThemeStudio button,.visualThemeStudio input,.visualThemeStudio select,.visualThemeStudio textarea{color:inherit;font:inherit}.visualThemeStudio button:focus-visible,.visualThemeStudio input:focus-visible,.visualThemeStudio select:focus-visible,.visualThemeStudio textarea:focus-visible,.visualThemeStudio iframe:focus-visible{outline:2px solid var(--studio-accent);outline-offset:2px}.visualThemeStudio__masthead{border-bottom:1px solid var(--studio-line);background:#090909;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;min-width:0;padding:0 22px;display:grid}.visualThemeStudio__brand{align-items:center;gap:14px;min-width:0;display:flex}.visualThemeStudio__mark{flex:none;width:44px;height:44px;display:block}.visualThemeStudio__mark img{object-fit:contain;width:100%;height:100%;display:block}.visualThemeStudio__brand strong,.visualThemeStudio__brand div>span,.visualThemeStudio__eyebrow,.visualThemeStudio__mastheadCenter,.visualThemeStudio__viewportLabel,.visualThemeStudio__statusbar,.visualThemeStudio summary,.visualThemeStudio legend,.visualThemeStudio__field>span,.visualThemeStudio__rangeHead,.visualThemeStudio__warningTitle{letter-spacing:.13em;text-transform:uppercase;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.visualThemeStudio__brand strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.visualThemeStudio__brand div>span{color:var(--studio-muted);margin-top:4px;font-size:8px;display:block}.visualThemeStudio__mastheadCenter{color:var(--studio-accent);text-align:center;font-size:9px}.visualThemeStudio__mastheadActions{justify-content:flex-end;display:flex}.visualThemeStudio__close,.visualThemeStudio__button,.visualThemeStudio__viewportButton{color:#fff;cursor:pointer;background:#0a0a0a;border:1px solid #404040;border-radius:0;min-height:38px;padding:0 14px;font-size:11px;font-weight:700}.visualThemeStudio__close{justify-content:center;align-items:center;gap:18px;min-width:118px;display:inline-flex}.visualThemeStudio__close span{color:var(--studio-accent);font-size:18px;font-weight:400}.visualThemeStudio__button:hover,.visualThemeStudio__viewportButton:hover,.visualThemeStudio__close:hover{border-color:#fff}.visualThemeStudio__button--primary,.visualThemeStudio__viewportButton[aria-pressed=true]{border-color:var(--studio-accent);color:#050505;background:var(--studio-accent)}.visualThemeStudio__workspace{grid-template-columns:minmax(340px,430px) minmax(0,1fr);min-height:0;display:grid}.visualThemeStudio__controls{border-right:1px solid var(--studio-line);background:var(--studio-panel);scrollbar-color:#505050 #0c0c0c;min-height:0;overflow:auto}.visualThemeStudio__controlIntro{border-bottom:1px solid var(--studio-line);padding:28px 24px 22px}.visualThemeStudio__eyebrow{color:var(--studio-accent);margin:0;font-size:9px}.visualThemeStudio__controlIntro h2{letter-spacing:-.055em;margin:13px 0 10px;font-size:clamp(30px,3vw,44px);font-weight:400;line-height:.92}.visualThemeStudio__controlIntro p:last-child{color:#b9b9b9;max-width:34em;margin:0;font-size:12px;line-height:1.55}.visualThemeStudio__presetBar{border-bottom:1px solid var(--studio-line);grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:18px 24px;display:grid}.visualThemeStudio details{border-bottom:1px solid var(--studio-line)}.visualThemeStudio summary{color:#f2f2f2;cursor:pointer;padding:17px 44px 17px 24px;font-size:10px;font-weight:700;list-style:none;position:relative}.visualThemeStudio summary::-webkit-details-marker{display:none}.visualThemeStudio summary:after{color:var(--studio-accent);content:"+";font-family:Arial,sans-serif;font-size:18px;font-weight:400;position:absolute;top:50%;right:25px;transform:translateY(-50%)}.visualThemeStudio details[open] summary:after{content:"−"}.visualThemeStudio__sectionBody{gap:14px;padding:0 24px 22px;display:grid}.visualThemeStudio__grid2,.visualThemeStudio__colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.visualThemeStudio__field,.visualThemeStudio__range{gap:7px;min-width:0;margin:0;display:grid}.visualThemeStudio__field>span,.visualThemeStudio__rangeHead{color:#a4a4a4;font-size:8px;line-height:1.35}.visualThemeStudio__rangeHead{justify-content:space-between;gap:10px;display:flex}.visualThemeStudio__rangeHead output{color:#fff;letter-spacing:0}.visualThemeStudio input[type=text],.visualThemeStudio input[type=url],.visualThemeStudio select,.visualThemeStudio textarea{color:#fff;background:#111;border:1px solid #393939;border-radius:0;width:100%;min-height:42px;padding:10px 11px;font-size:12px}.visualThemeStudio textarea{resize:vertical;tab-size:2;min-height:210px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.55}.visualThemeStudio input[type=color]{cursor:pointer;background:#111;border:1px solid #393939;border-radius:0;width:100%;height:43px;padding:4px}.visualThemeStudio input[type=range]{width:100%;accent-color:var(--studio-accent)}.visualThemeStudio__checkbox{color:#d7d7d7;align-items:center;gap:10px;font-size:11px;display:flex}.visualThemeStudio__checkbox input{width:16px;height:16px;accent-color:var(--studio-accent);margin:0}.visualThemeStudio__dropUrl{background:#080808;border:1px dashed #545454;padding:12px;transition:border-color .12s,background .12s}.visualThemeStudio__dropUrl[data-dragging=true]{border-color:var(--studio-accent);background:#170017}.visualThemeStudio__urlPolicy{color:#858585;letter-spacing:.08em;text-transform:uppercase;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:8px;line-height:1.5}.visualThemeStudio__warnings{background:#160916;border:1px solid #633763;margin:0;padding:14px}.visualThemeStudio__warningTitle{color:var(--studio-accent);margin-bottom:8px;font-size:8px;display:block}.visualThemeStudio__warnings ul{color:#e2c8e2;gap:6px;margin:0;padding-left:17px;font-size:10px;line-height:1.45;display:grid}.visualThemeStudio__exportActions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:20px 24px 28px;display:grid}.visualThemeStudio__button{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 10px;overflow:hidden}.visualThemeStudio__preview{background:#101010;grid-template-rows:52px minmax(0,1fr);min-width:0;min-height:0;display:grid}.visualThemeStudio__previewToolbar{border-bottom:1px solid var(--studio-line);background:#0a0a0a;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:0 16px;display:flex}.visualThemeStudio__viewportLabel{color:#8e8e8e;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.visualThemeStudio__viewportControls{gap:5px;display:flex}.visualThemeStudio__viewportButton{letter-spacing:.08em;text-transform:uppercase;min-height:30px;padding:0 10px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:8px}.visualThemeStudio__previewCanvas{background-color:#151515;background-image:linear-gradient(45deg,#1b1b1b 25%,#0000 25%),linear-gradient(-45deg,#1b1b1b 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1b1b1b 75%),linear-gradient(-45deg,#0000 75%,#1b1b1b 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;justify-content:center;align-items:stretch;min-width:0;min-height:0;padding:16px;display:flex;overflow:auto}.visualThemeStudio__previewFrame{background:#fff;border:1px solid #505050;border-radius:0;width:100%;max-width:100%;height:100%;min-height:560px;transition:width .18s;display:block;box-shadow:0 16px 50px #0000006b}.visualThemeStudio__statusbar{border-top:1px solid var(--studio-line);color:#9d9d9d;background:#080808;grid-template-columns:1fr auto;align-items:center;gap:16px;min-width:0;padding:0 18px;font-size:8px;display:grid}.visualThemeStudio__statusbar p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.visualThemeStudio__statusbar span{color:var(--studio-accent)}@media (width<=980px){.visualThemeStudio{grid-template-rows:64px minmax(0,1fr) 32px}.visualThemeStudio__masthead{grid-template-columns:minmax(0,1fr) auto;padding:0 14px}.visualThemeStudio__mastheadCenter{display:none}.visualThemeStudio__workspace{grid-template-rows:minmax(280px,46svh) minmax(0,1fr);grid-template-columns:1fr}.visualThemeStudio__controls{border-right:0;border-bottom:1px solid var(--studio-line)}.visualThemeStudio__previewFrame{min-height:420px}}@media (width<=560px){.visualThemeStudio__mark{width:36px;height:36px}.visualThemeStudio__brand div>span,.visualThemeStudio__close>:first-child,.visualThemeStudio__viewportLabel{display:none}.visualThemeStudio__close{min-width:42px;padding:0 10px}.visualThemeStudio__controlIntro,.visualThemeStudio__presetBar,.visualThemeStudio__sectionBody,.visualThemeStudio__exportActions{padding-left:16px;padding-right:16px}.visualThemeStudio summary{padding-left:16px}.visualThemeStudio__grid2,.visualThemeStudio__colors,.visualThemeStudio__exportActions{grid-template-columns:1fr}.visualThemeStudio__previewToolbar{justify-content:flex-end}.visualThemeStudio__viewportButton{padding:0 8px}}@media (prefers-reduced-motion:reduce){.visualThemeStudio *,.visualThemeStudio :before,.visualThemeStudio :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}