@font-face{font-family:Bravura;src:url(/fonts/Bravura.woff2) format("woff2");font-display:block}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f3ed;background:#101318;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}.app-shell{height:100dvh;min-height:560px;display:flex;flex-direction:column;overflow:hidden;background:#101318}.demo-project-notice{margin-bottom:20px;padding:12px 14px;border:1px solid #655b32;border-radius:10px;background:#f8cc340a}.demo-project-notice strong{color:#f1d36c;font-size:12px}.demo-project-notice p{margin:6px 0 0;color:#aeb7bd;font-size:11px;line-height:1.5}.project-card{margin-bottom:16px;padding:13px;border:1px solid #354047;border-radius:12px;background:#1a2127}.project-card-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:11px}.project-card-heading strong{color:#e9dfbd;font-size:12px}.project-card-heading span{color:#8e9a9f;font-size:10px}.project-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.project-card-actions button{min-width:0;padding:8px 5px;border:1px solid #45515b;border-radius:7px;background:#242d35;color:#e5e9ed;font-size:11px;font-weight:600}.project-card-actions button:hover:not(:disabled){border-color:#e3c663;background:#2b3338}.project-card p{margin:9px 0 0;color:#9baea6;font-size:10px;line-height:1.45;overflow-wrap:anywhere}.app-header{min-height:74px;display:flex;align-items:center;gap:26px;padding:0 28px;border-bottom:1px solid #272b2f;background:#111418}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.brand strong{font-size:21px;font-weight:800;letter-spacing:-.035em;color:#f1d36c}.brand small{margin-left:6px;color:#858b8e;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.brand-mark{display:block;flex:none;width:31px;height:31px;border-radius:9px;object-fit:cover}.app-header nav{display:flex;align-items:stretch;align-self:stretch;margin:0 auto;gap:6px}.app-header nav button{display:flex;align-items:center;gap:7px;padding:0 15px;background:transparent;border:0;border-bottom:2px solid transparent;color:#9ba1a4;font-size:13px;font-weight:600;white-space:nowrap}.app-header nav button.active{color:#f8cc34;border-color:#f8cc34}.app-header nav button:hover:not(:disabled){color:#f4f3ed}.app-header nav button em{font-style:normal;font-size:10px;color:#677078}.app-header nav button.active em{color:#f8cc34}.local-badge{color:#929a9d;font-size:11px;white-space:nowrap;display:flex;align-items:center;gap:8px}.local-badge span,.local-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#72c99d;box-shadow:0 0 0 3px #72c99d22}.workspace{display:grid;grid-template-columns:minmax(270px,380px) minmax(320px,1fr) minmax(230px,330px);flex:1;min-height:0;overflow:hidden}.left-panel,.right-panel{background:#161b20;padding:27px 24px}.left-panel{border-right:1px solid #2a3035;overflow-y:auto;min-height:0}.right-panel{border-left:1px solid #2a3035;display:flex;flex-direction:column;overflow-y:auto;min-height:0}.center-panel{display:flex;align-items:center;justify-content:center;padding:12px 25px;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 45%,#20282b 0,#171b20 45%,#12161b)}.eyebrow{display:block;color:#d7b955;font-size:10px;letter-spacing:.18em;font-weight:800}.panel-intro h1{font-size:29px;letter-spacing:-.04em;line-height:1.13;margin:12px 0 9px}.panel-intro p{font-size:13px;line-height:1.55;color:#9ea8aa;margin:0 0 23px}.file-stack{display:grid;gap:11px}.file-zone{min-height:104px;display:flex;align-items:center;gap:12px;border:1px dashed #485159;border-radius:14px;background:#1a2127;padding:13px;transition:.15s}.file-zone.dragging{border-color:#f8cc34;background:#2a2b21}.file-zone.has-file{border-style:solid;border-color:#3d5f53}.file-icon{flex:none;width:39px;height:43px;display:grid;place-items:center;color:#f8cc34;border:1px solid #505744;border-radius:8px;font-size:23px}.file-copy{flex:1;display:grid;gap:5px;min-width:0}.file-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-copy span{font-size:10px;line-height:1.35;color:#8c999f}.ghost-button{flex:none;border:1px solid #465058;color:#e5e5dc;background:#20272d;border-radius:8px;font-size:10px;font-weight:700;padding:8px 9px}.ghost-button:hover{border-color:#f8cc34}.settings-block{border-top:1px solid #30383d;margin-top:22px;padding-top:21px}.settings-block label{display:grid;gap:8px;color:#ced3d1;font-size:12px;font-weight:700}.settings-block select,.range-inputs input{background:#20272d;color:#f3f2eb;border:1px solid #3a454c;border-radius:9px;height:40px;padding:0 11px;width:100%}.range-label{color:#ced3d1;font-size:12px;font-weight:700;margin:18px 0 9px}.range-inputs{display:flex;align-items:center;gap:12px}.range-inputs span{color:#7f8b8e}.hint{color:#88949b;font-size:11px;line-height:1.55;margin:10px 0 0}.primary-button{width:100%;min-height:43px;margin-top:24px;padding:10px 15px;border:0;border-radius:9px;background:#f8cc34;color:#171810;display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:12px}.primary-button:hover:not(:disabled){background:#ffdb55}.primary-button span{font-size:19px;line-height:1}.preview-wrap{width:min(100%,410px)}.preview-heading{display:flex;justify-content:space-between;margin:0 0 9px;color:#9ba5a7;font-size:11px;font-weight:700}.preview-heading span:last-child{color:#e6ce69}.preview-stage{position:relative;height:max(180px,min(650px,calc(100dvh - 390px)));width:auto;max-width:100%;aspect-ratio:9 / 16;margin:0 auto;background:#19201e;border:1px solid #485050;border-radius:9px;overflow:hidden;box-shadow:0 24px 45px #0006}.preview-stage canvas{width:100%;height:100%;display:block}.tab-move-surface{position:absolute;z-index:1;cursor:grab;touch-action:none;outline:1px dashed transparent;outline-offset:-2px}.tab-move-surface:hover,.tab-move-surface:focus-visible{outline-color:#ffe184a8}.tab-move-surface:active{cursor:grabbing}.tab-resize-handle{position:absolute;left:50%;z-index:2;width:68px;height:24px;transform:translate(-50%,-50%);border:1px solid #ffde73;border-radius:16px;background:#29231b;color:#ffe184;box-shadow:0 2px 12px #000a;cursor:ns-resize;touch-action:none;display:grid;place-items:center;font-size:17px;font-weight:700;-webkit-user-select:none;user-select:none}.tab-resize-handle:hover,.tab-resize-handle:focus-visible{background:#493827;outline:2px solid #ffe184;outline-offset:2px}.tab-width-handle{position:absolute;z-index:2;width:24px;height:68px;transform:translate(-100%,-50%);border:1px solid #ffde73;border-radius:16px;background:#29231b;color:#ffe184;box-shadow:0 2px 12px #000a;cursor:ew-resize;touch-action:none;display:grid;place-items:center;font-size:17px;font-weight:700;-webkit-user-select:none;user-select:none}.tab-width-handle:hover,.tab-width-handle:focus-visible{background:#493827;outline:2px solid #ffe184;outline-offset:2px}.preview-placement-hint{margin:7px 0 0;color:#aeb9b5;font-size:10px;text-align:center}.source-video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.preview-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#cbd0c8;text-align:center}.preview-empty-mark{color:#f8cc34;font-family:Bravura,Georgia,serif;font-size:80px;line-height:1}.preview-empty strong{font-size:16px}.preview-empty span{color:#788583;font-size:12px}.preview-controls{display:flex;align-items:center;gap:11px;margin-top:11px;font-size:12px;white-space:nowrap}.preview-controls input{flex:1;accent-color:#f8cc34;min-width:40px}.play-button{color:#171810;background:#f8cc34;border:0;border-radius:50%;width:33px;height:33px;padding-left:4px}.play-button{flex-shrink:0}.preview-controls>span{white-space:nowrap}.preview-controls input{min-width:0}.muted{color:#7e8b90}.inspector-header{display:flex;flex-direction:column;gap:7px;padding-bottom:22px;border-bottom:1px solid #30383d}.inspector-header strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspector-header small{color:#8b989d;font-size:11px}.inspector-section{padding:21px 0;border-bottom:1px solid #30383d}.section-title{display:flex;justify-content:space-between;align-items:center;color:#e8e7dc;font-size:13px;font-weight:800;margin-bottom:14px}.section-title small{color:#8a969a;font-weight:500}.mini-stat{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:8px 0}.mini-stat span{color:#8e9a9c}.mini-stat strong{font-weight:700;text-align:right}.secondary-button{width:100%;margin-top:13px;background:#2b332c;border:1px solid #7a7341;color:#f1d77c;border-radius:8px;padding:11px;font-size:11px;font-weight:800}.secondary-button:hover:not(:disabled){background:#373b2e}.shift-row{display:flex;gap:8px}.shift-row button{flex:1;background:#20272d;border:1px solid #424b4d;border-radius:8px;padding:9px 6px;color:#f0efe8;font-size:11px;font-weight:700}.shift-row button:hover:not(:disabled){border-color:#f8cc34}.inspector-foot{margin-top:auto;padding-top:20px;color:#7b898d;font-size:10px;line-height:1.5}.inspector-foot .local-dot{margin-right:9px}.timeline{flex:none;border-top:1px solid #343c3d;background:#13191e;height:220px;padding:11px 20px 16px}.timeline-title{display:flex;justify-content:space-between;margin-bottom:9px;font-size:11px}.timeline-title span{color:#819095}.timeline canvas{width:100%;height:168px;border:1px solid #333d44;border-radius:7px;display:block;cursor:crosshair}.first-attack-panel{margin-top:16px;padding:13px;border:1px solid #496656;border-radius:10px;background:#1e2926}.first-attack-panel>div:first-child{display:flex;justify-content:space-between;gap:8px;color:#d9f2de;font-size:12px}.first-attack-panel>div:first-child span{color:#8fe1b2;font-variant-numeric:tabular-nums}.first-attack-panel p{margin:8px 0 12px;color:#94aba0;font-size:10px;line-height:1.5}.frame-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.frame-controls button,.pin-start-button{border:1px solid #527662;border-radius:7px;background:#293c32;color:#d7f5df;padding:7px 5px;font-size:10px;font-weight:700}.pin-start-button{width:100%;margin-top:8px;background:#3a674d;font-size:11px}.frame-controls button:hover,.pin-start-button:hover{background:#4b7859}.note-list{display:grid;gap:5px;max-height:285px;overflow-y:auto}.note-list button{text-align:left;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:8px;border:1px solid #364047;border-radius:7px;color:#b9c1c1;background:#20272d;font-size:10px}.note-list button.selected{border-color:#e7bb33;background:#302d21}.note-list button strong{color:#f5f1dd}.note-list button small{color:#98a4a5}.skin-tree{display:grid;gap:15px}.skin-branch{--skin-accent: #f8cc34}.skin-branch summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;padding:6px 0}.skin-branch summary::-webkit-details-marker{display:none}.skin-branch summary:before{content:"›";font-size:20px;color:#79858b;transition:transform .15s}.skin-branch[open] summary:before{transform:rotate(90deg)}.skin-branch summary>span:last-child{display:grid;gap:4px}.skin-branch summary strong{font-size:13px;color:#e2e3db}.skin-branch summary small{font-size:10px;color:#8e9a9c}.skin-branch.active summary strong{color:var(--skin-accent)}.skin-emblem{width:28px;height:30px;display:grid;place-items:center;border:1px solid #5b5640;border-radius:7px;color:var(--skin-accent);background:#27271f;font-size:22px}.skin-modes{margin:4px 0 0 9px;padding-left:19px;border-left:1px solid #3b454a}.style-card{position:relative;display:flex;align-items:center;gap:10px;width:100%;margin:8px 0;padding:10px;background:#20272d;border:1px solid #3c464a;border-radius:10px;color:#f2f1e8;text-align:left}.style-card:before{content:"";position:absolute;left:-20px;top:50%;width:19px;height:1px;background:#3b454a}.style-card:hover{border-color:var(--skin-accent)}.style-card:focus-visible,.skin-branch summary:focus-visible{outline:2px solid var(--skin-accent);outline-offset:3px}.style-card.selected{border-color:#f8cc34;background:#292a22}.style-card>span:nth-child(2){display:grid;gap:5px;flex:1}.style-card strong{font-size:12px}.style-card small{color:#9da8a5;font-size:10px}.style-card em{font-style:normal;color:#f8cc34;font-size:19px}.style-mini{position:relative;flex:none;width:74px;height:46px;display:block;background:#0d1614;border-radius:6px;overflow:hidden}.style-mini i{position:absolute;left:10px;right:10px;border-top:1px solid #798580}.style-mini i:nth-child(1){top:11px}.style-mini i:nth-child(2){top:19px}.style-mini i:nth-child(3){top:27px}.style-mini i:nth-child(4){top:35px}.style-mini b{position:absolute;top:18px;left:29px;color:#f8cc34;font-size:12px}.style-mini b:last-child{left:50px;color:#eee}.score-and-tab b:first-of-type{top:2px}.score-and-tab b:last-child{top:27px}.skin-inferno{--skin-accent: #e15961}.skin-diablo-malthael{--skin-accent: #8be9ff}.skin-diablo-tristram{--skin-accent: #ffbb4d}.skin-diablo-malthael .style-mini{background:url(/assets/diablo-malthael-expanded-v2-D0DqM7Ay.png) center / cover no-repeat,#071015}.skin-diablo-tristram .style-mini{background:url(/assets/diablo-tristram-expanded-v2-BFlc2bim.png) center / cover no-repeat,#100e0b}.skin-diablo .style-mini i{left:22%;right:5%;border-color:#dae3df99}.skin-diablo .style-mini b{font-family:Georgia,serif;font-weight:500;color:#edfaff;text-shadow:0 1px 2px #000}.skin-diablo .style-mini b:first-of-type{color:var(--skin-accent)}.skin-diablo .tile-cursor{background:var(--skin-accent);box-shadow:0 0 5px var(--skin-accent)}.skin-inferno .skin-emblem{font-size:17px;color:#dc4c54;border-color:#76503b;background:radial-gradient(ellipse,#663020,#160f10)}.skin-inferno .style-card{background:#201a1a;border-color:#4a3833}.skin-inferno .style-card.selected{border-color:#aa3645;background:#30201c;box-shadow:inset 0 0 20px #e94b0a0b}.skin-inferno .style-card:hover{border-color:#aa3645}.skin-inferno .style-card em,.skin-inferno .style-mini b:first-of-type{color:#e15961}.skin-inferno .style-mini{background:url(/assets/inferno-hatred-frame-K4gkyTVY.png) center / 100% 100% no-repeat,linear-gradient(#12060a44,#12060a66),url(/assets/inferno-lilith-akZtitvB.png) center / cover no-repeat}.skin-inferno .style-mini i{border-color:#a28b78;left:11px;right:11px}.skin-inferno .style-mini:after{content:"";position:absolute;width:1px;top:9px;bottom:8px;left:39px;background:#dc263d;box-shadow:0 0 5px #b20f2a}.skin-polar{--skin-accent: #9eeaff}.skin-polar .skin-emblem{color:#c8f4ff;border-color:#7bbde0;background:radial-gradient(ellipse,#274e77,#101d34);text-shadow:0 0 8px #77dfff}.skin-polar .style-card{color:#e6f6ff;background:linear-gradient(135deg,#142a45,#101a30 58%,#1d3150);border-color:#456782}.skin-polar .style-card.selected{border-color:#91e4ff;background:linear-gradient(135deg,#1b3b5d,#152943 58%,#28436a);box-shadow:inset 0 0 20px #61caff18,0 0 12px #4caaff20}.skin-polar .style-card:hover{border-color:#b8f3ff}.skin-polar .style-card em,.skin-polar .style-mini b:first-of-type{color:#c4f6ff;text-shadow:0 0 7px #68cfff}.skin-polar .style-mini{background:linear-gradient(135deg,#0b1c32,#142d4b 55%,#08162c);border:1px solid #9ddfff;box-shadow:inset 0 0 12px #61baff35,0 0 7px #64b9ff45}.skin-polar .style-mini i{border-color:#badfff;left:9px;right:9px}.skin-polar .style-mini:after{content:"";position:absolute;width:2px;top:7px;bottom:6px;left:38px;background:#8df2ff;box-shadow:0 0 6px 2px #37cfff}.skin-ink{--skin-accent: #ed3029}.skin-ink .skin-emblem{color:#ed3029;border-color:#9c322d;background:radial-gradient(ellipse,#30201e,#171716);text-shadow:0 0 7px #ed302966}.skin-ink .style-card{color:#f0e9dc;background:linear-gradient(135deg,#272522,#171716 58%,#30201e);border-color:#6d6254}.skin-ink .style-card.selected{border-color:#ed3029;background:linear-gradient(135deg,#38201e,#211918 58%,#40201c);box-shadow:inset 0 0 18px #ed302918,0 0 12px #ed302922}.skin-ink .style-card:hover{border-color:#f15a4f}.skin-ink .style-card em,.skin-ink .style-mini b:first-of-type{color:#fff2e5;text-shadow:0 0 5px #ed3029}.skin-ink .style-mini{background:linear-gradient(135deg,#f1eadd,#d8d0c3 55%,#eee5d5);border:1px solid #f5eee1;box-shadow:inset 0 0 12px #fff8e850,0 0 7px #ed302933}.skin-ink .style-mini i{border-color:#262320;left:9px;right:9px}.skin-ink .style-mini:after{content:"";position:absolute;width:2px;top:7px;bottom:6px;left:38px;background:#ed3029;box-shadow:0 0 5px 1px #ed302966}.skin-ink .style-mini b{background:#f5f0e5;color:#191817;border-radius:2px;box-shadow:0 1px 3px #17171655}.preview-heading{flex-wrap:wrap;gap:5px 12px}.export-summary strong{text-align:right}.export-summary{border:1px solid #3b4347;background:#20272d;border-radius:10px;padding:8px 14px}.export-summary div{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #343e42;font-size:11px}.export-summary div:last-child{border:none}.export-summary span{color:#93a0a1}.export-summary strong{color:#f5f3eb}.export-button{font-size:13px}.busy-box{display:grid;grid-template-columns:19px 1fr auto;gap:10px;align-items:center;padding:14px 11px;margin-top:20px;border-radius:9px;background:#283028;color:#d7e1d2;font-size:11px}.busy-box strong{color:#f8cc34}.spinner{width:18px;height:18px;border:2px solid #657568;border-top-color:#f8cc34;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-track{grid-column:1/-1;height:3px;border-radius:5px;background:#47544a;overflow:hidden}.progress-track i{display:block;height:100%;background:#f8cc34}.notice{margin-top:14px;padding:11px 13px;border-radius:8px;font-size:11px;line-height:1.45}.notice.error{background:#412827;border:1px solid #744440;color:#ffd4cf}.notice.success{background:#24372f;border:1px solid #42634b;color:#bde8c8}@media(max-width:1220px){.local-badge{display:none}.workspace{grid-template-columns:minmax(270px,360px) minmax(320px,1fr) minmax(230px,290px)}.app-header{gap:10px}}@media(max-width:1000px){.workspace{grid-template-columns:minmax(240px,31%) minmax(280px,1fr) minmax(215px,24%)}.left-panel,.right-panel{padding:20px 15px}.center-panel{padding:12px}.app-header nav button{padding:0 8px}}.skin-neon{--skin-accent: #00eaff}.skin-neon .skin-emblem{color:#00eaff;border-color:#28768b;background:#0b1822;text-shadow:0 0 8px #00d9ff}.skin-neon .style-card{color:#e8f5ff;border-color:#38505f;background:linear-gradient(135deg,#14232e,#080f18)}.skin-neon .style-card.selected{border-color:#00eaff;box-shadow:inset 0 0 14px #00eaff18,0 0 8px #ee28df22}.skin-neon .style-card:hover{border-color:#53f0ff}.skin-neon .style-mini{background:#071018;border:2px solid #3b5667;box-shadow:inset 0 0 6px #00eaff55}.skin-neon .style-mini:after{content:"";position:absolute;width:2px;top:6px;bottom:6px;left:38px;background:#a2faff;box-shadow:0 0 6px 2px #00dfff}.skin-neon .style-mini i{border-color:#bdceda}.skin-neon .style-card em{color:#00eaff}.skin-studio{--skin-accent: #e7b36a}.skin-studio .skin-emblem{color:#f0ce8e;border-color:#a7793d;background:radial-gradient(ellipse,#662b24,#281410)}.skin-studio .style-card{color:#f6e7ca;border-color:#78583c;background:linear-gradient(135deg,#38221a,#201714 65%,#3f211b)}.skin-studio .style-card.selected{border-color:#edb85f;box-shadow:inset 0 0 18px #e5a63d18,0 0 9px #ffc15c22}.skin-studio .style-card:hover{border-color:#e7bc77}.skin-studio .style-mini{background:linear-gradient(135deg,#f6e7c9,#e5cca3);border:4px solid #62251e;outline:1px solid #c29a56;box-shadow:inset 0 0 7px #6e431d55}.skin-studio .style-mini i{border-color:#55432b;left:7px;right:7px}.skin-studio .style-mini:after{content:"";position:absolute;width:2px;top:0;bottom:0;left:36px;background:#fff1a8;box-shadow:0 0 5px 2px #ffaf34}.skin-studio .style-mini b{color:#28190d;background:#f2dfbd;border-radius:3px;box-shadow:0 1px 2px #67401c77}.skin-studio .style-mini b:first-of-type{color:#ffedc9;background:#542019;text-shadow:none;outline:1px solid #ffb84b}.skin-studio .style-card em{color:#ffd18a}.skin-atomic{--skin-accent: #e74439}.atomic-variant{margin:0 10px 12px 22px;border-left:1px solid #5e4940;padding-left:10px}.atomic-variant>summary{cursor:pointer;padding:10px 4px;display:flex;flex-direction:column;gap:4px}.atomic-variant>summary small{color:#9f9b94;font-size:11px}.skin-atomic .style-card.selected{border-color:#d95346}.skin-atomic-black .style-mini{background:#09090b url(/assets/atomic-black-polymer-DY75b1lv.png) center / cover}.skin-atomic-monument .style-mini{background:#eee0c4 url(/assets/atomic-monument-BuBOuD4n.png) center / cover}.skin-atomic-monument .style-mini b{color:#27251e}.skin-atomic-monument .style-mini i{border-color:#51432c}.skin-cyberpunk{--skin-accent: #ff2840}.skin-cyberpunk .style-card.selected{border-color:#e12a42}.skin-cyber-johnny .style-mini{background:#100d0d url(/assets/cyber-johnny-panel-Cgv9g_Yy.png) center / cover}.skin-cyber-blackwall .style-mini{background:#070c13 url(/assets/cyber-blackwall-panel-Dukqj1w2.png) center / cover}.skin-starwars{--skin-accent: #40c9ff}.skin-starwars .style-card.selected{border-color:#40c9ff}.skin-star-tatooine .style-mini{background:#4a3020 url(/assets/star-tatooine-panel-D_Uzvf6x.png) center / cover}.skin-star-naboo .style-mini{background:#073b43 url(/assets/star-naboo-panel-B8bSe6hv.png) center / cover}.skin-star-force .style-mini{background:#092c48 url(/assets/star-force-panel-4m-6yivU.png) center / cover}.skin-starwars .style-mini b{color:#e4faff;text-shadow:0 1px 3px #071723}.skin-punk{--skin-accent: #ffb52c}.skin-punk .style-card.selected{border-color:#ffb52c}.skin-punk-diy .style-mini{background:#211a18 url(/assets/punk-diy-panel-BAt1DqTN.png) center / cover}.skin-punk-basement .style-mini{background:#21100d url(/assets/punk-basement-panel-BfTIvm6C.png) center / cover}.skin-punk-skate .style-mini{background:#292032 url(/assets/punk-skate-panel-BMRGaH1m.png) center / cover}.skin-punk .style-mini b{color:#fff0d8;text-shadow:0 1px 3px #080808}:root{color-scheme:dark;--gold: #f8cc34;--surface: #14191f;--border: #2a3038}button,input,select{outline-offset:3px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#3a414a;border-radius:8px}::-webkit-scrollbar-track{background:transparent}.app-shell{background:#0d1117}.app-header{min-height:64px;padding:0 22px;gap:16px;background:#0e1319}.brand strong{color:#f6f3e8;font-size:22px;letter-spacing:-.04em}.brand-mark{width:33px;height:33px}.header-actions{display:flex;align-items:center;gap:18px}.header-export{border:0;border-radius:8px;background:var(--gold);color:#171810;font-weight:750;font-size:12px;padding:12px 20px;display:flex;gap:18px;align-items:center}.header-export:hover:not(:disabled){background:#ffdd62}.app-header nav button{padding:0 14px}.workspace{grid-template-columns:minmax(255px,300px) minmax(280px,1fr) minmax(310px,390px)}.left-panel,.right-panel{background:#13181f;padding:22px 20px}.center-panel{background:radial-gradient(ellipse at 50% 45%,#20252b,#0d1117 75%);padding:12px 22px}.panel-intro h1{font-size:25px;margin-top:10px}.panel-intro p{font-size:12px;line-height:1.65;margin-bottom:20px}.eyebrow{color:#c7af60;font-size:9px;letter-spacing:.14em}.file-zone{border-radius:10px;padding:12px;min-height:100px;background:#191f27;border-color:#3c4651;gap:9px}.file-icon{width:31px;height:38px;border-color:#4a4632;background:#f8cc3408}.file-copy strong{font-size:11px}.ghost-button{font-size:10px;padding:8px}.songsterr-import input{width:100%;min-width:0;border:1px solid #3a434f;border-radius:8px;padding:11px;background:#0f141b;color:#eee;font-size:11px}.settings-block{margin-top:18px;padding-top:18px;border-color:var(--border)}.primary-button{position:sticky;bottom:0;z-index:3;box-shadow:0 5px 20px #0005}.preview-wrap{width:min(100%,430px)}.preview-stage{height:max(180px,min(760px,calc(100dvh - 310px)));background:#11171b;border-color:#333c45;border-radius:7px}.preview-heading{font-weight:500;font-size:10px}.preview-heading span:last-child{max-width:65%;text-align:right;color:#d7c478}.preview-empty{background:radial-gradient(ellipse at center,#292b21,#13191e 80%);padding:20px}.preview-empty-mark{margin-bottom:14px;text-shadow:0 0 40px #f8cc3425}.preview-empty strong{font-size:15px}.preview-empty span{font-size:11px}.preview-controls{background:#11171e;border:1px solid #29313b;border-radius:9px;padding:9px 11px;font-size:11px}.play-button{width:30px;height:30px}.timeline{height:170px;padding:10px 18px 14px;background:#10151c;border-color:#2d3540}.timeline canvas{height:124px;border-color:#2d3540}.inspector-header{padding-bottom:18px;border-color:var(--border)}.getting-started{margin-top:30px}.getting-started h2{font-size:29px;line-height:1.18;letter-spacing:-.045em;margin:12px 0}.getting-started>p{font-size:12px;line-height:1.6;color:#8e9aa8}.getting-started ol{list-style:none;padding:0;margin:26px 0;display:grid;gap:23px}.getting-started li{display:flex;align-items:center;gap:13px}.getting-started li>b{border:1px solid #454332;border-radius:9px;background:#f8cc3408;color:#e5c354;font-size:11px;padding:10px}.getting-started li span{display:grid;gap:5px}.getting-started li strong{font-size:12px;font-weight:600}.getting-started li small{color:#8995a3;font-size:10px}.appearance-project{display:grid;gap:8px;border:1px solid #303743;border-radius:10px;padding:16px;background:linear-gradient(120deg,#24241d,#161c24)}.appearance-project>span{color:#aa9b63;font-size:8px;letter-spacing:.12em}.appearance-project strong{font-size:17px}.appearance-project small{font-size:10px;color:#8f9aa7;overflow-wrap:anywhere}.mode-switch{display:flex;padding:4px;gap:4px;background:#0c1118;border:1px solid #29323c;border-radius:9px}.mode-switch button{flex:1;border:1px solid transparent;border-radius:6px;padding:11px 4px;font-size:11px;color:#94a0ad;background:transparent}.mode-switch button.active{background:#f8cc3410;border-color:#b1983f;color:#f8cc34}.placement-settings{display:grid;gap:24px;margin:25px 0}.placement-settings label{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:11px;color:#a6b0bc}.placement-settings output{color:#f1f0e9;font-variant-numeric:tabular-nums}.placement-settings input{grid-column:1 / -1;width:100%;accent-color:var(--gold)}.creative-tip{display:flex;gap:12px;color:#d6bc60;border-top:1px solid var(--border);padding-top:15px}.creative-tip p{margin:0;font-size:11px;line-height:1.7;color:#8d9aa8}.gallery-panel{padding:20px 16px;background:#11171f}.library-heading h2{font-size:20px;letter-spacing:-.035em;margin:10px 0 6px}.library-heading p{color:#8593a2;font-size:10px;margin:0 0 18px}.skin-filters{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:18px}.skin-filters button{background:#191f29;color:#a2adbb;border:1px solid #303a47;border-radius:6px;padding:7px 10px;font-size:10px}.skin-filters button.active{border-color:#c4a83b;color:#f8cc34;background:#f8cc3410}.skin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;padding-bottom:12px}.skin-tile{min-width:0;padding:0;border:0;background:transparent;color:#edf0f4;text-align:left}.skin-tile .style-mini{width:100%;height:auto;aspect-ratio:1.65;border-radius:9px;border:1px solid #394452;background-color:#111820;transition:border-color .15s,transform .15s;box-shadow:inset 0 0 30px #0003}.skin-tile:hover .style-mini{transform:translateY(-2px);border-color:#a5a17b}.skin-tile.selected .style-mini{border:2px solid #f8cc34;box-shadow:0 0 0 3px #f8cc3412}.skin-tile .style-mini i{left:14%;right:10%;border-color:#d8d9c38c}.skin-tile .style-mini i:nth-child(1){top:30%}.skin-tile .style-mini i:nth-child(2){top:47%}.skin-tile .style-mini i:nth-child(3){top:64%}.skin-tile .style-mini i:nth-child(4){top:81%}.skin-tile .style-mini b{top:36%;left:33%;font-size:15px;color:#fff5d2;text-shadow:0 2px 4px #000}.skin-tile .style-mini b:last-of-type{top:69%;left:70%}.tile-cursor{position:absolute;top:17%;bottom:10%;left:58%;width:2px;background:#f8cc34;box-shadow:0 0 8px #f8cc34aa}.tile-caption{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:9px 0 4px}.tile-caption strong{font-size:11px;font-weight:600}.tile-caption em{font-style:normal;color:#f8cc34}.skin-tile>small{color:#8693a2;font-size:9px}@media(min-width:1550px){.workspace{grid-template-columns:320px minmax(320px,1fr) 440px}.skin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.workspace{grid-template-columns:250px minmax(240px,1fr) 280px}.app-header{padding:0 15px}.app-header nav button{padding:0 8px}.header-export{padding:10px 13px}.left-panel{padding:20px 15px}.center-panel{padding:12px}.brand strong{font-size:19px}}.preview-stage{height:max(150px,min(700px,calc(100dvh - 375px)))}.preview-placement-hint{max-width:100%;line-height:1.45}.left-panel{display:flex;flex-direction:column;gap:0;padding-bottom:24px}.left-panel>*{flex-shrink:0}.left-panel>.primary-button{margin-top:24px;position:static}.skin-filters{position:sticky;top:-20px;z-index:4;background:#11171f;padding-top:10px}.skin-categories{flex-wrap:nowrap;gap:8px}.skin-categories button{flex:1;padding:12px;font-size:12px;font-weight:650}.premium-branches{display:grid;gap:10px}.premium-branch{border:1px solid #303945;border-radius:10px;background:#151c25;overflow:hidden}.premium-branch>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:15px;cursor:pointer;font-size:13px;font-weight:650}.premium-branch>summary::-webkit-details-marker{display:none}.premium-branch>summary:before{content:"›";font-size:20px;line-height:1;color:#a6b1bf;transition:transform .15s}.premium-branch[open]>summary:before{transform:rotate(90deg);color:#f8cc34}.premium-branch>summary small{margin-left:auto;color:#8e9cab;font-size:10px;font-weight:500}.premium-branch>summary:hover{background:#ffffff04}.premium-branch>summary:focus-visible{outline:2px solid #f8cc34;outline-offset:-3px}.premium-branch>.skin-grid{padding:0 12px 14px;grid-template-columns:repeat(2,minmax(0,1fr))}.demo-switch{display:flex;gap:5px;background:#0d1219;border:1px solid #303946;padding:4px;border-radius:9px;margin:0 auto 12px;max-width:280px}.demo-switch button{flex:1;background:transparent;border:1px solid transparent;color:#94a0ae;border-radius:6px;padding:9px 12px;font-size:11px;font-weight:650}.demo-switch button.active{color:#f8cc34;background:#f8cc3410;border-color:#998332}.demo-appearance[hidden]{display:block;visibility:hidden}.demo-preview .preview-stage{height:max(150px,min(700px,calc(100dvh - 415px)))}.demo-source{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.demo-preview canvas{position:relative;z-index:1}.demo-loading{position:absolute;z-index:2;bottom:40px;left:15px;right:15px;color:#f8cc34;font-size:11px;text-align:center;background:#111b;padding:10px;border-radius:8px}.demo-skin-label{position:absolute;bottom:12px;left:12px;z-index:2;color:#f7eed2;background:#10151bd9;border:1px solid #ffffff24;border-radius:6px;padding:6px 9px;font-size:9px}.demo-transport{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:8px 10px;border:1px solid #303946;border-radius:9px;background:#11171e}.demo-transport button{border:0;border-radius:6px;padding:8px 10px;background:#232a31;color:#e9dfbd;font-size:10px}.demo-transport button:first-child{color:#151515;background:#f8cc34}.demo-transport span{font-size:10px;color:#a0aab5}.demo-variant-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 10px}.demo-variant-controls button{background:#1b222c;border:1px solid #313b47;color:#b8c2cd;border-radius:5px;padding:5px 9px;font-size:10px}.demo-variant-controls button.active{color:#f8cc34;border-color:#8e7d3b}.demo-variant-controls>span{font-size:10px;color:#c7d0d9;text-align:center;min-width:145px}.demo-preview .preview-stage{height:max(150px,min(700px,calc(100dvh - 450px)))}.skin-view-switch{display:flex;gap:4px;padding:4px;background:#090f16;border:1px solid #303946;border-radius:9px;margin:0 0 15px}.skin-view-switch button{flex:1;border:1px solid transparent;background:transparent;color:#9ca9b8;padding:11px 8px;border-radius:6px;font-size:12px;font-weight:650}.skin-view-switch button.active{background:#f8cc3412;border-color:#99833a;color:#f8cc34}.skin-view-switch button span{margin-left:5px;border-radius:4px;background:#ffffff0c;padding:2px 5px;font-size:10px}.skin-product-info{margin-top:20px;padding:17px;border:1px solid #3b4147;background:linear-gradient(130deg,#25251b,#171e28);border-radius:10px;display:grid;gap:10px}.skin-product-info>strong{font-size:17px}.skin-product-info p{margin:0;font-size:11px;line-height:1.55;color:#b1bdc9}.skin-product-info>small{color:#8797a7;font-size:10px;line-height:1.6}.skin-local-status{color:#a7d7b4;font-size:10px}.skin-availability{display:block;margin-top:5px}.landing-shell .app-header nav,.landing-shell .header-export{display:none}.landing-shell .header-actions{margin-left:auto}.landing-shell .app-header{min-height:64px;padding:0 4%}.landing-shell .workspace{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);padding:28px 4% 24px;gap:5%;overflow-y:auto;background:radial-gradient(ellipse at 68% 40%,#1a222b 0,#10161d 60%)}.landing-shell .left-panel{background:transparent;border:0;padding:20px 0;overflow:visible;justify-content:center}.landing-shell .right-panel{display:none}.landing-shell .center-panel{background:transparent;padding:0;overflow:visible;align-items:flex-start}.welcome-intro h1{color:#fff;font-size:clamp(36px,4.5vw,68px);letter-spacing:-.055em;line-height:1.07;margin:20px 0 18px}.welcome-intro h1 span{color:#f8cc34}@font-face{font-family:Golos Text;src:url(/assets/GolosText-Medium-DbDyOPzh.ttf) format("truetype");font-style:normal;font-weight:500;font-display:swap}.welcome-intro .eyebrow{color:#f8cc34;font-family:Golos Text,sans-serif;font-size:14px;letter-spacing:.01em;font-weight:500}.welcome-intro p{font-size:15px;line-height:1.65;max-width:600px;color:#aeb8c4;margin-bottom:25px}.landing-shell .file-zone{min-height:82px;padding:16px;border-radius:11px;background:#1a212acc}.landing-shell .file-copy strong{font-size:13px}.landing-shell .file-copy span{font-size:11px}.landing-shell .ghost-button{font-size:11px;padding:10px 18px}.tab-source-card{border:1px solid #303b48;border-radius:11px;background:#161e27aa;overflow:hidden}.tab-source-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 15px}.tab-source-heading>strong{font-size:12px;color:#b5c0cd}.tab-source-heading .mode-switch{padding:3px}.tab-source-heading .mode-switch button{padding:7px 12px}.tab-source-card .file-zone{border:0;border-top:1px solid #303b48;border-radius:0}.landing-shell .songsterr-import{margin-top:10px;padding:15px;border:1px solid #303b48;border-radius:10px;background:#161e27aa}.landing-shell .songsterr-import .secondary-button{margin-top:10px}.landing-shell .settings-block{margin-top:12px;padding-top:12px}.landing-shell .primary-button{margin-top:18px;min-height:48px;font-size:14px;justify-content:center;gap:15px}.welcome-privacy{text-align:center;color:#8593a3;font-size:10px;margin:13px 0 0}.welcome-privacy .local-dot{margin-right:6px;width:5px;height:5px}.welcome-source-preview{display:none}.project-preview{width:100%;display:flex;justify-content:center}.landing-shell .demo-preview{width:min(100%,440px)}.landing-shell .demo-preview .preview-stage{height:max(230px,min(660px,calc(100dvh - 395px)))}.landing-shell .demo-preview .preview-heading{font-size:10px}.landing-shell .demo-switch,.landing-shell .demo-variant-controls{margin-bottom:8px}.welcome-steps{flex:none;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #303843;padding:20px 4%;background:#10161d;gap:24px}.welcome-steps>div{display:flex;align-items:center;gap:13px;min-width:0}.welcome-steps b{flex-shrink:0;width:34px;height:34px;border:1px solid #a18b38;border-radius:50%;display:grid;place-items:center;color:#f8cc34;font-size:11px}.welcome-steps span{display:grid;gap:5px}.welcome-steps strong{font-size:12px}.welcome-steps small{color:#8593a3;font-size:10px}.welcome-steps i{margin-left:auto;color:#657588;font-style:normal}@media(max-height:820px){.landing-shell .workspace{padding-top:12px;padding-bottom:12px}.landing-shell .left-panel{padding-top:0;padding-bottom:0}.welcome-intro h1{font-size:clamp(32px,4vw,54px);margin:12px 0}.welcome-intro p{font-size:13px;margin-bottom:16px}.welcome-steps{padding-top:13px;padding-bottom:13px}}.tab-source-heading .mode-switch button{white-space:nowrap;flex:none}.home-button{flex-shrink:0;padding:8px 10px;border:1px solid #3a454c;border-radius:8px;background:transparent;color:#aeb8c4;font-size:11px;white-space:nowrap}.home-button:hover,.home-button.active{color:#f8cc34;border-color:#a18b38}.welcome-files-heading{margin:0 0 12px;color:#e6eaf0;font-size:17px;font-weight:650}.welcome-files-button{width:100%;min-height:44px;margin-top:14px;padding:10px 15px;display:flex;align-items:center;justify-content:center;gap:15px;border:1px solid #626e7b;border-radius:9px;background:#20272d;color:#e5e9ed;font-size:13px;font-weight:700}.welcome-files-button:hover:not(:disabled){border-color:#e3c663;background:#2b3338}.welcome-divider{display:flex;align-items:center;gap:18px;margin:15px 0;color:#8593a3;font-size:11px}.welcome-divider:before,.welcome-divider:after{content:"";flex:1;height:1px;background:#303b48}.landing-shell .welcome-editor-button{margin-top:0}.welcome-editor-hint{margin:10px 0 0;text-align:center;color:#aeb8c4;font-size:12px;line-height:1.5}@media(min-width:1450px){.landing-shell .workspace{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(240px,.7fr);gap:3%}.landing-shell .right-panel{display:flex;padding:20px 0 20px 24px;background:transparent;overflow:visible}.landing-shell .right-panel .inspector-header{display:none}.landing-shell .welcome-intro h1{font-size:52px}}.skin-valve .style-mini{background-image:url(/assets/valve-atlas-jh0OQQDt.png);background-size:100% 172.4%;background-position:top}.skin-groove .style-mini{background-image:url(/assets/groove-atlas-CHW4WKJg.png);background-size:100% 188.2%;background-position:top}.skin-stage-chrome .style-mini{background-image:url(/assets/stage-chrome-atlas-AGqt0dh7.png);background-size:100% 190%;background-position:top}.skin-tape .style-mini{background-image:url(/assets/tape-atlas-DYH_NzKG.png);background-size:100% 188.9%;background-position:top}.skin-blackwood .style-mini{background-image:url(/assets/blackwood-atlas-CIw6-Tqv.png);background-size:100% 192.8%;background-position:top}.skin-valve,.skin-tape,.skin-blackwood,.skin-stage-chrome{--skin-accent: #ffc064}.skin-groove{--skin-accent: #ff493d}.skin-valve .tile-cursor,.skin-groove .tile-cursor,.skin-stage-chrome .tile-cursor,.skin-tape .tile-cursor,.skin-blackwood .tile-cursor{background:var(--skin-accent);box-shadow:0 0 6px var(--skin-accent)}.skin-road-case{--skin-accent: #f6cc32}.skin-velvet-club{--skin-accent: #ffd16a}.skin-copper-coil{--skin-accent: #ff9b42}.skin-ocean-drive{--skin-accent: #ef724a}.skin-porcelain{--skin-accent: #275bc8}.skin-road-case .style-mini{background:#101314 url(/assets/road-case-atlas-DPvmqivn.png) top / 100% 184.5%}.skin-velvet-club .style-mini{background:#041b14 url(/assets/velvet-club-atlas-D4A_Y3A2.png) top / 100% 196.9%}.skin-copper-coil .style-mini{background:#15130f url(/assets/copper-coil-atlas-B4T3Nkyd.png) top / 100% 196.9%}.skin-ocean-drive .style-mini{background:#eee6cf url(/assets/ocean-drive-atlas-Be0vOrbl.png) top / 100% 172.4%}.skin-porcelain .style-mini{background:#f2efe6 url(/assets/porcelain-atlas-2MY0P0vG.png) top / 100% 180.6%}.skin-road-case .tile-cursor,.skin-velvet-club .tile-cursor,.skin-copper-coil .tile-cursor,.skin-ocean-drive .tile-cursor,.skin-porcelain .tile-cursor{background:var(--skin-accent);box-shadow:0 0 4px var(--skin-accent)}.skin-velvet-club .style-mini b{background:#0b1e15;border:1px solid #c1974c;color:#f5deae}.skin-copper-coil .style-mini b{background:#21150d;border:1px solid #bd824e;color:#ffe3c5}.skin-ocean-drive .style-mini b{background:#f6ead3;border:1px solid #8dafa7;color:#174e55;text-shadow:none}.skin-porcelain .style-mini b{background:#fbf6e9;border:1px solid #8092b1;color:#183a7e;text-shadow:none}.skin-ocean-drive .style-mini i{border-color:#174e55aa}.skin-porcelain .style-mini i{border-color:#183a7eaa}.skin-ink .style-mini{background:#f3ead8 url(/assets/ink-riot-panel-v2-CMcFm9t2.png) center / 100% 100%;border:0}.skin-star-naboo .style-mini{background:#fff1d6;border:3px solid #b58a43;box-shadow:inset 0 0 0 2px #e8c788}.skin-star-naboo .style-mini i{border-color:#463821aa}.skin-star-naboo .style-mini b{color:#181611;background:#fff2d8;text-shadow:none;border:1px solid #a77e37}.skin-star-force .style-mini{background:#080b0e url(/assets/star-force-panel-v3-B6fWsbWt.png) center / 100% 125%}.skin-star-force .style-mini b{color:#fffdf3;background:#15181c;text-shadow:none}.skin-star-naboo .style-mini{background:#073336 url(/assets/star-naboo-panel-B8bSe6hv.png) center / cover;border:1px solid #a78244;box-shadow:inset 0 0 10px #0004}.skin-star-naboo .style-mini i{border-color:#f0d6a8cc}.skin-star-naboo .style-mini b{color:#fff1d2;background:#06282b;border:1px solid #bca16a;border-radius:50%}.skin-star-force .style-mini{background:#081c39 url(/assets/star-force-panel-v4-EtNrra56.png) center / cover}.skin-star-force .style-mini b{color:#e1f7ff;background:#071723;border:1px solid #bca16a;border-radius:50%}.skin-gothic-jack{--skin-accent: #ffbd42}.skin-gothic-emily{--skin-accent: #88e7ff}.skin-gothic-sally{--skin-accent: #ffb64d}.skin-ocean-nautilus{--skin-accent: #54edd2}.skin-ocean-pearl{--skin-accent: #087e8a}.skin-ocean-abyss{--skin-accent: #57efff}.skin-gothic-jack .style-mini{background:#13121c url(/assets/gothic-jack-scene-atlas-By2Xh7Kv.png) top / 100% 207.45%}.skin-gothic-emily .style-mini{background:#071321 url(/assets/gothic-emily-scene-atlas-BUN9yeIr.png) top / 100% 204.52%}.skin-gothic-sally .style-mini{background:#201521 url(/assets/gothic-sally-scene-atlas-xtzHiQiw.png) top / 100% 192.55%}.skin-ocean-nautilus .style-mini{background:#071e27 url(/assets/ocean-nautilus-scene-atlas-CS9JcvtE.png) top / 100% 214.84%}.skin-ocean-pearl .style-mini{background:#e8eadf url(/assets/ocean-pearl-scene-atlas-BJmuV24I.png) top / 100% 197.54%}.skin-ocean-abyss .style-mini{background:#040c21 url(/assets/ocean-abyss-scene-atlas-CFb9zqmr.png) top / 100% 201.11%}.skin-gothic .tile-cursor,.skin-ocean .tile-cursor{background:var(--skin-accent);box-shadow:0 0 4px var(--skin-accent)}.skin-gothic .style-mini b,.skin-ocean .style-mini b{color:#fff2d3;background:#07151cba;border:1px solid #c5b68a;border-radius:50%}.skin-ocean-pearl .style-mini b{color:#153e47;background:#f7efdd;border-color:#b08d6d;text-shadow:none}.skin-ocean-pearl .style-mini i{border-color:#153e47aa}:root .server-preview-label{margin-left:auto;padding:9px 13px;border:1px solid #394453;border-radius:10px;color:#c9d1da;font-size:12px;white-space:nowrap}
