/* robloxlarp.com 1.1 | custom upload studio, discovery and identity */
html {scroll-padding-top:90px}
*{min-width:0}
.detail-description,.card-desc,.review-card p,.review-grid strong{overflow-wrap:anywhere}
.card-title,.detail-title,.poster-title,.review-card strong,.draft-entry button { overflow-wrap:anywhere; word-break:normal; }
.code-panel.fullscreen{inset:clamp(8px,2vw,25px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);z-index:101}
.code-panel.fullscreen .code-editor-view{overflow:auto;min-height:0;max-height:none;flex:1}
.code-panel.fullscreen .expand-label{display:inline}
.code-panel .expand-label{display:none;font:700 10px var(--mono)}
.code-panel .code-pre{overflow-wrap:normal}
.success-pulse{animation:relaySuccess .45s cubic-bezier(.18,.8,.2,1)}
@keyframes relaySuccess{40%{transform:scale(1.15);background:var(--acid);color:#09100d}}
.mini-action.active svg{fill:var(--acid);stroke:var(--acid)}
.btn,.mini-action,.selection-chip,.game-choice{transition:transform .25s cubic-bezier(.2,.8,.25,1),background .22s,border-color .2s,box-shadow .25s}
.btn:active,.mini-action:active{transform:scale(.94)}
.header-nav{position:relative;isolation:isolate}.header-nav .nav-indicator{position:absolute;top:2px;bottom:2px;left:0;height:auto;border-radius:100px;background:rgba(216,255,112,.12);border:1px solid rgba(216,255,112,.25);transition:transform .48s cubic-bezier(.2,.9,.15,1),width .48s cubic-bezier(.2,.9,.15,1);pointer-events:none;z-index:-1}.nav-link{z-index:1}.nav-link:hover,.nav-link.active{background:transparent;color:#f5ffec}.nav-link.active:after{display:none}
.account-controls{display:flex;align-items:center;position:relative;gap:10px}
.profile-menu{display:none;position:absolute;right:0;top:calc(100% + 14px);width:290px;background:#111612;border:1px solid #34433b;border-radius:17px;padding:8px;box-shadow:0 22px 65px #000c;z-index:98;animation:menuIn .2s cubic-bezier(.1,.9,.2,1)}.profile-menu.open{display:block}
@keyframes menuIn{from{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.profile-menu>a,.profile-menu>button{border:0;color:#d4e2d6;padding:12px 14px;display:flex;align-items:center;gap:13px;background:transparent;text-decoration:none;border-radius:9px;width:100%;font-size:12px;font-weight:750;text-align:left;cursor:pointer}
.profile-menu>a:hover,.profile-menu>button:hover{background:#26342a;color:#fff}.profile-menu .profile-menu-user{padding:17px 10px 20px;border-bottom:1px solid var(--line);margin-bottom:5px}.profile-menu-user .mini-avatar{width:42px;height:42px}.profile-menu-user span:nth-child(2){flex:1}.profile-menu-user small{display:block;color:var(--muted);margin-top:3px}.profile-menu .menu-split{display:flex;border-block:1px solid var(--line);padding:9px 0;gap:8px}.menu-split a{display:block;flex:1;text-align:center;background:#212922;border-radius:8px;padding:11px;color:#ddd;font-size:12px;font-weight:800}.menu-split a:hover{background:#354236}.profile-menu .logout-option{color:#ff8888}.menu-footer{display:block;text-align:center;color:#829186;padding:13px 0 8px}.menu-footer a{color:inherit}
.notification-wrap{position:relative}.notification-panel{position:absolute;right:-50px;top:calc(100% + 18px);width:min(380px,90vw);max-height:460px;overflow:auto;border:1px solid var(--line);background:#101913;border-radius:16px;padding:12px;z-index:99;box-shadow:0 30px 75px #000b}.notification-panel[hidden]{display:none!important}.popover-heading{display:flex;align-items:center;justify-content:space-between;padding:12px}.notification-item{display:block;text-align:left;background:transparent;color:#e0efdd;border:0;border-top:1px solid var(--line);padding:15px;width:100%;cursor:pointer}.notification-item:hover{background:#273a28}.notification-item.unread{border-left:3px solid var(--acid)}.notification-item strong{display:block;color:var(--acid);font:800 10px var(--mono);margin-bottom:4px}.notification-item span{display:block;font-size:12px}.notification-item small{color:var(--muted)}.unread-count:not([hidden]){position:absolute;top:0;right:0;min-width:16px;height:16px;border-radius:20px;background:var(--acid);color:#0d130b;font:900 10px var(--mono);display:grid;place-items:center}
.upload-shell{padding:52px 0 100px;max-width:1370px}.upload-header{margin-bottom:22px}.upload-header h1{font:900 clamp(29px,3vw,44px)/1.2 var(--display);letter-spacing:-1.3px;margin:12px 0 5px}.upload-header .back-link{margin:0 0 10px}.upload-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px;align-items:start}.upload-sidebar,.upload-main{background:rgba(15,20,17,.89);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 40px #0004;backdrop-filter:blur(17px)}.upload-sidebar{padding:25px;position:sticky;top:85px}.upload-sidebar h3{font:900 21px var(--display);letter-spacing:-.6px;margin:0 0 4px}.upload-sidebar>p{color:var(--muted);font-size:12px;margin:0 0 21px}.upload-sidebar ol{list-style:none;padding:0;margin:0}.upload-sidebar li{position:relative}.upload-sidebar li:not(:last-child):before{content:'';position:absolute;left:20px;top:40px;bottom:-12px;border-left:1px solid #3b4a3c}.upload-step{display:flex;align-items:center;gap:15px;position:relative;z-index:1;width:100%;border:0;background:transparent;color:#899d8d;padding:10px 0;text-align:left;font-size:13px;font-weight:800;cursor:pointer}.upload-step b{width:40px;height:40px;border-radius:10px;background:#232b26;display:grid;place-items:center;font-size:13px;flex-shrink:0}.upload-step.active{color:#fff}.upload-step.active b{background:var(--acid);box-shadow:0 0 24px #d8ff7033;color:#0f1713}.upload-step.done b{background:#273d2b;color:var(--acid);border:1px solid #87aa61}.upload-step:hover{color:var(--acid)}.drafts-sidebar{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}.drafts-sidebar h4{font-size:12px;margin:0 0 12px}.draft-entry{display:flex;gap:10px;align-items:center;border-radius:7px;padding:5px;background:#1b261e;margin:7px 0}.draft-entry button{color:var(--fg);border:0;background:transparent;font-size:11px;cursor:pointer;text-align:left}.draft-entry button:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.upload-main{padding:0;overflow:hidden}.upload-content{padding:clamp(20px,2.8vw,37px);min-height:400px}.upload-content h2{font:900 clamp(24px,2.3vw,36px)/1.12 var(--display);letter-spacing:-1.1px;margin:0 0 8px}.wizard-subtitle{font-size:13px;color:#9bad9d;margin:0 0 28px}.game-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 22px}.game-choice{position:relative;min-height:125px;display:flex;gap:11px;text-align:left;align-items:start;padding:20px 13px;border:1px solid #334138;background:#121a15;color:#e8f0e8;border-radius:13px;cursor:pointer;overflow:hidden}.game-choice:hover{border-color:#8ea774;transform:translateY(-3px)}.game-choice.selected{border-color:var(--acid);background:#253020;box-shadow:inset 0 0 0 1px #a4cc55}.game-choice strong{font:900 clamp(13px,1.25vw,18px) var(--display);display:block;white-space:nowrap}.game-choice small{color:#90a394;font-size:11px;line-height:1.5;display:block;margin-top:7px}.choice-dot{height:17px;width:17px;border:1px solid #738275;border-radius:50%;flex:none;position:relative;top:2px}.game-choice.selected .choice-dot{border:5px solid var(--acid)}.choice-icon{position:absolute;right:-4px;bottom:-26px;font-size:83px;color:#778a7930;pointer-events:none}.game-search-block .search-field{margin-bottom:12px}.game-lookup-results{max-height:280px;overflow-y:auto}.game-result{width:100%;display:flex;align-items:center;gap:13px;text-align:left;color:#e9f2e7;background:#1b261e;border:1px solid #304037;border-radius:9px;padding:11px;margin:6px 0;cursor:pointer}.game-result:hover{border-color:var(--acid)}.game-result-icon{width:48px;height:48px;border-radius:9px;background:#34463d;display:grid;place-items:center;overflow:hidden}.game-result-icon img{width:100%;height:100%;object-fit:cover}.game-result b{display:block}.game-result small{display:block;color:var(--muted);margin-top:4px}.info-strip{padding:15px;border:1px solid #334538;border-radius:10px;background:#1a251a;color:#afc2ad;line-height:1.6;font-size:12px;margin:18px 0}.upload-main .wizard-actions{border-top:1px solid var(--line);padding:18px 30px;margin:0;display:flex;align-items:center;justify-content:space-between}.upload-main .wizard-actions .btn{font-size:12px}
.script-meta-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin:32px 0}.upload-cover{height:245px;min-height:unset;padding:0;overflow:hidden;background:radial-gradient(ellipse at 20% 10%,#27342c,#1a201d)}.upload-cover input{display:none}.upload-cover-preview{width:100%;height:100%;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}.upload-cover-preview img{width:100%;height:100%;object-fit:cover}.upload-cover-preview strong{color:#fff;font-size:13px}.upload-cover-preview small{color:#91a596}.captionish{font-size:10px;margin-top:9px;color:var(--muted)}.script-cover-fields .form-group{margin-bottom:8px}.script-cover-fields .field{font-size:16px;font-weight:800}.creator-tile{padding:14px 0;display:flex;align-items:center;gap:10px;border-block:1px solid var(--line);margin:18px 0}.creator-tile b{display:block;font-size:12px}.creator-tile small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.creator-tile .mini-avatar{width:34px;height:34px}.chip-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.selection-chip{border:1px solid #34463b;background:#18221b;color:#bdcbbd;border-radius:8px;padding:9px 12px;font-size:11px;font-weight:800;cursor:pointer;white-space:normal}.selection-chip:hover{border-color:#96b86a;color:#fff}.selection-chip.selected{background:#d8ff7018;border-color:var(--acid);color:var(--acid)}.details-tabs{display:flex;gap:9px;border-bottom:1px solid var(--line);padding:9px 0}.details-tab{border:0;background:transparent;color:#95a498;font-size:12px;font-weight:800;padding:11px 16px;border-radius:8px;cursor:pointer;transition:.2s}.details-tab.active{background:#2b382c;color:#fff}.upload-tab-panel{padding:20px 0;min-height:300px}.overview-editor{min-height:190px;max-width:100%;overflow-wrap:anywhere}.analysis-cta{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:11px;margin:10px 0 22px;border:1px dashed #3e523e;background:#18241a;border-radius:10px}.analysis-cta span{font-size:11px;color:#97ad96}.file-select{min-height:70px;margin:12px 0 20px;display:flex;gap:10px;align-items:center;justify-content:center}.file-select input{display:none}.file-select strong{font-size:12px}.file-select span{color:var(--muted);font-size:10px}.code-mode-tabs{margin:12px 0 17px}.setting-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);margin-bottom:12px}.setting-row strong{display:block;font-size:13px}.setting-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px;line-height:1.5}.setting-row .chip-row{justify-content:flex-end}.review-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:21px;padding:13px;background:#0b100e;border:1px solid var(--line);border-radius:15px}.review-card .poster{height:125px}.review-card .poster-title{font-size:21px}.review-card strong{font-size:16px}.review-card p{font-size:12px;color:var(--muted);white-space:pre-wrap}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:23px 0}.review-grid div{border-bottom:1px solid var(--line);padding-bottom:10px}.review-grid small{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.review-grid strong{font-size:12px;font-weight:650;white-space:pre-wrap}.validation-list{margin:25px 0}.validation-item{padding:15px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px;font-size:13px}.validation-item.valid span{color:var(--acid)}.validation-item.invalid span{color:#f5aaa0}.validation-item span{font-size:18px}.suggestion-diff{max-height:360px;overflow:auto;margin:18px 0}.suggestion-line{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:11px;color:#bcf2b3}.suggestion-line input{accent-color:#d8ff70}.suggestion-line small{color:var(--muted)}
.feed-menu{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.feed-menu .field{width:auto;min-width:160px}.rank-table{border:1px solid var(--line);border-radius:14px;overflow:hidden}.rank-table>a,.rank-table>div{display:flex;align-items:center;gap:15px;padding:22px 25px;border-bottom:1px solid var(--line);background:#141e19;color:#dbe8db}.rank-table>a:hover{background:#223328}.rank-table strong{font:900 20px var(--display);color:var(--acid);min-width:60px}.rank-table span{flex:1}.rank-table span small{display:block;font:10px var(--mono);color:var(--muted)}.rank-table b{font:800 12px var(--mono)}.contribution-panel{margin:30px 0 65px;padding:26px;border:1px solid var(--line);border-radius:14px;background:#101914}.contribution-panel h3{margin:11px 0 20px}.contribution-grid{display:grid;grid-template-rows:repeat(7,12px);grid-auto-columns:12px;grid-auto-flow:column;gap:4px;overflow-x:auto}.contribution-cell{width:12px;height:12px;border-radius:2px;background:#1d2921;border:1px solid #354036}.contribution-cell.level-1{background:#3f652e}.contribution-cell.level-2{background:#6f9f32}.contribution-cell.level-3{background:#a0cb3e}.contribution-cell.level-4{background:var(--acid)}.comment-thread{margin-left:calc(var(--depth)*13px);border-left:calc(var(--depth)*1px) solid #30462e;padding-left:10px}.comment-ops{display:flex;gap:10px;margin-top:8px}.comment-ops button{border:0;background:none;color:#aacb8c;font:700 10px var(--mono);cursor:pointer}.crop-controls{display:flex;align-items:center;gap:15px;margin:25px 0;flex-wrap:wrap}.crop-controls label:first-child{display:flex;gap:10px;align-items:center;flex:1}.crop-controls .file-select{min-height:40px;margin:0}
@media(max-width:1000px){.upload-layout{grid-template-columns:225px minmax(0,1fr)}.game-choices{gap:8px}.game-choice{padding:14px 9px}.choice-icon{font-size:52px}.game-choice strong{font-size:12px}.upload-sidebar{padding:20px}}
@media(max-width:750px){.upload-shell{padding:30px 0}.upload-layout{grid-template-columns:1fr}.upload-sidebar{position:static}.upload-sidebar ol{display:flex;flex-wrap:wrap;gap:7px}.upload-sidebar li{flex:1}.upload-sidebar li:before{display:none}.upload-step{display:block;font-size:10px}.upload-step b{height:31px;width:31px;margin-bottom:8px}.drafts-sidebar{margin-top:10px}.game-choices{grid-template-columns:1fr}.game-choice{min-height:74px}.game-choice strong{font-size:15px}.script-meta-editor{grid-template-columns:1fr}.upload-cover{height:210px}.game-choice small{margin-top:3px}.upload-content{padding:20px}.setting-row{display:block}.setting-row .chip-row{margin-top:12px;justify-content:flex-start}.upload-main .wizard-actions{padding:15px;flex-wrap:wrap}.upload-main .wizard-actions .btn{flex:1}.profile-menu{width:min(290px,90vw)}.notification-panel{right:-60px}.header-nav .nav-indicator{display:none}}
@media(max-width:450px){.review-card{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr}.game-choice{min-height:75px}.analysis-cta{flex-direction:column;align-items:stretch}.script-cover-fields .field{font-size:14px}}
@media(prefers-reduced-motion:reduce){.profile-menu,.success-pulse{animation:none!important}.nav-indicator{transition:none!important}}
/* Accessible custom dropdowns: native <select> is retained as the data source. */
.custom-select{position:relative;min-width:150px;flex:1}.custom-select select{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;padding:0!important}.select-wrap>svg{display:none!important}.custom-select-trigger{min-height:48px;width:100%;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;color:#f1f9ee;background:#121d15;border:1px solid #34463b;border-radius:10px;font:800 12px Arial,sans-serif;cursor:pointer}.custom-select-trigger svg{flex:none;color:var(--acid);transition:transform .24s}.custom-select.open .custom-select-trigger svg{transform:rotate(180deg)}.custom-select.open .custom-select-trigger{border-color:var(--acid)}.custom-select-menu{position:absolute;left:0;right:0;min-width:190px;top:calc(100% + 6px);z-index:90;max-height:min(360px,55vh);overflow:auto;padding:6px;background:#0e1811;border:1px solid #48634e;border-radius:10px;box-shadow:0 23px 45px #000b;animation:menuIn .17s}.custom-select-menu[hidden]{display:none!important}.custom-select-option{display:block;width:100%;text-align:left;background:transparent;border:0;color:#c7d8c6;padding:12px 11px;border-radius:6px;font:650 12px Arial,sans-serif;cursor:pointer}.custom-select-option[aria-selected="true"]{background:#2b3c27;color:var(--acid)}.custom-select-option:hover,.custom-select-option:focus-visible{background:#384b35;color:white;outline:0}.custom-select-search{min-height:36px;margin-bottom:8px}
@media(max-width:850px){.custom-select-menu{max-height:270px}.toolbar-right .custom-select{min-width:110px}}
.stats-admin{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:32px}.stats-admin>div{padding:23px 14px;border:1px solid var(--line);background:#17251a;border-radius:13px;text-align:center}.stats-admin b{display:block;font:900 clamp(21px,3vw,33px) var(--display);color:var(--acid)}.stats-admin small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.staff-user-row{border:1px solid var(--line);background:#121b15;border-radius:11px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:10px 0}.staff-user-row strong,.staff-user-row small{display:block}.staff-user-row small{font-size:10px;color:var(--muted);margin-top:4px}.staff-user-row .selection-chip{padding:7px;font-size:10px}.tag-alert{border-color:#dca84f!important;color:#ffc58e!important}.tag-alert::before{content:'⚠';padding-right:5px}
@media(max-width:850px){.stats-admin{grid-template-columns:repeat(3,1fr)}.staff-user-row{align-items:flex-start;flex-direction:column}}
@media(max-width:450px){.stats-admin{grid-template-columns:repeat(2,1fr)}}
@keyframes reactionPop{0%{transform:scale(1)}40%{transform:scale(1.23)}100%{transform:scale(1)}}.reaction-pop{animation:reactionPop .43s cubic-bezier(.25,.8,.25,1)}.reaction-pop.active svg{fill:var(--acid)}
@media(prefers-reduced-motion:reduce){.reaction-pop{animation:none}}
.poster{position:relative}.poster .clown-thumbnail-overlay{position:absolute;width:90px;height:90px;right:7px;top:8px;z-index:9;background:#100d0ca8;padding:5px;object-fit:contain!important;border-radius:100%;box-shadow:0 0 20px #0008}.mini-avatar{position:relative}.mini-avatar .clown-avatar-overlay{position:absolute;width:53%;height:53%;bottom:-5%;right:-10%;border-radius:50%;background:#17130fe8;border:1px solid #f6b64c;object-fit:contain;z-index:3}
.menu-split span{flex:1;text-align:center;color:#7c9787;padding:10px 5px;font-size:10px;align-self:center}
.studio-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:25px 0 35px}.studio-summary>div{background:#162219;border:1px solid var(--line);border-radius:12px;padding:23px 11px;text-align:center}.studio-summary b{display:block;color:var(--acid);font:900 26px var(--display)}.studio-summary small{color:#9eb19d;font:800 10px var(--mono);display:block;margin-top:7px}@media(max-width:850px){.studio-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:500px){.studio-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
.discover-game {
  position: relative;
  flex: 1 1 220px;
  min-width: min(220px, 100%);
}
.discover-game .search-field { padding-right: 44px; }
.discover-game input { min-width: 0; }
.game-clear {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
}
.game-clear:hover { background: #fff1; color: var(--fg); }
.discover-game-results {
  position: absolute;
  z-index: 15;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  max-height: 320px;
  overflow-y: auto;
  margin-top: 0;
  background: #121e18;
  box-shadow: 0 14px 32px #0009;
}
.game-search-message { padding: 12px 15px; margin: 0; color: #c3d3c6; font-size: .875rem; }
.game-clear[hidden], .discover-game-results[hidden] { display: none; }
.discover-game .game-result-icon { flex-shrink: 0; }
.discover-game .search-field { min-width: 0; }
.boot-state { font-size: 12px; }
@media (max-width: 740px) {
  .toolbar > .search-field { flex: 1 0 100%; min-width: 0; }
  .toolbar-right { flex: 1 0 100%; min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .toolbar-right .discover-game { grid-column: 1 / -1; }
  .toolbar-right .custom-select-menu { min-width: 100%; }
}
.selected-game { margin: 18px 0 4px; max-width: 440px; }
.selected-game img, .game-image-placeholder { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border: 1px solid var(--line); border-radius: 12px; background: #15221a; }
.game-image-placeholder { display: grid; place-items: center; color: var(--acid); }
.selected-game figcaption { margin-top: 10px; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; justify-content: space-between; }
.script-cover-fields .chip-row { margin: 12px 0; }
.key-mode-control { max-width: 24rem; }
.checkbox-line { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.optional-label { color: #9fb4a5; font-weight: 400; }
.chip-editor, .markdown-editor { background: #0e1712; border: 1px solid var(--line); border-radius: 12px; position: relative; min-width: 0; }
.chip-editor:focus-within, .markdown-editor:focus-within { border-color: var(--acid); }
.chip-editor .chip-row { padding: 9px 10px 0; }
.chip-editor .chip-row:empty { padding: 0; }
.chip-editor .field, .markdown-editor .field { border: 0; border-radius: 0; background: transparent; }
.format-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; padding: 8px 10px; border-bottom: 1px solid var(--line); }
.format-toolbar button { min-width: 34px; min-height: 32px; padding: 4px 8px; }
.format-toolbar [data-value=bold] { font-weight: 900; }
.format-toolbar [data-value=italic] { font-style: italic; }
.format-toolbar [data-value=strike] { text-decoration: line-through; }
.collaborator-results { position: absolute; top: 100%; z-index: 8; width: 100%; background: #132018; padding: 6px; border-radius: 10px; }
.markdown-description { white-space: normal; overflow-wrap: anywhere; }
.markdown-description h2 { margin: 1.1em 0 .45em; font-size: 1.3em; color: var(--fg); }
.markdown-description p, .markdown-description ul, .markdown-description ol { margin: 0 0 .8em; }
.markdown-description li { margin-bottom: .25em; }
.markdown-description a { color: var(--acid); text-decoration: underline; text-underline-offset: .2em; }
.luau-input { position: relative; background: #0b1410; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; min-width: 0; }
.luau-input:focus-within { border-color: var(--acid); }
.luau-input textarea, .luau-input pre {
 margin: 0; display: block; width: 100%; height: clamp(240px, 40vh, 430px); min-height: 0;
 padding: 14px; border: 0; border-radius: 0; font: 13px/1.65 var(--mono);
 font-variant-ligatures: none; tab-size: 4; letter-spacing: 0; white-space: pre;
 overflow-wrap: normal; scrollbar-gutter: stable;
}
.luau-input pre { position: absolute; inset: 0; overflow: auto; color: #dce9de; pointer-events: none; visibility: hidden; }
.luau-input pre[hidden] { display:none; }
.luau-input textarea, .luau-input textarea:focus {
 position: relative; resize: none; background: transparent; color: #dce9de; box-shadow: none;
 caret-color: var(--acid); overflow: auto; outline: none;
}
.luau-input.is-highlighted pre { visibility: visible; }
.luau-input.is-highlighted textarea { color: transparent; -webkit-text-fill-color: transparent; }
.luau-input.is-highlighted textarea::selection { color: transparent; background: #b9de5b45; }
.luau-input textarea::placeholder { color: #a1b7a7; -webkit-text-fill-color: #a1b7a7; }
:is(.luau-input,.code-pre) .tok-kw { color: #9dc8ff; }
:is(.luau-input,.code-pre) .tok-comment { color: #91aa9b; }
:is(.luau-input,.code-pre) .tok-str { color: #d4e895; }
:is(.luau-input,.code-pre) .tok-number { color: #ffc7a4; }
:is(.luau-input,.code-pre) .tok-operator { color: #b4cbbf; }
:is(.luau-input,.code-pre) .tok-fn { color: #83e6d5; }
:is(.luau-input,.code-pre) .tok-type { color: #f0b4ee; }
:is(.luau-input,.code-pre) .tok-invalid { color: #ffa89d; }
.key-editor h3 { margin: 26px 0 12px; font-size: 18px; }
.key-toggle-row { display: flex; flex-wrap: wrap; gap: 12px 26px; }
.key-checkpoint { display: grid; gap: 10px; margin-bottom: 10px; padding: 14px; background: #111d15; border: 1px solid var(--line); border-radius: 12px; }
.key-checkpoint header, .key-checkpoint header span { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; justify-content: space-between; }
.key-checkpoint .form-group, .key-tier .form-group { margin-bottom: 0; }
.key-tier { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto; align-items: end; gap: 12px; margin-bottom: 12px; }
.key-color { width: 100%; min-height: 46px; }
.preview-bar { display: flex; justify-content: space-between; align-items: center; gap: 8px; position: sticky; top: 0; z-index: 2; background: #111b14; padding: 10px 16px; border-bottom: 1px solid var(--line); }
.listing-preview.modal { width: min(1320px,96vw); max-width: none; max-height: 93vh; overflow: auto; padding: 0; }
.listing-preview .container { width: calc(100% - 36px); }
.listing-preview .detail-layout { margin-top: 12px; }
.key-page { min-height: 100vh; display: grid; place-items: center; padding-block: 28px; }
.key-page-card { width: min(100%,620px); padding: clamp(16px,5vw,36px); background: #111b14; border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 16px 60px #0005; }
.key-page-card header { display:flex; align-items:center; gap:14px; margin:18px 0; }
.key-page-card h1 { margin: 0; font-size: clamp(22px,5vw,34px); overflow-wrap: anywhere; }
.key-page-card h2 { margin-bottom: .5rem; }
.key-page-card p { color: #b3c6b7; }
.key-stage .btn, .key-pair-section .btn { margin: 6px 8px 6px 0; }
.key-pair-section, .key-owner-actions { margin-top: 24px; padding-top: 14px; border-top: 1px solid var(--line); }
.key-feedback:empty { display: none; }
.activity-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.activity-header h3 { margin: 0; font-size: clamp(22px,4vw,32px); }
.activity-header p, .activity-status { margin: 6px 0 16px; color: #adc0b1; font-size: 14px; }
.activity-scroll { overflow-x: auto; padding: 5px 2px 12px; }
.activity-chart { --cell: 20px; --gap: 5px; width: max-content; }
.activity-months { display: grid; grid-template-columns: repeat(26,var(--cell)); gap: var(--gap); margin-bottom: 8px; color: #a9bdaf; font-size: 12px; }
.contribution-grid { grid-template-rows: repeat(7,var(--cell)); grid-auto-columns: var(--cell); gap: var(--gap); overflow: visible; }
.contribution-cell { width: var(--cell); height: var(--cell); border-radius: 4px; transition: background .16s,box-shadow .16s; }
.contribution-cell.future { visibility: hidden; }
.contribution-cell:hover, .contribution-cell:focus-visible { outline: 1px solid var(--acid); outline-offset: 1px; box-shadow: 0 0 0 2px #101914; }
.activity-legend { display:flex; gap:5px; align-items:center; color:#adc0b1; font-size:12px; }
.activity-legend i { width: 12px; height: 12px; border-radius:2px; background:#263b2c; }
.activity-legend i.level-1 { background:#3f652e; }
.activity-legend i.level-2 { background:#6f9f32; }
.activity-legend i.level-3 { background:#a0cb3e; }
.activity-legend i.level-4 { background:var(--acid); }
@media (max-width:600px) {
 .activity-chart { --cell: 16px; --gap: 4px; }
 .contribution-panel { padding: 16px; }
 .key-tier { grid-template-columns: 1fr 1fr; }
 .key-tier button { grid-column: 1 / -1; justify-self: start; }
}
[data-action=like][aria-pressed=true] .ic, [data-action=bookmark][aria-pressed=true] .ic { color: var(--acid); fill: currentColor; }
[data-action=like][aria-pressed=true] .ic path, [data-action=bookmark][aria-pressed=true] .ic path { fill: currentColor; }
.mobile-filter { min-height: 48px; white-space: nowrap; margin: 0; padding: 8px 14px; background: #121d15; border: 1px solid var(--line); border-radius: 10px; }
.tag-mobile { color: var(--acid); }
.description-bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.description-bar .chip-row { margin: 0; }
.description-bar [aria-pressed=true] { border-color: var(--acid); color: var(--acid); background: #d8ff7014; }
.editor-preview { padding: 16px; min-height: 160px; background: #0e1712; border: 1px solid var(--line); border-radius: 12px; }
.collaborator-results { right: 10px; width: min(100% - 20px, 300px); max-height: 260px; overflow: auto; box-shadow: 0 12px 30px #0008; }
.collaborator-results .game-result { justify-content: space-between; margin: 0; }
.draft-status { color: #afc4b0; font-size: 13px; line-height: 1.45; margin: 10px 0 0; }
.draft-status:empty { display: none; }
.studio-card-action { margin: 4px 6px 10px 0; }
.account-page { width: min(740px,calc(100% - 32px)); margin-block: 70px 100px; }
.account-page > header { margin: 24px 0; }
.account-page h1 { margin: 0; font-size: clamp(38px,7vw,64px); letter-spacing: -.045em; }
.account-page p { color: #aabdaf; }
.account-tabs, .key-history-summary { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.account-tabs a { min-height: 38px; display: inline-flex; align-items: center; text-decoration: none; }
.account-section { margin: 0 0 14px; padding: clamp(16px,4vw,26px); border: 1px solid var(--line); border-radius: 14px; background: #101a14; }
.account-section h2 { margin: 0 0 12px; font-size: 20px; }
.account-form { display: grid; gap: 14px; }
.account-form .form-group { margin: 0; }
.account-form input[type=file]::file-selector-button { margin-right: 9px; padding: 6px 10px; background: #223327; border: 1px solid var(--line); border-radius: 7px; color: var(--fg); cursor: pointer; }
.account-form input[type=file]::file-selector-button:hover { border-color: var(--acid); }
.account-form > button { justify-self: start; }
.account-identity { display: flex; align-items: center; gap: 16px; margin: 8px 0 14px; }
.account-identity .mini-avatar { width: 64px; height: 64px; font-size: 24px; }
.account-identity > div { display: grid; gap: 4px; }
.account-banner, .profile-banner { aspect-ratio: 3 / 1; border-radius: 10px; overflow: hidden; background: #19271d; color: #acc0b1; display: grid; place-items: center; margin-bottom: 18px; }
.account-banner img, .profile-banner img { width: 100%; height: 100%; object-fit: cover; }
.profile-banner { margin-top: 26px; }
.key-history-summary span { color: #d4e2d4; background: #1a271d; border-radius: 9px; padding: 7px 12px; }
.key-history-row { padding-block: 13px; border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 12px; }
.key-history-row small { color: #a8bda9; display: block; margin-top: 3px; }
.key-provider-note { margin: 4px 0; font-size: 13px; color: #edcf94; }
@media (max-width: 560px) {
 .account-page { margin-block: 38px 75px; }
 .key-history-row { grid-template-columns: 1fr; }
 .key-history-row button { justify-self: start; }
}

.brand-word { font-size: clamp(16px, 2vw, 23px); letter-spacing: -.045em; overflow-wrap: anywhere; }
@media (max-width: 390px) { .site-header .brand { gap: 4px; } .site-header .brand-mark { width: 31px; } }

/* Custom controls and responsive interaction polish */
.url-stack{display:grid;gap:4px;margin-top:8px}.url-stack .form-group{margin-bottom:8px}.generated-url{opacity:.58;cursor:not-allowed}.key-provider-switch{display:flex;gap:8px;margin:6px 0 12px}.vote-control{display:inline-flex;align-items:center;min-height:42px;padding:3px 7px;border:1px solid var(--line);border-radius:12px;background:#101915;gap:5px}.vote-button{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:#b5c6bb;font:700 11px var(--mono);cursor:pointer;transition:background .18s,color .18s,transform .18s}.vote-button:hover{background:#ffffff0c;transform:translateY(-1px)}.vote-up.selected{color:#8de29d;background:#183021}.vote-down.selected{color:#ff8f8f;background:#351e20}.vote-divider{height:22px;width:1px;background:#3a4940}.save-star{border-radius:12px!important;color:#aebcaf}.save-star.active{color:#ffe17b;background:#ffe17b16;border-color:#ffe17b66}.save-star.active .ic{animation:star-satisfy .55s cubic-bezier(.2,.9,.2,1)}@keyframes star-satisfy{0%{transform:scale(.7) rotate(-35deg)}45%{transform:scale(1.35) rotate(12deg)}100%{transform:scale(1) rotate(0)}}.follow-liquid{position:relative;overflow:hidden;isolation:isolate}.follow-liquid:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#d8ff70,#a5e94f);transform:translateY(102%);transition:transform .5s cubic-bezier(.2,.85,.2,1);z-index:-1;border-radius:inherit}.follow-liquid span{position:relative}.follow-liquid.is-following{color:#14200f;border-color:#c9f977}.follow-liquid.is-following:before{transform:translateY(0)}.share-actions{display:flex;gap:10px;flex-wrap:wrap}.share-link-field{font:12px var(--mono)}.draft-entry-empty{color:var(--muted)}.crop-controls input[type=range],#avatar-zoom{appearance:none;-webkit-appearance:none;width:min(290px,65vw);height:7px;border:0;border-radius:99px;background:linear-gradient(90deg,var(--acid),#596b4f);outline:none;cursor:pointer}.crop-controls input[type=range]::-webkit-slider-thumb,#avatar-zoom::-webkit-slider-thumb{appearance:none;width:19px;height:19px;border:3px solid #101914;border-radius:50%;background:var(--acid);box-shadow:0 0 0 1px var(--acid),0 0 16px #d8ff7066}.crop-controls input[type=range]::-moz-range-thumb,#avatar-zoom::-moz-range-thumb{width:14px;height:14px;border:3px solid #101914;border-radius:50%;background:var(--acid);box-shadow:0 0 0 1px var(--acid),0 0 16px #d8ff7066}
.header-nav .nav-indicator {
 top:0; bottom:auto; opacity:0; display:block; border-radius:10px;
 width:var(--nav-width,0px); height:var(--nav-height,0px);
 transform:translate3d(var(--nav-x,0px),var(--nav-y,0px),0);
 transition:transform .23s cubic-bezier(.22,1,.36,1),width .23s cubic-bezier(.22,1,.36,1),opacity .12s ease-out;
}
.header-nav .nav-indicator.positioned { opacity:1; }
.header-nav .nav-link:focus-visible { outline:1px solid var(--acid); outline-offset:1px; }
.feed-page { padding-top:0; }
.feed-page .page-header { margin-bottom:20px; }
.feed-page .feed-menu { gap:8px; margin-bottom:18px; }
.feed-page .feed-menu .selection-chip { display:inline-flex; align-items:center; min-height:38px; }
.feed-status { margin: 0 0 10px; color:#b1c7b6; font-size:13px; }
.feed-error { padding:18px 0; color:#ffa89d; }

.leaderboard-page { max-width:1160px; padding:clamp(28px,5vw,70px) 0 80px; }
.leaderboard-header { margin-bottom:26px; }
.leaderboard-header h1 { margin:0; font:900 clamp(2.2rem,6vw,4.25rem)/1.02 var(--display); letter-spacing:-.04em; }
.leaderboard-header p,.ranking-heading p,.rank-empty p { margin:8px 0 0; color:#acc0b2; line-height:1.5; }
.ranking-controls {
 display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:14px 20px;
 padding:14px; border:1px solid var(--line); border-radius:14px; background:#101b15;
}
.ranking-switch,.ranking-metrics { display:flex; flex-wrap:wrap; align-items:center; gap:5px; }
.ranking-switch { width:fit-content; padding:3px; border-radius:10px; background:#1c2a20; }
.ranking-metrics { grid-column:1/-1; padding-top:10px; border-top:1px solid var(--line); }
.ranking-filter,.ranking-range select {
 min-height:36px; padding:6px 12px; border:1px solid transparent; border-radius:7px;
 background:transparent; color:#c9dbcc; font:700 .85rem var(--sans,system-ui); cursor:pointer;
}
.ranking-filter:hover { background:#293d2c; color:#eff8ed; }
.ranking-filter[aria-pressed=true] { background:#293e29; color:var(--acid); border-color:#63834d; }
.ranking-range { display:flex; align-items:center; gap:8px; font-size:.82rem; color:#b7c9bc; }
.ranking-range select { background:#1c2a20; color-scheme:dark; border-color:#394e40; }
.ranking-heading { margin:26px 0 14px; }
.ranking-heading h2 { margin:0; font-size:1.35rem; letter-spacing:-.02em; }
.ranking-heading p { font-size:.85rem; }
.ranking-status { margin:0; min-height:20px; font-size:.8rem; color:#afc4b4; }
.rank-featured,.rank-rows { display:grid; list-style:none; padding:0; margin:0; gap:10px; }
.rank-featured { grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:12px; }
.rank-feature,.rank-row {
 display:grid; align-items:center; gap:12px; height:100%; color:var(--fg);
 border:1px solid var(--line); border-radius:13px; background:#111e16; padding:14px;
}
.rank-feature { grid-template-columns:auto 1fr; }
.rank-feature .rank-content { grid-column:1/-1; }
.rank-feature .rank-score { grid-column:1/-1; text-align:left; padding-top:10px; border-top:1px solid #2e4333; }
.rank-feature .mini-avatar,.rank-glyph { width:38px; height:38px; justify-self:end; }
.rank-feature.rank-first { border-color:#78954e; background:#1b2d1b; }
.rank-feature:hover,.rank-row:hover { border-color:#7b9c67; background:#213322; }
.rank-row { grid-template-columns:3ch minmax(0,1fr) auto; padding:10px 14px; }
.rank-place,.rank-score { font-variant-numeric:tabular-nums; }
.rank-place { font-size:.85rem; font-weight:800; color:#afc5b5; }
.rank-first .rank-place { color:var(--acid); }
.rank-glyph { display:grid; place-items:center; border-radius:8px; color:var(--rank-color); background:#25372a; }
.rank-content,.rank-score { display:grid; gap:3px; overflow-wrap:anywhere; }
.rank-content small,.rank-score small { color:#aec1b2; line-height:1.3; }
.rank-score { text-align:right; }
.rank-score strong { color:#ecf8e9; font-size:1.24rem; }
.rank-empty { padding:28px 18px; border:1px dashed #48604c; border-radius:13px; background:#111e16; color:#c8dccd; }
.rank-empty h3 { margin:9px 0 0; }
.rank-empty .btn { margin-top:14px; }
#leader-list.is-loading { opacity:.6; }
.ranking-controls :focus-visible,.rank-feature:focus-visible,.rank-row:focus-visible { outline:2px solid var(--acid); outline-offset:2px; }
@media(max-width:620px) {
 .rank-featured { grid-template-columns:1fr; }
 .rank-feature { grid-template-columns:3ch auto minmax(0,1fr) auto; gap:8px; padding:11px; }
 .rank-feature .rank-content,.rank-feature .rank-score { grid-column:auto; }
 .rank-feature .rank-score { text-align:right; padding:0; border:0; }
 .rank-feature .mini-avatar,.rank-glyph { width:28px; height:28px; }
 .rank-score small { max-width:8ch; }
}
@media(max-width:420px) {
 .ranking-controls { grid-template-columns:1fr; gap:10px; }
 .ranking-range { justify-content:space-between; }
}

.upload-shell { padding:28px 0 68px; }
.upload-layout { grid-template-columns:minmax(190px,235px) minmax(0,1fr); gap:16px; }
.upload-header { margin:0 0 16px; overflow-wrap:anywhere; }
.upload-header .back-link { margin:0; }
.upload-header h1 { margin:6px 0 0; }
.upload-sidebar { padding:16px; }
.upload-step { padding:7px 0; }
.upload-step:disabled { cursor:default; color:#99ad9e; }
.upload-step:disabled:hover { color:#99ad9e; }
.upload-sidebar li:not(:last-child):before { top:35px; bottom:-6px; }
.drafts-sidebar { margin-top:12px; padding-top:12px; }
.upload-content { padding:clamp(16px,2.15vw,26px); min-height:0; }
.upload-content h2 { font-size:1.65rem; }
.upload-content .wizard-subtitle { margin:6px 0 16px; }
.upload-main .wizard-actions { padding:14px clamp(16px,2.15vw,26px); }
.script-meta-editor { grid-template-columns:minmax(144px,220px) minmax(0,1fr); gap:18px; margin:16px 0 12px; align-items:start; }
.upload-cover { height:auto; aspect-ratio:16/10; }
.script-cover-fields { display:grid; gap:10px; }
.script-cover-fields .form-group, .script-cover-fields .chip-row, .script-cover-fields .url-stack { margin:0; }
.script-cover-fields .form-group { gap:5px; }
.script-cover-fields .field { font-size:14px; font-weight:650; min-height:40px; }
.script-cover-fields .field { height:40px; padding:8px 11px; }
.script-cover-fields .form-group > span { line-height:1.3; }
.script-cover-fields .field::placeholder { color:#a0b7a6; }
.script-cover-fields .form-group small { color:#adbfaf; line-height:1.5; }
.script-cover-fields .title-field { display:grid; gap:5px; }
.title-field .micro { color:#b1c7b6; letter-spacing:.05em; }
.title-field textarea.field {
 field-sizing:content; height:auto; min-height:40px; max-height:100px;
 resize:none; line-height:1.45; overflow-wrap:anywhere;
}
.listing-options-panel { display:grid; row-gap:10px; }
.listing-options-panel[hidden], .listing-options-panel [hidden] { display:none; }
.listing-options-panel .url-stack { display:grid; gap:10px; }
.listing-options-panel .url-stack[hidden] { display:none; }
.key-provider-switch { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:0; }
.key-provider-switch > span { color:#b1c7b6; font-size:12px; margin-inline-end:4px; }
.script-cover-fields .selection-chip { min-height:34px; padding:6px 9px; }
.details-tabs { gap:4px; padding:6px 0; flex-wrap:wrap; }
.details-tab { padding:8px 12px; min-height:36px; }
.upload-tab-panel { min-height:0; padding:14px 0 0; }
.upload-tab-panel .form-group { margin-block:0 14px; }
.upload-tab-panel .form-group:last-child { margin-bottom:0; }
.upload-tab-panel .overview-editor { min-height:150px; }
.upload-tab-panel .analysis-cta { width:fit-content; border:0; background:transparent; padding:0; margin:0 0 14px; }
.upload-tab-panel .file-select { min-height:48px; margin:8px 0 15px; flex-wrap:wrap; padding:8px; height:auto; }
.upload-tab-panel .setting-row { padding:10px 0; }
.validation-list { margin:12px 0; }
.validation-item { padding:9px 5px; }
.code-field-heading { display:flex; justify-content:space-between; align-items:baseline; gap:6px 12px; flex-wrap:wrap; }
.code-tools { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:7px 12px; background:#101b14; border-top:1px solid var(--line); }
.code-tools output, .editor-error { font-size:13px; color:#a9bfae; line-height:1.45; overflow-wrap:anywhere; }
.code-tools output[data-state=valid] { color:#b9dd87; }
.code-tools output[data-state=invalid], .editor-error { color:#ffa89d; }
.editor-error { margin:0 clamp(16px,2.15vw,26px) 12px; }
.editor-error:empty { display:none; }
.upload-content :is(.selection-chip,.details-tab,.upload-step):focus-visible,
.upload-main .btn:focus-visible, .upload-content .file-select:focus-within,
.upload-content .upload-cover:focus-within {
 outline:1px solid var(--acid); outline-offset:2px;
}
.upload-content :is(.file-select,.upload-cover) input[type=file] {
 display:block; position:absolute; width:1px; height:1px; padding:0;
 overflow:hidden; clip-path:inset(50%); white-space:nowrap;
}
input[type=checkbox] {
 appearance:none; -webkit-appearance:none; width:18px; height:18px; flex:0 0 18px;
 margin:0; display:grid; place-items:center; align-self:center; border:1px solid #789081;
 border-radius:5px; background:#121e17; cursor:pointer;
 transition:background .15s, border-color .15s;
}
input[type=checkbox]::before {
 content:""; width:8px; height:5px; border:solid #19251c; border-width:0 0 2px 2px;
 transform:translateY(-1px) rotate(-45deg); visibility:hidden;
}
input[type=checkbox]:checked { background:var(--acid); border-color:var(--acid); }
input[type=checkbox]:checked::before { visibility:visible; }
input[type=checkbox]:focus-visible { outline:2px solid var(--acid); outline-offset:3px; }
input[type=checkbox]:disabled { opacity:.55; cursor:default; }
.save-star .ic .save-star-shape {
 fill:transparent; stroke:currentColor; stroke-width:1.65; stroke-linejoin:round;
 transition:fill .18s, stroke .18s;
}
.save-star .ic .save-star-glint { fill:none; stroke:currentColor; stroke-width:1.2; stroke-linecap:round; stroke-linejoin:round; opacity:.58; }
.save-star[aria-pressed=true] .ic .save-star-shape { fill:currentColor; }
.save-star[aria-pressed=true] .ic .save-star-glint { fill:none; stroke:#624815; opacity:1; }
.drafts-sidebar summary { display:flex; align-items:center; gap:8px; cursor:pointer; font-size:13px; color:#cbdbcf; list-style:none; }
.drafts-sidebar summary::-webkit-details-marker { display:none; }
.drafts-sidebar summary:hover { color:#eafff0; }
.drafts-sidebar summary .ic { transition:transform .25s cubic-bezier(.2,.8,.25,1); color:#8fa79a; }
.drafts-sidebar summary:hover .ic { color:var(--acid,#d8ff70); }
.drafts-sidebar details[open] summary .ic { transform:rotate(90deg); color:var(--acid,#d8ff70); }
.drafts-sidebar #draft-list { margin-top:8px; }
.upload-cover, .upload-tab-panel .file-select { position:relative; }
.nav-indicator:not(.positioned) { transition:none; }
@media(max-width:850px) {
 .header-nav .nav-link.active { color:#efffdb; }
 .header-nav .nav-indicator { z-index:0; }
 .cursor-halo { display:none; }
}
@media(max-width:750px) {
 .upload-layout { grid-template-columns:minmax(0,1fr); }
 .upload-sidebar h3 { display:none; }
 .upload-sidebar ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; }
 .upload-step { padding:2px 0; }
 .drafts-sidebar { padding-top:8px; }
 .upload-shell { padding:20px 0 48px; }
}
@media(max-width:520px) {
 .script-meta-editor { grid-template-columns:minmax(0,1fr); gap:10px; }
 .upload-cover { width:min(100%,220px); aspect-ratio:16/9; }
 .upload-main .wizard-actions { align-items:stretch; }
 .upload-main .wizard-actions > .btn { flex:1 1 140px; }
 .detail-title { font-size:clamp(31px,10vw,46px); }
}
@media(forced-colors:active) {
 input[type=checkbox] { appearance:auto; }
 input[type=checkbox]::before { display:none; }
}
.site-header .header-nav { gap:2px; }
.site-header .nav-link { display:flex; align-items:center; min-height:42px; padding-block:10px; }
.header-nav .nav-indicator {
 border-radius:100px;
 transition:transform .4s cubic-bezier(.22,.75,.26,1),width .4s cubic-bezier(.22,.75,.26,1),opacity .14s ease-out;
}
.leaderboard-top,.feed-library .leaderboard-header,.workspace-head {
 display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:14px 22px;
}
.podium { align-items:end; gap:8px; margin:0 0 20px; }
.podium > li { display:flex; flex-direction:column; }
.podium .rank-feature { height:auto; grid-template-columns:1fr auto; min-height:152px; border-radius:12px 12px 0 0; }
.podium-step {
 display:grid; place-items:center; min-height:54px;
 background:#203426; border:1px solid #435f4b; border-top:0;
 border-radius:0 0 9px 9px; font:900 1.55rem/1 var(--display); color:#bdd1bf;
}
.podium > li:nth-child(1) .podium-step { min-height:94px; color:#ecffa0; background:#354725; border-color:#78954e; font-size:2rem; }
.podium > li:nth-child(2) .podium-step { min-height:70px; }
.podium:has(> li:nth-child(3)) > li:nth-child(1) { grid-column:2; grid-row:1; }
.podium:has(> li:nth-child(3)) > li:nth-child(2) { grid-column:1; grid-row:1; }
.podium:has(> li:nth-child(3)) > li:nth-child(3) { grid-column:3; grid-row:1; }
.creator-search { max-width:580px; min-width:0; }
.creator-results { display:grid; gap:8px; margin-top:16px; }
.creator-results > p,.feed-empty { color:#a9bfae; }
.creator-result { grid-template-columns:38px minmax(0,1fr) auto; }
.creator-result > span:nth-child(2),.preset-row > span { display:grid; gap:4px; overflow-wrap:anywhere; }
.creator-result small,.preset-row small { color:#afc1b3; font-size:.8rem; }
.creator-result .mini-avatar { display:grid; place-items:center; flex:none; width:38px; height:38px; aspect-ratio:1; border-radius:50%; overflow:hidden; }
.creator-result .mini-avatar img { width:100%; height:100%; object-fit:cover; }
.feed-library { padding:clamp(24px,5vw,64px) 0 72px; }
.feed-nav { display:flex; align-items:center; gap:7px; overflow:auto; padding:3px 2px 10px; margin-bottom:12px; scrollbar-width:thin; }
.feed-nav .selection-chip { flex:none; }
.feed-shelf { margin:22px 0 34px; }
.feed-shelf-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:9px; margin-bottom:12px; }
.feed-shelf-head h2 { margin:0; font-size:1.3rem; }
.feed-shelf .script-grid {
 display:grid; grid-auto-flow:column; grid-auto-columns:clamp(210px,31%,360px);
 grid-template-columns:none; gap:12px; overflow:auto; scrollbar-width:thin;
 scroll-snap-type:x proximity; padding:2px 2px 10px;
}
.feed-shelf .script-card { scroll-snap-align:start; }
.feed-shelf .card-poster { height:150px; }
.feed-shelf .card-body { padding:13px; }
.feed-empty { margin:0; padding:14px; background:#111e16; border-radius:10px; }
.active-creators { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:9px; }
.feed-library #feed-results > .back-link { margin-block:8px 16px; }
.creator-page,.studio-page { padding-block:35px 72px; }
.creator-card { overflow:hidden; border:1px solid var(--line); border-radius:18px; background:#111c15; }
.creator-cover { height:clamp(112px,22vw,255px); background:#253b2c; }
.creator-cover img { width:100%; height:100%; object-fit:cover; }
.creator-identity { display:flex; align-items:center; gap:16px; margin:-28px 22px 0; position:relative; }
.creator-identity .creator-avatar { width:80px; height:80px; flex:0 0 80px; border:4px solid #111c15; font-size:1.7rem; }
.creator-identity .creator-avatar img { width:100%; height:100%; object-fit:cover; }
.creator-name { padding-top:34px; flex:1; overflow-wrap:anywhere; }
.creator-name h1 { margin:0 0 3px; font:900 clamp(1.45rem,4vw,2.7rem)/1.1 var(--display); letter-spacing:-.025em; }
.creator-name > span,.creator-info p,.creator-stats span { color:#afc1b3; }
.creator-edit { margin-top:35px; flex-shrink:0; }
.creator-info { padding:14px 22px 21px; }
.creator-info p { margin:0 0 14px; overflow-wrap:anywhere; white-space:pre-wrap; }
.creator-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid var(--line); padding:12px 0; gap:8px; }
.creator-stats div { display:grid; font-variant-numeric:tabular-nums; gap:3px; }
.creator-stats strong { font-size:1.15rem; }
.creator-stats span { font-size:.78rem; }
.creator-socials,.studio-actions,.preset-templates { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.creator-socials a { display:inline-flex; gap:6px; align-items:center; }
.staff-badge { color:#c7d6ff; border-color:#596993; }
.creator-catalog { padding-top:30px; }
.studio-page .profile-hero { margin-top:0; padding:20px 0; }
.workspace-head h1 { margin:8px 0; font:900 clamp(1.8rem,5vw,3.4rem)/1.1 var(--display); }
.workspace-head p,.preset-chooser p { color:#acc0b1; margin:6px 0 0; }
.preset-library,.preset-form { display:grid; gap:10px; margin:20px 0; }
.preset-form { max-width:760px; padding:clamp(14px,3vw,24px); background:#111e16; border:1px solid var(--line); border-radius:13px; }
.preset-form > .btn { justify-self:start; }
.preset-form .form-group { margin-bottom:0; }
.preset-row { grid-template-columns:28px minmax(0,1fr) auto; }
.preset-chooser { display:grid; align-items:start; gap:10px; }
.preset-chooser > .btn { justify-self:start; }
.preset-chooser h3 { margin:0; }
.detail-actions .follow-liquid { min-width:148px; justify-content:center; }
.copy-feedback { display:inline-grid; place-items:center; }
.copy-feedback > span { grid-area:1/1; display:inline-flex; align-items:center; gap:7px; white-space:nowrap; }
.copy-feedback .copy-done,.copy-feedback.is-copied .copy-idle { visibility:hidden; }
.copy-feedback.is-copied .copy-done { visibility:visible; }
.copy-source { min-width:132px; }
.comment-body { overflow-wrap:anywhere; white-space:pre-wrap; }
.comment-edit-form { margin:8px 0; }
.comment-edit-form .field { min-height:70px; resize:vertical; }
.confirm-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; margin-top:14px; }
.confirm-actions .btn { min-height:40px; justify-content:center; }
.danger-dialog { border-color:#704039; }
.danger-dialog h2 { margin:12px 0 8px; letter-spacing:-.02em; }
.danger-dialog p { overflow-wrap:anywhere; }
.danger-icon { display:grid; place-items:center; width:44px; height:44px; background:#402422; border-radius:10px; color:#ffb0a5; }
.btn-danger { color:#1e0d0c; background:#ff9b91; border:1px solid #ff9b91; }
.btn-danger:hover { color:#1e0d0c; background:#ffb6ae; }
.draft-entry [data-action=resume-draft] { display:flex; align-items:center; gap:7px; text-align:left; }
.draft-entry .ic { flex-shrink:0; }
.executor-choice { display:inline-flex; align-items:center; gap:7px; }
.executor-mark { display:grid; place-items:center; width:19px; height:19px; border-radius:4px; overflow:hidden; font:800 9px/1 var(--mono); color:var(--executor-color); background:#27392d; }
.executor-mark img { width:100%; height:100%; object-fit:contain; }
.listing-preview .preview-bar {
 padding:12px clamp(12px,3vw,24px); border-bottom:1px solid var(--line);
 background:#121d16; gap:12px;
}
.listing-preview .preview-bar div { display:grid; gap:4px; }
.listing-preview .preview-bar small { color:#a9bead; }
.listing-preview .detail { padding-block:20px 34px; }
.listing-preview .detail > .back-link { display:none; }
.listing-preview .detail-layout { margin-top:0; }
.listing-preview .detail-title { text-transform:none; }
.listing-preview .code-panel { margin-bottom:18px; }
.copy-feedback .ic { flex-shrink:0; }
.comment-edit-form .confirm-actions { margin-top:5px; }
.upload-content .upload-cover { min-height:190px; }
.upload-content .cover-help { margin-top:8px; color:#a9bead; font-size:.78rem; }
.remove-cover-btn { min-height:34px; padding:0 13px; font-size:11px; gap:7px; border-radius:100px; color:#ffb0a5; border-color:rgba(255,155,145,.34); background:rgba(64,36,34,.35); }
.remove-cover-btn:hover { color:#1e0d0c; background:#ff9b91; border-color:#ff9b91; transform:translateY(-1px); }
.remove-cover-btn .ic { flex-shrink:0; }
.luau-input.is-highlighted textarea { text-shadow:none; }
@media(min-width:751px) {
 .script-meta-editor { grid-template-columns:minmax(215px,.8fr) minmax(0,1.2fr); }
 .script-meta-editor .upload-cover { min-height:185px; aspect-ratio:16/9; }
}
@media(max-width:620px) {
 .podium { grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
 .podium .rank-feature { display:flex; flex-direction:column; align-items:stretch; min-height:130px; padding:8px; gap:5px; }
 .podium .rank-glyph,.podium .mini-avatar { display:none; }
 .podium .rank-content { font-size:.78rem; }
 .podium .rank-content small,.podium .rank-score small { font-size:.68rem; }
 .podium .rank-score { margin-top:auto; text-align:left; }
 .podium-step { min-height:33px; }
 .podium > li:nth-child(1) .podium-step { min-height:55px; }
 .podium > li:nth-child(2) .podium-step { min-height:44px; }
 .creator-identity,.creator-info { margin-inline:12px; padding-inline:0; }
 .creator-identity { gap:8px; }
 .creator-identity .creator-avatar { width:60px; height:60px; flex-basis:60px; }
}

/* === Custom tooltips === */
.ui-tooltip{position:fixed;z-index:9999;max-width:260px;padding:8px 11px;border-radius:10px;background:rgba(12,18,14,.96);color:#e8f4ec;border:1px solid rgba(70,255,135,.22);box-shadow:0 12px 32px rgba(0,0,0,.45);font-size:12px;line-height:1.45;pointer-events:none;transition:opacity .12s ease,transform .12s ease;opacity:1;transform:translateY(0)}
.ui-tooltip[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.ui-tooltip{transition:none}}

/* === Scrollbars === */
html,body{scrollbar-width:thin;scrollbar-color:rgba(70,255,135,.35) rgba(8,12,10,.4)}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:rgba(8,12,10,.4);border-radius:6px}
*::-webkit-scrollbar-thumb{background:rgba(70,255,135,.3);border-radius:6px;border:2px solid rgba(8,12,10,.4)}
*::-webkit-scrollbar-thumb:hover{background:rgba(70,255,135,.5)}
*::-webkit-scrollbar-corner{background:transparent}

/* === Chip remove badge === */
.chip-editor .chip-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:rgba(255,90,90,.16);color:#ff8a8a;font-size:11px;font-weight:700;line-height:1;transition:background .12s,color .12s;margin-left:4px}
.chip-editor .selection-chip:hover .chip-remove{background:rgba(255,90,90,.32);color:#fff}

/* === Link suggestion === */
.link-suggestion{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:6px 10px;border-radius:999px;background:rgba(70,255,135,.08);border:1px solid rgba(70,255,135,.22);color:#b8f0c8;font-size:12px;cursor:pointer;transition:background .12s,border-color .12s}
.link-suggestion:hover{background:rgba(70,255,135,.16);border-color:rgba(70,255,135,.4)}

/* === Listing rule note === */
.listing-rule-note{margin:8px 0 0;font-size:12px;color:#a6baab;line-height:1.45}

/* === Description mode switch === */
.description-mode-switch{margin-left:auto}

/* === Hero Stage - Full 16:9 thumbnails without harsh cropping === */
.hero-stage .stage-main {
  width: 440px;
  height: 250px;
  aspect-ratio: 16 / 9;
  top: 170px;
  left: 20px;
}
.hero-stage .stage-back {
  width: 360px;
  height: 205px;
  aspect-ratio: 16 / 9;
  top: 80px;
  right: 15px;
}
.hero-stage .stage-card .poster {
  height: 100%;
}
.hero-stage .stage-card .poster img {
  object-fit: cover;
  object-position: center;
}
@media(max-width:1200px){
  .hero-stage .stage-main {
    width: 390px;
    height: 220px;
    left: 10px;
  }
  .hero-stage .stage-back {
    width: 320px;
    height: 180px;
  }
}
@media(max-width:850px){
  .hero-stage .stage-main {
    top: 60px;
  }
  .hero-stage .stage-back {
    top: 20px;
  }
}
@media(max-width:600px){
  .hero-stage .stage-main {
    width: 74%;
    height: auto;
    aspect-ratio: 16 / 9;
    top: 18%;
    left: 6%;
    border-radius: 14px;
  }
  .hero-stage .stage-back {
    width: 60%;
    height: auto;
    aspect-ratio: 16 / 9;
    top: 10%;
    right: 5%;
    border-radius: 12px;
  }
}

/* === Script cards: Prevent badge overlap on card border & keep buttons clickable === */
.script-card .card-body {
  display: flex;
  flex-direction: column;
}
.script-card .card-desc {
  flex-grow: 1;
}
.script-card .card-tags {
  margin-top: 16px;
  margin-bottom: 14px;
  padding-bottom: 2px;
  position: relative;
  z-index: 2;
}
.script-card .card-footer {
  margin-top: 0;
  padding-top: 16px;
  position: relative;
  z-index: 2;
}
.script-card .studio-card-action,
.script-card .studio-bump-btn {
  position: relative;
  z-index: 4;
  margin-bottom: 10px;
}

/* === Script Detail Actions & Side Author Alignment === */
.detail-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 35px;
}
.detail-actions .btn {
  min-height: 44px;
  height: 44px;
}
.detail-actions .vote-control {
  min-height: 44px;
  height: 44px;
  box-sizing: border-box;
}
.detail-actions .save-star,
.detail-actions .icon-btn {
  width: 44px;
  height: 44px;
  min-height: 44px;
  box-sizing: border-box;
}
.side-author .tag {
  margin-left: auto;
  flex-shrink: 0;
}

/* === Header Center Navigation Alignment === */
@media(min-width: 851px) {
  .site-header {
    position: relative;
    display: flex;
    align-items: center;
  }
  .header-nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
  }
  .header-actions {
    margin-left: auto;
  }
}

/* === Comment Reply Indicator & Operation Actions === */
.comment-reply-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 14px;
  margin-bottom: 12px;
  border-radius: 10px;
  background: rgba(216, 255, 112, 0.08);
  border: 1px solid rgba(216, 255, 112, 0.25);
  color: #d8ff70;
  font-size: 13px;
  font-family: var(--mono);
}
.reply-hint {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.reply-hint strong {
  color: #ffffff;
}
.btn-cancel-reply {
  background: transparent;
  border: 0;
  color: #aebcaf;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  padding: 2px 6px;
  border-radius: 4px;
  transition: color 0.15s, background 0.15s;
}
.btn-cancel-reply:hover {
  color: #ff8585;
  background: rgba(255, 80, 80, 0.12);
}
.comment-ops {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
.comment-ops button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: transparent;
  border: 0;
  color: #8fa597;
  font-size: 11px;
  font-family: var(--mono);
  font-weight: 700;
  cursor: pointer;
  padding: 3px 6px;
  border-radius: 6px;
  transition: color 0.15s, background 0.15s;
}
.comment-ops button:hover {
  color: var(--fg);
  background: rgba(255, 255, 255, 0.07);
}
.comment-ops button.btn-danger-text:hover {
  color: #ff7f7f;
  background: rgba(255, 80, 80, 0.12);
}

/* === Hall of Shame Overlays & Unclipped Avatars === */
.mini-avatar,
.header-avatar {
  position: relative !important;
  overflow: visible !important;
}
.header-avatar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border: 1px solid #536d52 !important;
  border-radius: 50% !important;
  background: #17231d !important;
  color: #ebffda !important;
  cursor: pointer;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}
.mini-avatar img,
.header-avatar img {
  border-radius: 50% !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  pointer-events: none;
}
.header-avatar .clown-avatar-emoji {
  position: absolute;
  bottom: -4px;
  right: -4px;
  font-size: 16px;
  line-height: 1;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.85));
  pointer-events: none;
  z-index: 10;
}
.card-creator {
  overflow: visible !important;
}
.card-creator > span:not(.mini-avatar) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clown-avatar-emoji {
  position: absolute;
  bottom: -4px;
  right: -4px;
  font-size: 15px;
  line-height: 1;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.85));
  pointer-events: none;
  z-index: 10;
}
.creator-avatar .clown-avatar-emoji,
.profile-hero .clown-avatar-emoji,
.account-identity .clown-avatar-emoji {
  font-size: 26px;
  bottom: -2px;
  right: -2px;
}
.clown-thumbnail-emoji {
  position: absolute;
  top: 12px;
  left: 14px;
  font-size: 24px;
  line-height: 1;
  z-index: 5;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,0.8));
  pointer-events: none;
}

/* === Modern Markdown Editor Toolbar === */
.format-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  background: rgba(14, 23, 20, 0.9);
  border: 1px solid var(--line);
  border-bottom: 0;
  border-radius: 12px 12px 0 0;
}
.format-btn-group {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.2);
  padding: 2px;
  gap: 2px;
}
.format-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  padding: 0 7px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #b5c7ba;
  font-size: 12px;
  font-family: var(--mono);
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.format-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
.format-btn svg {
  display: block;
  flex-shrink: 0;
}
.format-auto-btn {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(216, 255, 112, 0.12);
  border: 1px solid rgba(216, 255, 112, 0.35);
  color: var(--acid);
  font-weight: 800;
  font-size: 11px;
  border-radius: 8px;
  padding: 4px 12px;
  cursor: pointer;
  transition: all 0.2s;
}
.format-auto-btn:hover {
  background: var(--acid);
  color: #0f1a0b;
  box-shadow: 0 0 16px rgba(216, 255, 112, 0.35);
}
.markdown-editor .field-textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* === Discord-Style Cropper UX === */
.avatar-crop-zone {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #090e0c;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  padding: 0;
  margin: 18px auto;
  max-width: 320px;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  user-select: none;
  touch-action: none;
}
.avatar-crop-zone.banner-crop-zone {
  max-width: 680px;
  aspect-ratio: 3 / 1;
  border-radius: 12px;
}
.avatar-crop-zone.thumbnail-crop-zone {
  max-width: 580px;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
}
.avatar-crop-zone canvas {
  display: block;
  cursor: grab;
  width: 100%;
  height: 100%;
}
.avatar-crop-zone:not(.banner-crop-zone):not(.thumbnail-crop-zone) canvas {
  border-radius: 50%;
}
.avatar-crop-zone.banner-crop-zone canvas,
.avatar-crop-zone.thumbnail-crop-zone canvas {
  border-radius: 10px;
}
.avatar-crop-zone canvas:active {
  cursor: grabbing;
}
.avatar-crop-guide {
  display: none !important;
}

/* === Top-Right Header Search Bar === */
.header-search-form {
  position: relative;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--line);
  border-radius: 100px;
  padding: 0 14px 0 12px;
  height: 38px;
  min-width: 170px;
  max-width: 220px;
  transition: all 0.25s ease;
}
.header-search-form:focus-within {
  border-color: var(--acid);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 0 14px rgba(216, 255, 112, 0.18);
  max-width: 260px;
}
.header-search-form .ic {
  color: var(--muted);
  flex-shrink: 0;
  margin-right: 8px;
  pointer-events: none;
}
.header-search-form:focus-within .ic {
  color: var(--acid);
}
.header-search-input {
  background: transparent;
  border: 0;
  outline: none;
  color: var(--fg);
  font: 500 12px var(--mono);
  width: 100%;
}
.header-search-input::placeholder {
  color: #6d8073;
  font-weight: 400;
}
@media(max-width: 850px) {
  .header-search-form {
    display: none;
  }
}
.crop-controls {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin: 14px 0 20px;
}
.crop-controls label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font: 700 11px var(--mono);
  color: #b9ccbe;
}
.crop-controls input[type="range"] {
  accent-color: var(--acid);
  cursor: pointer;
}

/* === Polished Pricing Tiers Editor === */
.price-editor {
  margin: 16px 0 20px;
  padding: 18px 20px;
  border: 1px solid rgba(216, 255, 112, 0.16);
  border-radius: 14px;
  background: rgba(12, 20, 16, 0.75);
  backdrop-filter: blur(8px);
}
.price-editor-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.price-editor-header strong {
  font-size: 13px;
  letter-spacing: 0.5px;
  color: #e5f2e7;
}
.price-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.price-tier-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  background: rgba(18, 28, 24, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.price-tier-card:hover {
  border-color: rgba(216, 255, 112, 0.3);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25);
}
.price-input-group {
  display: inline-flex;
  align-items: center;
  background: #0a130f;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  padding: 0 10px;
  min-height: 40px;
}
.price-currency {
  font-weight: 900;
  color: var(--acid);
  font-family: var(--mono);
  font-size: 14px;
  margin-right: 6px;
}
.price-input-group input.price-amount {
  width: 90px;
  border: 0;
  background: transparent;
  color: #ffffff;
  font: 700 13px var(--mono);
  outline: 0;
  padding: 0;
  min-height: unset;
}
.period-segmented {
  display: inline-flex;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  padding: 2px;
  gap: 2px;
}
.period-btn {
  border: 0;
  background: transparent;
  color: #9ab1a0;
  padding: 6px 14px;
  border-radius: 6px;
  font: 700 11px var(--mono);
  cursor: pointer;
  transition: all 0.15s;
}
.period-btn:hover {
  color: #ffffff;
}
.period-btn.selected {
  background: var(--acid);
  color: #0f1a0b;
  font-weight: 800;
}
.btn-remove-tier {
  margin-left: auto;
  border: 0;
  background: transparent;
  color: #8da495;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: color 0.15s, background 0.15s;
}
.btn-remove-tier:hover {
  color: #ff8585;
  background: rgba(255, 80, 80, 0.12);
}
.price-empty-hint {
  text-align: center;
  color: #8ea293;
  font-size: 12px;
  padding: 16px;
  border: 1px dashed rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  margin-bottom: 12px;
}
.add-tier-btn {
  margin-top: 14px;
}

/* === Custom Dialog Modals (confirm/prompt/alert) === */
.custom-dialog-modal {
  width: min(460px, 92vw);
  padding: 28px 28px 24px;
}
.custom-dialog-modal .confirm-actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 20px;
}
.custom-dialog-modal .confirm-actions .btn {
  min-height: 42px;
  padding: 0 20px;
  width: auto;
  margin-top: 0;
}
.custom-dialog-message {
  color: #b5c7ba;
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
}

/* === Button Hover SVG Alignment Fix === */
/* Prevent SVG icons from drifting towards center or jumping on button hover */
.btn svg,
.btn:hover svg {
  transform: none !important;
}
.btn {
  gap: 8px;
}
.btn svg {
  flex-shrink: 0;
  vertical-align: middle;
}

/* === Custom Number Input Stepper Controls === */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.number-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.price-input-group .number-input-wrap {
  width: auto;
  display: inline-flex;
}
.number-input-wrap input[type="number"] {
  width: 100%;
  padding-right: 24px !important;
}
.price-input-group input.price-amount {
  width: 75px;
  padding-right: 20px !important;
}
.number-steppers {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1px;
  background: transparent;
  border: 0;
  border-radius: 3px;
  z-index: 2;
  pointer-events: auto;
}
.stepper-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 10px;
  background: transparent;
  border: 0;
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.3);
  cursor: pointer;
  padding: 0;
  line-height: 1;
  transition: color 0.15s, background 0.15s;
}
.number-input-wrap:hover .stepper-btn {
  color: rgba(255, 255, 255, 0.6);
}
.stepper-btn:hover {
  color: var(--acid, #d8ff70) !important;
  background: rgba(216, 255, 112, 0.15);
}
.stepper-btn:active {
  color: #ffffff;
  background: rgba(216, 255, 112, 0.3);
}
.stepper-btn svg {
  display: block;
  width: 10px;
  height: 10px;
  flex-shrink: 0;
}

/* === Chip Editor Limit Hint Positioning === */
.chip-editor-hint,
.form-group .chip-editor + small.micro {
  display: block;
  margin-top: 6px;
  padding: 0 2px;
  font: 10px var(--mono);
  color: #738a7b;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.chip-editor small.micro {
  display: block;
  padding: 0 12px 10px;
  margin: 0;
  font: 10px var(--mono);
  color: #738a7b;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}