/* Desktop review layout. Keeps all form controls, media and task handlers intact. */
/* Keep new form content visible while legacy page transitions restart on scroll. */
.panel.active > .platform-cover-card{animation:none!important;opacity:1!important;visibility:visible!important;transform:none!important}
:root{--directory-gold:#d7bd79;--directory-muted:#b0b1a9;--directory-line:rgba(215,189,121,.14)}
nav.tabs.sidebar .p-nav-mods{gap:3px!important}
nav.tabs.sidebar .p-nav-mod{min-height:59px!important;padding:10px 14px!important;gap:12px!important;border-radius:10px!important}
nav.tabs.sidebar .p-nav-mod .pn-copy b{font-size:15px!important;line-height:1.4!important}
nav.tabs.sidebar .p-nav-mod .pn-copy small{font-size:11px!important;line-height:1.5!important;margin-top:2px!important;color:#a8a99f!important}
nav.tabs.sidebar .p-nav-mod .pn-count{display:inline!important;font-size:11px!important;color:#a8a99f!important;margin-left:auto!important}
nav.tabs.sidebar .p-nav-mod .pn-chevron{margin-left:0!important}
nav.tabs.sidebar .p-nav-mod .tb-ico{width:21px!important;height:21px!important;flex:0 0 21px!important}
nav.tabs.sidebar .sb-scroll{overscroll-behavior:contain;scrollbar-width:thin}
nav.tabs.sidebar .sb-section-title{margin:12px 12px 8px!important}
nav.tabs.sidebar .p-nav-extra{padding-top:5px!important;padding-bottom:5px!important}
nav.tabs.sidebar .p-nav-mini{padding-top:8px!important;padding-bottom:8px!important;min-height:33px!important}
nav.tabs.sidebar .p-nav-foot{padding-top:10px!important;padding-bottom:10px!important}







#panel-home .home-launcher{margin:24px 0!important}
#panel-home .home-dashboard{grid-template-columns:1fr!important}
#panel-home .home-dashboard-main:empty{display:none}
#panel-home .home-dashboard-side{display:none!important}
.directory-home{padding:0!important;margin:0!important;scroll-margin-top:90px}
.directory-home .hv-sec-head{align-items:center!important;margin-bottom:18px!important}
.directory-home .hv-sec-head h3{font-size:26px!important;line-height:1.4!important;margin:4px 0!important}
.directory-home .hv-sec-head p{font-size:13px!important;color:var(--directory-muted)!important;line-height:1.7!important}
.directory-kicker{font-size:12px;color:var(--directory-gold);letter-spacing:2px}
.directory-build{border:1px solid var(--directory-line);padding:6px 10px;border-radius:6px;color:var(--directory-muted);font-size:11px;white-space:nowrap}
#panel-home .directory-home .hv-cats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
#panel-home .directory-home .directory-category{all:unset;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;min-height:163px;cursor:pointer;background:#161916;border:1px solid var(--directory-line);border-radius:12px;padding:18px 20px;color:#ecece6;transition:border-color .18s,background .18s}
#panel-home .directory-home .directory-category:hover{background:#1e221c;border-color:#8b7b4c}
.directory-category-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.directory-category-top svg{width:23px;height:23px;color:var(--directory-gold)}
.directory-category-top small{font-size:11px;letter-spacing:1px;color:#777d70}
.directory-category>strong{font-size:18px;line-height:1.4;font-weight:650}
.directory-category>span:not(.directory-category-top){font-size:12px;color:var(--directory-muted);margin-top:6px;line-height:1.5}
.directory-category>div{display:flex;justify-content:space-between;margin-top:auto;padding-top:15px;align-items:center;color:#bba875}
.directory-category>div small{font-size:11px}
.directory-category>div svg{width:15px;height:15px}
.directory-default-line{margin:15px 0 0!important;font-size:12px!important;line-height:1.8;color:var(--directory-muted)!important}
#panel-module .directory-module{max-width:1440px;padding:0!important;margin:0 auto!important}
.directory-module .ms-breadcrumb{font-size:12px!important;margin-bottom:17px!important}
.directory-module .ms-breadcrumb button{border:0;background:none;color:var(--directory-muted);padding:0;cursor:pointer;font:inherit}
.directory-module-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.directory-module-head h2{font-size:32px!important;line-height:1.4!important;margin:0 0 7px!important;color:#f0ede3!important}
.directory-module-head p{margin:0;color:var(--directory-muted);font-size:14px;line-height:1.8}
.directory-module-head>span{font-size:12px;color:#b9ac8b;white-space:nowrap;border:1px solid var(--directory-line);padding:7px 11px;border-radius:6px}
.directory-module-note{padding:12px 16px;border-left:3px solid #b6a06b;background:rgba(202,183,126,.055);color:#c7bea3;font-size:12px;line-height:1.8;border-radius:0 6px 6px 0;margin-bottom:26px}
.directory-tool-section{margin-bottom:25px}
.directory-tool-section>h3{font-size:15px;line-height:1.5;color:#dddccd;font-weight:600;margin:0 0 12px;display:flex;align-items:center;gap:12px}
.directory-tool-section>h3:after{content:'';height:1px;background:var(--directory-line);flex:1}
#panel-module .directory-module .directory-tools-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
#panel-module .directory-module .directory-tool{appearance:none;display:flex!important;flex-direction:column!important;position:relative!important;min-height:188px!important;height:auto!important;grid-column:auto!important;grid-row:auto!important;transform:none!important;padding:18px!important;background:#171a17!important;border:1px solid rgba(228,219,190,.11)!important;border-radius:11px!important;color:#e7e7df;text-align:left!important;cursor:pointer;overflow:visible!important;font-family:inherit}
#panel-module .directory-module .directory-tool:hover{background:#20231d!important;border-color:#9d8955!important;box-shadow:none!important}
.directory-tool:before,.directory-tool:after{display:none!important}
.directory-tool-heading{display:flex;align-items:center;gap:11px;width:100%}
.directory-tool-heading>.mc-ico{width:35px!important;height:35px!important;border-radius:8px!important;flex:0 0 35px!important;color:var(--directory-gold)!important}
.directory-tool-heading>.mc-ico svg{width:20px!important;height:20px!important}
.directory-tool-heading strong{font-size:16px;line-height:1.5;display:block}
.directory-tool-heading small{font-size:10px;color:#cbb779;display:block;margin-top:1px}
.directory-tool-arrow{margin-left:auto;color:#a39a7b;font-size:17px}
.directory-tool-desc{display:block;font-size:12px;line-height:1.8;color:#b1b5a8;margin:12px 0 14px;flex:1}
.directory-tool-advice{font-size:12px;line-height:1.8;color:#d9c589;display:block}
.directory-tool-limit{display:block;font-size:11px;line-height:1.6;color:#9b9f93;margin-top:3px}
.directory-runtime-note{font-size:12px;line-height:1.8;color:#93988c;border-top:1px solid var(--directory-line);padding-top:16px;margin:15px 0 25px}
.duration-guide{clear:both;border:1px solid rgba(213,192,130,.23);border-left:3px solid #c2aa68;border-radius:8px;padding:16px 18px;background:#1b1e18;margin:18px 0 22px;color:#dce0d2;font-weight:400;font-size:13px}
.duration-guide-title{display:flex;align-items:baseline;gap:9px 20px;flex-wrap:wrap}
.duration-guide-title strong{font-size:17px;color:#efddb1;line-height:1.5}
.duration-guide-title>span{font-size:12px;color:#c8c8b7;line-height:1.7}
.duration-guide-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.duration-guide-chips span{border:1px solid #4b4d3d;border-radius:5px;padding:3px 8px;color:#cbcbb8;font-size:11px;line-height:1.7}
.duration-guide .duration-guide-detail{font-size:13px!important;line-height:1.8!important;color:#bbbeb0!important;margin:10px 0 0!important;max-width:100%!important}
.duration-current-warning:not([hidden]){display:block;color:#f1cf9c!important;border-top:1px solid #5a4d32;font-size:12px!important;line-height:1.8!important;margin:12px 0 0!important;padding-top:10px}
.duration-current-warning[hidden]{display:none!important}
.duration-guide-source{margin-top:9px;color:#929d8a;font-size:11px;line-height:1.7}
.duration-guide-source>summary{cursor:pointer;width:fit-content;padding:2px 0}
.duration-guide-source>p{font-size:11px!important;line-height:1.8!important;color:#a1aa96!important;margin:6px 0 0!important}
.directory-category:focus-visible,.directory-tool:focus-visible,.duration-guide-source>summary:focus-visible{outline:2px solid #e8cb80!important;outline-offset:3px!important}
@media(max-width:1200px){#panel-module .directory-module .directory-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#panel-home .directory-home .hv-cats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-height:850px) and (min-width:861px){nav.tabs.sidebar .p-nav-mod{min-height:50px!important;padding:7px 12px!important}nav.tabs.sidebar .p-nav-mod .pn-copy small{font-size:10px!important}nav.tabs.sidebar .p-nav-home{min-height:36px!important;margin-bottom:0!important}.studio-shortcuts.studio-favorites{margin-top:8px!important}}
@media(max-width:680px){#panel-module .directory-module .directory-tools-grid{grid-template-columns:minmax(0,1fr)!important}.directory-module-head h2{font-size:26px!important}.directory-module-head{gap:8px}.directory-home .hv-sec-head{align-items:flex-start!important}.directory-build{display:none}.directory-home .hv-sec-head h3{font-size:23px!important}#panel-home .directory-home .directory-category{padding:15px;min-height:156px}.directory-category>strong{font-size:16px}.duration-guide{padding:13px}.duration-guide-title strong{font-size:15px}.directory-tool-section{margin-bottom:20px}}
.directory-cover-spotlight{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border:1px solid #6b5d36;background:linear-gradient(115deg,#29291f,#181d18);border-radius:12px;margin:0 0 18px}.directory-cover-spotlight strong{display:block;font-size:20px;color:#f1e4bc;margin:7px 0}.directory-cover-spotlight p{font-size:12px;color:#b9baac;margin:0;line-height:1.8}.directory-cover-actions{display:flex;flex-direction:column;gap:8px;flex:0 0 auto}.directory-cover-actions .hv-chip{padding:11px 14px!important;border:1px solid #9e8a52!important;border-radius:7px!important;background:#d6c18a!important;color:#24251c!important;font-size:13px!important;cursor:pointer}.directory-cover-actions .hv-chip:last-child{background:transparent!important;color:#e0cea0!important}.platform-cover-heading>span{color:#c3aa70;font-size:12px}.platform-cover-heading h2{font-size:27px!important;margin:10px 0!important}.platform-cover-heading p{color:#b0b5a6;line-height:1.8;margin-bottom:22px}.platform-cover-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:30px}.platform-cover-input{min-width:0}.platform-cover-input>.field-label{margin-top:18px}.platform-cover-image:not([hidden]){display:flex;gap:12px;align-items:center;padding:10px;border:1px solid #45493e;border-radius:8px;margin-top:10px}.platform-cover-image img{width:88px;height:96px;object-fit:contain;border-radius:5px}.platform-cover-image>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}.platform-cover-image span{word-break:break-all;font-size:12px}.platform-cover-output{background:#151a15;border:1px solid #343d31;padding:18px;border-radius:10px;align-self:start}.platform-cover-output-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.platform-cover-output-head span{font-size:11px;color:#a8b09d}.platform-cover-output .result-box{min-height:280px!important;border-radius:8px!important;background:#0e130f!important}.platform-cover-guide{padding-top:20px;font-size:12px;color:#aeb7a3;line-height:1.9}.platform-cover-guide strong{color:#d1c394;font-size:13px}.platform-cover-guide ol{padding-left:19px;margin:10px 0 0}.platform-cover-status{font-size:12px;line-height:1.8;color:#b8c59b;margin-top:15px}.platform-cover-status.is-error{color:#ffb98f}.platform-cover-input .field-row{flex-wrap:wrap}.platform-cover-input .field-grow{min-width:130px}.platform-cover-image[hidden]{display:none!important}@media(max-width:900px){.platform-cover-grid{grid-template-columns:1fr}.directory-cover-spotlight{align-items:flex-start;flex-direction:column}.directory-cover-actions{flex-direction:row;flex-wrap:wrap}.directory-cover-spotlight strong{font-size:18px}}.quota-group-title[hidden]{display:none!important}
#panel-home .directory-home .directory-category{text-align:left!important;align-items:stretch!important;justify-content:flex-start!important;grid-column:auto!important;grid-row:auto!important;gap:0!important}#panel-home .directory-home .directory-category .directory-category-top{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin:0 0 14px!important;gap:0!important}#panel-home .directory-home .directory-category>strong{display:block!important;font-size:18px!important;text-align:left!important;margin:0!important}#panel-home .directory-home .directory-category>span:not(.directory-category-top){display:block!important;margin-top:6px!important;font-size:12px!important;text-align:left!important}#panel-home .directory-home .directory-category>div{display:flex!important;justify-content:space-between!important;width:100%!important;margin-top:auto!important;padding-top:14px!important}#panel-home .directory-cover-actions button.hv-chip{font-size:13px!important;padding:12px 15px!important;min-height:42px!important;background:#d6c18a!important;color:#24251c!important}#panel-home .directory-cover-actions button.hv-chip:last-child{background:transparent!important;color:#e0cea0!important}#panel-module .directory-module .directory-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;max-width:none!important}#panel-module.active .directory-module .directory-tool{animation:none!important;opacity:1!important;visibility:visible!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;max-width:none!important}#panel-module .directory-module-head h2{font-size:32px!important;font-weight:650!important;letter-spacing:0!important;color:#f0ede3!important}@media(max-width:1200px){#panel-module .directory-module .directory-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:680px){#panel-module .directory-module .directory-tools-grid{grid-template-columns:1fr!important}}
