@charset "UTF-8";
:root{color-scheme:dark;--bg:#0b1017;--panel:#151e2a;--panel-hi:#1a2533;--line:#263444;--text:#e8edf4;--muted:#8392a6;--accent:#e85b58;--accent-rgb:232,91,88;--green:#65d4a7;--yellow:#e8bb70;--radius:10px;font:14px/1.6 "Microsoft YaHei UI","Microsoft YaHei","Noto Sans SC","Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,p{margin:0}button,select{color:inherit}svg.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}body[data-game=yr]{--accent:#aa88ed;--accent-rgb:170,136,237}.hidden,[hidden]{display:none!important}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}.subtle{color:var(--muted)}.mono{font-family:ui-monospace,Consolas,monospace;font-size:12px}.app-shell{min-height:100vh;display:grid;grid-template-columns:224px minmax(0,1fr)}
.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#0e151e;border-right:1px solid #202c3a;display:flex;flex-direction:column;padding:32px 20px;z-index:10}.brand{display:flex;gap:12px;align-items:center;padding:0 6px 30px}.brand-mark{width:40px;height:44px;display:grid;place-items:center;background:linear-gradient(145deg,#e85b58,#903331);clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);font-size:21px;color:white;font-weight:900}.brand strong{font-size:17px;letter-spacing:.12em}.brand small{display:block;font-size:9px;color:#708094;letter-spacing:.18em;margin-top:3px}.nav-label{padding:14px 14px 8px;font-size:10px;letter-spacing:.18em;color:#58697e}.nav-item{width:100%;display:flex;align-items:center;gap:13px;border:0;background:none;padding:13px 14px;margin:4px 0;border-radius:8px;color:#8898ac;text-align:left;transition:background .15s,color .15s}.nav-item:hover{color:var(--text);background:#17222f}.nav-item.active{color:var(--accent);background:rgba(var(--accent-rgb),.1);box-shadow:inset 3px 0 var(--accent)}.nav-item .nav-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--accent)}.sidebar-foot{margin-top:auto;padding:18px 12px 0;border-top:1px solid var(--line)}.sidebar-foot p{font-size:11px;color:#67788c;margin-top:5px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:7px}.sidebar-foot strong{font-size:12px;font-weight:500}.content{grid-column:2;min-width:0}.topbar{height:76px;border-bottom:1px solid #202c3a;padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:rgba(14,21,30,.7)}.breadcrumb{display:flex;gap:13px;align-items:center;color:#65758b;font-size:12px}.breadcrumb strong{font-weight:500;color:#c1cbd8}.top-actions{display:flex;gap:20px;align-items:center;font-size:11px;color:#8090a5}.top-badge{border:1px solid #29394b;padding:5px 10px;border-radius:5px}.workspace{max-width:1550px;margin:auto;padding:36px 40px 28px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading h1{font-size:28px;font-weight:650;letter-spacing:.03em;margin:6px 0}.page-heading p{color:var(--muted);font-size:13px}.tiny-label{font-size:11px;color:#73849a}.section-title{display:flex;align-items:center;justify-content:space-between;margin:28px 0 14px}.section-title h2{font-size:15px;font-weight:600}.section-title span{font-size:11px;color:#66788d}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.button{border:1px solid #344253;background:#1b2735;border-radius:7px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:500;color:#cfdae7;transition:filter .15s,transform .15s}.button:hover{filter:brightness(1.17)}.button:active{transform:translateY(1px)}.button.primary{background:var(--accent);border-color:var(--accent);color:#10151c;font-weight:700}.button.ghost{background:transparent;border-color:var(--line)}.button.danger{background:#4b232a;border-color:#7a3840;color:#ffb4b4}.button.small{font-size:12px;padding:7px 12px}.button.wide{width:100%}.text-link{color:var(--accent);font-size:12px;display:inline-flex;gap:6px;align-items:center;background:none;border:0;padding:3px}.text-link .icon{width:15px;height:15px}.icon-button{background:none;color:#96a7bb;border:1px solid var(--line);width:34px;height:34px;display:grid;place-items:center;border-radius:6px}.tag{font-size:10px;letter-spacing:.04em;padding:3px 8px;border-radius:4px;color:#9aabc0;border:1px solid #354255;white-space:nowrap}.tag.ready{color:#7bdbb5;background:#183b30;border-color:#275b47}.tag.wait{color:#d9b883;background:#382d1e;border-color:#58452c}.tag.subtle-tag{background:#111923;border-color:#2b394b}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.game-card{overflow:hidden;position:relative;border:1px solid #2a3748;border-radius:12px;background:#121b26}.game-card.red{--game-accent:#ef6a62;--game-rgb:239,106,98}.game-card.purple{--game-accent:#b496f0;--game-rgb:180,150,240}.game-card.selected{border-color:var(--game-accent);box-shadow:0 0 0 1px rgba(var(--game-rgb),.13)}.game-art{height:220px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 72% 90%,rgba(var(--game-rgb),.2),transparent 62%),linear-gradient(140deg,#1d222b,#0b121b 72%);border-bottom:1px solid #293441;cursor:pointer}.game-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#a6b9cd0a 1px,transparent 1px),linear-gradient(90deg,#a6b9cd0a 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,#000)}.game-art:after{content:"";position:absolute;inset:0;box-shadow:inset 0 -55px 60px #0e1723;pointer-events:none}.game-emblem{position:absolute;left:24px;top:20px;display:flex;align-items:center;gap:10px;color:var(--game-accent);z-index:2;font-size:11px;letter-spacing:.2em}.emblem-symbol{width:32px;height:32px;border:1px solid currentColor;transform:rotate(45deg);display:grid;place-items:center}.emblem-symbol b{transform:rotate(-45deg);font-size:19px;font-weight:400}.game-art .version{position:absolute;right:20px;top:20px;z-index:2;background:#0b1017b3}.game-art svg.scene{position:absolute;width:82%;height:100%;right:-2%;bottom:-12%;opacity:.83;color:var(--game-accent)}.art-caption{position:absolute;left:24px;bottom:17px;z-index:3;font-size:10px;letter-spacing:.25em;color:#8b98a9}.game-info{padding:23px 24px 24px}.game-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.game-title-row h2{font-size:23px;font-weight:650}.game-english{font-size:10px;color:#71849a;letter-spacing:.16em;margin-top:3px}.game-description{font-size:12px;color:#8f9eb1;min-height:40px;margin-top:15px}.game-bottom{margin-top:20px;padding-top:18px;border-top:1px solid #253343;display:flex;align-items:center;justify-content:space-between;gap:16px}.game-bottom .button{min-width:146px;background:var(--game-accent);border-color:var(--game-accent);color:#10151c;font-weight:700}.game-last{font-size:11px;color:#73859a}.game-last strong{display:block;font-size:12px;color:#a9b7c8;font-weight:400;margin-bottom:4px}.overview-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px}.info-tile{padding:21px;display:flex;gap:15px;align-items:flex-start}.tile-icon{width:40px;height:40px;border:1px solid #334255;background:#1b2939;border-radius:8px;display:grid;place-items:center;color:#94a9c2}.info-tile h3{font-size:13px;font-weight:600;margin-bottom:5px}.info-tile p{font-size:11px;color:#8192a8}.info-tile .text-link{margin-top:11px}.bottom-note{margin-top:28px;border-top:1px solid #1f2c3b;padding-top:17px;display:flex;justify-content:space-between;gap:16px;color:#596b81;font-size:10px}.dot-separator{padding:0 8px;color:#3d5066}
/* 资源页以当前可用游戏为主，准备方式与维护操作分开。 */
.resource-overview{padding:22px 24px}.resource-current-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.resource-current-copy{display:flex;align-items:center;gap:14px;min-width:0}.resource-current-copy h2{font-size:18px;font-weight:600}.resource-current-copy p{font-size:12px;color:var(--muted);margin-top:4px}.resource-current-sign{height:44px;width:44px;flex-shrink:0;display:grid;place-items:center;background:#1b293a;border:1px solid #34485e;border-radius:9px;color:var(--accent)}.resource-current-sign.ready{color:var(--green);background:#18372d;border-color:#2d5948}.resource-current-head>.button{flex-shrink:0}
.resource-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.resource-version{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 17px;background:#101923;border:1px solid var(--line);border-radius:7px;min-width:0}.resource-version strong{display:block;font-size:13px;font-weight:500}.resource-version small{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.resource-preparation{border:0;margin-top:22px;padding-top:0}.resource-preparation>summary{display:flex;align-items:center;gap:12px;list-style:none;padding:13px 0;border-bottom:1px solid var(--line)}.resource-preparation>summary::-webkit-details-marker{display:none}.resource-preparation>summary:before{content:"＋";font-size:16px;color:var(--accent)}.resource-preparation[open]>summary:before{content:"－"}.resource-preparation>summary strong{font-size:13px;font-weight:500;color:#becbdd}.resource-preparation>summary span{font-size:11px;color:var(--muted);margin-left:auto}.resource-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}.resource-option{padding:22px;display:flex;flex-direction:column;gap:16px}.resource-option-title{display:flex;align-items:center;gap:12px}.resource-option-title>span{height:40px;width:40px;border:1px solid #35465b;background:#1a293a;border-radius:8px;display:grid;place-items:center;color:#9cb2cb}.resource-option h3{font-size:15px;font-weight:600}.resource-option-title small{font-size:11px;color:var(--muted)}.resource-option p{font-size:12px;color:var(--muted);margin:0}.resource-package-facts{display:flex;gap:36px;padding:8px 0}.resource-package-facts span{display:block;font-size:11px;color:var(--muted)}.resource-package-facts strong{display:block;font-size:19px;font-weight:500;color:#d9e5f2;margin-top:3px}.resource-choice-actions{margin-top:auto}.resource-choice-actions .button{width:100%}.resource-source-error{color:#d8bc8c!important}.resource-source-error .text-link{margin-left:6px}.drop-zone{border:1px dashed #425570;border-radius:7px;padding:18px;min-height:79px;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;background:#0d1722;color:#93a8c0;font-size:12px;transition:background .15s}.drop-zone.dragover{background:#26384b;border-color:var(--accent)}.resource-option .drop-zone{flex:1}
.resource-storage{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;padding:18px 0 2px;color:var(--muted);font-size:11px}.resource-storage>span{display:flex;align-items:center;gap:7px}.resource-storage .icon{width:16px;height:16px;color:#78b49b}.resource-storage strong{color:#b6c5d7;font-weight:500}.resource-footnotes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}.resource-footnotes>details{margin:0;padding:0;overflow:hidden}.resource-footnotes summary{padding:14px 18px;font-size:12px;color:#aabbd0}.resource-footnotes p{font-size:12px;color:var(--muted);padding:0 18px;margin:0 0 12px}.resource-maintenance-actions{display:flex;gap:10px;flex-wrap:wrap;padding:0 18px 18px}
.notice-inline{padding:14px 17px;border:1px solid #334458;background:#152232;border-radius:7px;font-size:12px;color:#9eb1c8;margin-top:18px}.notice-inline.warning{border-color:#655338;background:#30271b;color:#d8bc8c}.task-panel{margin-top:22px;padding:24px}.task-head{display:flex;align-items:center;gap:14px;margin-bottom:15px}.task-head .spinner{margin-right:3px}.task-head h3{font-size:14px}.task-head p{font-size:11px;color:var(--muted);max-width:640px;word-break:break-all}.task-head .button{margin-left:auto}progress{width:100%;height:6px;border:0;border-radius:9px;overflow:hidden;background:#263447;appearance:none}progress::-webkit-progress-bar{background:#263447}progress::-webkit-progress-value{background:var(--accent);border-radius:9px}progress::-moz-progress-bar{background:var(--accent)}.task-stats{display:flex;justify-content:space-between;color:#8a9db5;font-size:11px;margin-top:8px}.spinner{display:inline-block;width:20px;height:20px;border:2px solid #35455b;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.spinner.large{width:36px;height:36px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.settings-layout{display:grid;grid-template-columns:1fr 300px;gap:24px}.settings-section{padding:24px 28px;margin-bottom:20px}.settings-section h2{font-size:16px;margin-bottom:20px}.field{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 0;border-top:1px solid #263447}.field:first-of-type{border-top:0}.field label{font-size:13px;display:block}.field small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.field select{width:220px;max-width:50%;background:#0e1722;border:1px solid #37495f;padding:10px 12px;border-radius:6px}.game-tabs{display:flex;gap:8px;margin-bottom:23px}.game-tabs button{padding:9px 22px;border:1px solid var(--line);border-radius:6px;background:#121c28;color:#8fa0b6}.game-tabs button.active{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.08)}.shortcut-list{padding:24px}.shortcut{display:flex;align-items:center;justify-content:space-between;padding:13px 0;font-size:12px;color:#93a6bd;border-bottom:1px solid #27364a}.shortcut:last-child{border:0}kbd{font:11px ui-monospace,Consolas,monospace;padding:3px 7px;border:1px solid #3b4b61;border-bottom-width:2px;border-radius:4px;color:#c9d5e4;background:#1c293a}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.help-card{padding:25px}.help-card h2{font-size:16px;margin-bottom:13px}.help-card p,.help-card li{font-size:12px;color:#94a4b8;line-height:1.9}.help-card ul{padding-left:20px}.capability-list{margin-top:15px}.capability{display:flex;justify-content:space-between;font-size:12px;padding:10px 0;border-bottom:1px solid var(--line);color:#8fa3bc}.capability strong{color:#7ed5b0;font-weight:400}.capability strong.bad{color:#e5b879}details{border-top:1px solid var(--line);margin-top:17px;padding-top:14px}summary{cursor:pointer;font-size:12px;color:#a5b4c8}pre.log{white-space:pre-wrap;word-break:break-word;background:#09111b;padding:15px;border:1px solid var(--line);border-radius:6px;max-height:220px;overflow:auto;color:#8c9db4;font-size:11px;user-select:text}.modal-layer{position:fixed;inset:0;background:#050a12cc;backdrop-filter:blur(7px);display:grid;place-items:center;padding:24px;z-index:100}.modal{width:min(580px,100%);max-height:90vh;overflow:auto;background:#121c28;border:1px solid #3b4e67;border-radius:12px;box-shadow:0 25px 100px #000b}.modal.wide{width:min(760px,100%)}.modal-head{padding:25px 28px 20px;border-bottom:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;align-items:flex-start}.modal-head h2{font-size:21px;margin:5px 0}.modal-head p{color:#8296ae;font-size:12px}.modal-body{padding:23px 28px;color:#a8b7cb;font-size:13px}.modal-actions{padding:18px 28px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line)}#notices{position:fixed;right:25px;bottom:25px;z-index:200;display:flex;flex-direction:column;gap:10px;max-width:440px}.notice{padding:14px 18px;border:1px solid #3b526c;border-radius:8px;background:#1c2c3f;box-shadow:0 8px 25px #0006;font-size:12px}.notice.error{background:#3b242c;border-color:#73404b;color:#ffc0c0}.notice.success{background:#18372d;border-color:#32634f;color:#a0e3c9}.menu-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-option{padding:11px 14px;text-align:left;border:1px solid var(--line);border-radius:6px;background:#1a2839;color:#b7c8dc}.menu-option.checked{border-color:var(--accent);color:var(--accent)}.menu-option:disabled{opacity:.4}.menu-heading{font-size:12px;letter-spacing:.06em;color:#7f94ad;margin:20px 0 9px}.menu-heading:first-child{margin-top:0}
/* 运行页只保留画布与新的外层操作；全屏元素包含所有提示和弹窗。 */
body.runtime{overflow:hidden;background:#000}#stage{position:fixed;inset:0;background:#000}#canvas,#screen{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none}#screen{pointer-events:none}#start{position:absolute;inset:0;z-index:20;background:radial-gradient(ellipse at 50% 25%,#182638,#0b1017 65%);display:grid;place-items:center}.loading-panel{width:min(560px,calc(100% - 48px));text-align:center}.loading-brand{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:40px;font-size:17px;letter-spacing:.12em}.loading-panel h1{font-size:28px;margin:22px 0 12px}.loading-panel p{font-size:13px;color:#889cb5}.load-steps{margin:32px 0;text-align:left;border-top:1px solid #29394d}.load-step{padding:12px 5px;border-bottom:1px solid #223146;display:flex;align-items:center;justify-content:space-between;color:#61748d;font-size:12px}.load-step.active{color:#e5edf8}.load-step.done{color:#81caaa}.runtime-toolbar{position:absolute;z-index:15;top:10px;left:50%;transform:translate(-50%,-115%);display:flex;align-items:center;gap:8px;background:#0d1622eb;border:1px solid #3b4b61;border-radius:8px;padding:7px 10px;transition:transform .18s;opacity:.92}.runtime-toolbar:hover,.runtime-toolbar:focus-within,body.show-toolbar .runtime-toolbar{transform:translate(-50%,0)}.toolbar-trigger{position:absolute;z-index:14;top:0;left:calc(50% - 160px);width:320px;height:18px}.toolbar-trigger:hover+.runtime-toolbar{transform:translate(-50%,0)}.runtime-toolbar span{font-size:11px;color:#879db9;margin:0 9px}.runtime-toolbar .button{padding:6px 10px;font-size:11px}.runtime-toast{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-size:12px;background:#132133dd;border:1px solid #344964;border-radius:6px;padding:8px 14px;z-index:25;pointer-events:none}.error-panel{text-align:left;border:1px solid #6f4644;background:#271c23;padding:20px;border-radius:8px;margin-top:20px}.error-panel h2{font-size:16px;margin-bottom:9px}.error-panel p{color:#d0a9ab}.error-actions{display:flex;justify-content:center;gap:10px;margin-top:24px}.runtime-exit{margin:22px 0;font-size:40px;color:#82d7b1}
@media(min-width:1800px){.workspace{padding-top:45px}.game-art{height:280px}.game-description{font-size:13px}.game-info{padding:27px 28px}.game-title-row h2{font-size:26px}.overview-grid{margin-top:10px}.info-tile{padding:26px}}
@media(max-width:1150px){.app-shell{grid-template-columns:82px minmax(0,1fr)}.sidebar{width:82px;padding:26px 12px}.brand{padding:0 6px 25px}.brand>div:last-child,.nav-item span,.nav-label,.sidebar-foot{display:none}.nav-item{justify-content:center;padding:14px}.nav-item .nav-dot{display:none}.topbar{padding:0 25px}.workspace{padding:27px 25px}.game-grid{gap:17px}.game-art{height:190px}.game-info{padding:20px}.game-title-row h2{font-size:20px}.game-bottom{align-items:flex-end}.game-bottom .button{min-width:115px;padding:10px}.overview-grid{grid-template-columns:1fr 1fr}.overview-grid .info-tile:last-child{display:none}.settings-layout{grid-template-columns:1fr 250px}}
@media(max-width:780px){.game-grid,.resource-columns,.settings-layout,.help-grid{grid-template-columns:1fr}.game-art{height:200px}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.top-actions .top-badge{display:none}.workspace{padding:24px 20px}.overview-grid{grid-template-columns:1fr}.bottom-note{display:block}.bottom-note>span:last-child{display:none}.menu-options{grid-template-columns:1fr}.modal-layer{padding:12px}.modal-head,.modal-body{padding:20px}.game-description{min-height:0}}
@media(max-width:780px){.resource-status-grid,.resource-footnotes{grid-template-columns:1fr}.resource-preparation>summary{flex-wrap:wrap;gap:4px 10px}.resource-preparation>summary span{margin-left:26px;width:100%}.resource-current-head>.button{width:100%}.resource-overview{padding:20px}.resource-current-copy{align-items:flex-start}.resource-storage{gap:9px 18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* 锁定时光标由原游戏画面绘制，顶部残留的hover位置不应遮挡战场。 */
.runtime.pointer-locked .toolbar-trigger,.runtime.pointer-locked .runtime-toolbar{visibility:hidden;pointer-events:none}
.game-art img.scene{position:absolute;width:88%;height:100%;object-fit:contain;right:-2%;bottom:-12%;opacity:.9;pointer-events:none}
body[data-settings=default]{--accent:#91b6db;--accent-rgb:145,182,219}.inherit-summary{padding:20px 24px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.inherit-summary strong{font-size:13px;margin-left:10px}.inherit-summary p{font-size:12px;color:var(--muted);margin-top:7px}.inherit-summary .button{flex-shrink:0}
/* 可选媒体和基础状态分开，缺少媒体不使用基础资源错误状态。 */
.resource-full{padding:22px 24px;margin:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.resource-full h2{font-size:17px;margin-bottom:7px}.resource-full p{font-size:12px;color:var(--muted);margin-top:6px}.resource-full strong{color:var(--text)}.resource-full .button{flex-shrink:0}
.resource-full-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.resource-base-note{font-size:11px;color:var(--muted);margin-top:14px}.optional-title{margin-top:25px}.optional-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.optional-pack{padding:21px;display:flex;flex-direction:column;gap:14px}.optional-head{display:flex;align-items:center;gap:12px}.optional-icon{height:40px;width:40px;display:grid;place-items:center;background:#1a293a;border:1px solid #35465b;border-radius:8px;color:#9bb0ca}.optional-head>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:1}.optional-head h3{font-size:15px;font-weight:600}.optional-head .tag{margin-left:auto}.optional-pack>p{font-size:12px;color:var(--muted)}.optional-size{font-size:12px;color:#a7b8cd;display:flex;gap:15px;flex-wrap:wrap}.optional-size strong{font-weight:500;color:#d6e4f4}.optional-size>span{color:var(--muted)}.optional-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.optional-actions .button{flex:1;white-space:nowrap}.optional-pack>small{font-size:11px;color:var(--muted);margin-top:auto;line-height:1.8}.remove-media{color:#d6a2a2}.optional-pack.dragover{border-color:var(--accent);background:#213247}.optional-pack:has(button:disabled) .optional-icon{opacity:.75}
@media(max-width:780px){.optional-grid{grid-template-columns:1fr}.optional-title{align-items:flex-start;gap:5px;flex-direction:column}.optional-head>div{gap:8px}.optional-actions .button{flex:auto}.optional-head .tag{margin-left:0}}