:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#20312d;background:#f3f5f4;font-size:14px;line-height:1.55;--green:#146c53;--green-dark:#0e5842;--line:#dce4df;--line-strong:#cbd7d0;--muted:#75827c;--surface:#fff;--soft:#f5f8f6;--danger:#a64430}
*{box-sizing:border-box}body{margin:0}.shell{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100vh}
aside{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;height:100vh;padding:30px 22px;background:#153b30;color:#eaf5ee;overflow-y:auto}.brand{font-size:23px;font-weight:800;letter-spacing:3px}.brand span{display:block;margin-top:4px;color:#b0cbbc;font-size:12px;font-weight:400;letter-spacing:1px}nav{display:grid;gap:7px;margin-top:42px}nav button{min-height:42px;padding:10px 14px;border:0;border-radius:5px;background:transparent;color:#c1d5c9;text-align:left;font:inherit;font-weight:600;cursor:pointer}nav button:hover{background:#234b3f;color:#fff}nav .selected{background:#e2f0e8;color:#174c39}.aside-note{margin:54px 0 24px;color:#91b0a0;font-size:12px}.sidebar-session{margin-top:auto;padding-top:20px;border-top:1px solid #34574b}.sidebar-session #identity{display:block;margin-bottom:10px;color:#c1d5c9;font-size:13px;overflow-wrap:anywhere}.actions{display:flex;align-items:center;gap:8px}.sidebar-session .actions{flex-wrap:nowrap}.sidebar-session button{flex:1;padding:8px 10px}
main{width:100%;max-width:1460px;margin:0 auto;padding:28px 40px 44px}h2{margin:0;font-size:17px;line-height:1.3}p{margin:8px 0}button{min-height:38px;padding:8px 15px;border:0;border-radius:5px;background:var(--green);color:#fff;font:inherit;font-weight:650;cursor:pointer}button:hover{background:var(--green-dark)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#eaf0ec;color:#345b4b}.secondary:hover{background:#dce8e1}.danger{background:#fbeae6;color:var(--danger)}
input,select,textarea{display:block;width:100%;min-width:0;padding:9px 11px;border:1px solid var(--line-strong);border-radius:5px;background:#fff;color:#20312d;font:inherit}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#72aa93}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #72aa93;outline-offset:2px}label{display:block;font-size:13px;font-weight:550}label input,label select,label textarea{margin-top:5px}
#notice{margin-bottom:16px;padding:11px 14px;border:1px solid #cde0d5;border-radius:5px;background:#e5f3eb;color:#226c46;overflow-wrap:anywhere}#notice.error{border-color:#efd0c7;background:#fbeae6;color:var(--danger)}
.panel{min-width:0;margin-bottom:16px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.login-panel{max-width:460px;margin:70px auto;padding:28px}.login-panel h2{margin-bottom:18px}#login form{display:grid;gap:14px}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px;border:1px solid var(--line);border-radius:7px;background:#fff}.metrics>div{min-width:0;padding:15px 20px;border-right:1px solid var(--line)}.metrics>div:last-child{border-right:0}.metrics span{color:var(--muted);font-size:12px}.metrics strong{display:block;margin-top:2px;font-size:24px;font-weight:720;line-height:1.2}
.apps-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(460px,1.22fr);gap:16px;align-items:start}.apps-grid>.panel{padding:22px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #e8eeea}.section-heading>div{display:flex;align-items:center;gap:9px}.section-heading p{margin:1px 0 0;color:var(--muted);font-size:12px;text-align:right}.section-index{color:#8ca098;font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace}.upload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.upload button{white-space:nowrap}progress{display:block;width:100%;height:8px;margin-top:12px;border:0;accent-color:var(--green)}.editor{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wide{grid-column:1/-1}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}.editor button{justify-self:end}.muted{color:var(--muted);font-size:12px}.catalog-panel,.file-panel{padding:22px}.catalog-panel>.list{margin-top:0}
.list{display:grid;gap:10px;margin-top:16px}.item{min-width:0;padding:15px 16px;border:1px solid var(--line);border-radius:6px;background:#fff}.item-top{display:flex;justify-content:space-between;gap:16px}.item h3{margin:0;font-size:15px;overflow-wrap:anywhere}.item p{overflow-wrap:anywhere}.badge{display:inline-block;padding:3px 9px;border-radius:999px;background:#e5f3eb;color:#226c46;font-size:11px;white-space:nowrap}.badge.off{background:#fff0d7;color:#8b611a}.item .actions{margin-top:11px;flex-wrap:wrap}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.facts div{min-width:0}.facts dt{color:var(--muted);font-size:11px}.facts dd{margin:2px 0 0;overflow-wrap:anywhere}details summary{cursor:pointer;font-weight:650}.file-panel[open] summary{padding-bottom:14px;border-bottom:1px solid #e8eeea}details .facts{padding-top:12px;border-top:1px solid var(--line)}
.devices-panel{overflow:hidden}.device-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--line);background:#fafcfb}.search-form{display:flex;flex:1;gap:10px;max-width:720px}.search-form input{flex:1}.device-toolbar .muted{margin:0;text-align:right}.device-list{margin:0;padding:16px}.data-table{max-height:360px;margin-top:12px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:8px;border-bottom:1px solid var(--line);text-align:left;overflow-wrap:anywhere}th{background:#f3f7f4}
#entry-frame{display:block;width:100%;min-height:560px;border:0;background:transparent}#entry-status{padding:18px;color:var(--muted)}[hidden]{display:none!important}
@media(max-width:1100px){.apps-grid{grid-template-columns:1fr}.apps-grid>.panel{padding:20px}}
@media(max-width:980px){.shell{grid-template-columns:170px minmax(0,1fr)}aside{padding:25px 14px}main{padding:24px}.metrics>div{padding:14px}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.shell{display:block}aside{position:static;display:block;height:auto;padding:14px 18px}.brand{font-size:16px}.brand span{display:none}nav{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}nav button{min-height:34px;padding:6px 10px}.aside-note{display:none}.sidebar-session{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px}.sidebar-session #identity{margin:0}.sidebar-session .actions{gap:8px}main{padding:14px 12px 28px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics>div:nth-child(2){border-right:0}.metrics>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.metrics strong{font-size:21px}.apps-grid>.panel,.catalog-panel,.file-panel{padding:17px}.section-heading{display:block}.section-heading p{margin-top:4px;text-align:left}.upload,.editor{grid-template-columns:1fr}.wide{grid-column:auto}.upload button,.editor button{width:100%;justify-self:stretch}.item-top{flex-direction:column;gap:8px}.facts{grid-template-columns:1fr}.device-toolbar{display:block;padding:15px}.search-form{display:grid;grid-template-columns:minmax(0,1fr) auto}.device-toolbar .muted{margin-top:10px;text-align:left}.device-list{padding:12px}.actions button{font-size:12px}}

@media(min-width:1101px){.apps-grid{grid-template-rows:auto 1fr;margin-bottom:16px}.apps-grid>.panel{margin:0}.upload-panel{grid-column:1;grid-row:1}.publish-panel{grid-column:2;grid-row:1/3}.catalog-panel{grid-column:1;grid-row:2}}
nav button.selected:hover{background:#e2f0e8;color:#174c39}nav[aria-disabled="true"] button{opacity:.48;cursor:default}nav[aria-disabled="true"] button:hover{background:transparent;color:#c1d5c9}nav[aria-disabled="true"] button.selected,nav[aria-disabled="true"] button.selected:hover{background:#234b3f;color:#c1d5c9}.login-context{margin:-6px 0 18px;color:var(--muted);font-size:13px}.login-context.expired{padding:10px 12px;border:1px solid #efd0c7;border-radius:5px;background:#fff4f0;color:var(--danger)}.item-top>.badge{align-self:flex-start}
/* Commercial catalog workspace */
:root{background:#f5f7fa;color:#26332f;--line:#e6eae8;--muted:#85908b;--green:#168365;--green-dark:#106a51}main{max-width:1660px;padding:28px 32px 40px}.metrics{border-radius:10px;margin-bottom:22px;box-shadow:0 2px 5px #19372c03}.metrics>div{padding:18px 22px}.metrics strong{font-size:28px;font-variant-numeric:tabular-nums;margin-top:7px;letter-spacing:-.8px}.metrics span{font-size:12px}.catalog-workspace{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 3px 12px #18392c03;overflow:hidden}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 24px 18px}.catalog-heading{display:flex;align-items:center;gap:10px}.catalog-heading h2{font-size:17px;font-weight:700}.total-pill{font-size:12px;font-weight:650;color:#75857d;background:#f1f5f3;padding:2px 9px;border-radius:5px}.catalog-toolbar button{min-height:36px;padding:8px 15px;font-size:13px;border-radius:6px}.catalog-toolbar .secondary{border:1px solid #dde5e0;background:#fff;color:#53665b}.catalog-filters{display:flex;align-items:center;gap:12px;padding:0 24px 20px}.search-box{display:flex;align-items:center;gap:9px;width:330px;max-width:45%;padding:0 12px;border:1px solid #dfe6e1;border-radius:6px;background:#fafcfb}.search-box>span{font-size:23px;color:#819188;line-height:1}.search-box input{padding:8px 0;margin:0;background:transparent;border:0;outline-offset:5px;font-size:13px;height:36px}.catalog-filters>select{width:140px;height:38px;font-size:13px;border-color:#dfe6e1;padding:7px 10px}.text-button{padding:5px 7px;min-height:30px;border:0;background:transparent;color:var(--green);font-size:12px;font-weight:600}.text-button:hover{background:#eef7f3;color:#116748}.muted-button{color:#6d7b73}.danger-text{color:#a66d63}.danger-text:hover{color:#b64434;background:#fff3f0}.catalog-table{table-layout:fixed;width:100%;font-size:13px}.catalog-table th{padding:12px 20px;border-top:1px solid #eef1ef;border-bottom:1px solid #e8eeea;background:#f8faf9;color:#87928b;font-size:12px;font-weight:500}.catalog-table th:nth-child(1){width:31%}.catalog-table th:nth-child(2){width:16%}.catalog-table th:nth-child(3){width:17%}.catalog-table th:nth-child(4){width:10%}.catalog-table th:nth-child(5){width:10%}.catalog-table th:nth-child(6){width:16%}.catalog-table td{padding:14px 20px;border-bottom:1px solid #edf1ee;vertical-align:middle;overflow-wrap:anywhere}.catalog-table tbody tr:last-child td{border-bottom:0}.catalog-table tbody tr:hover{background:#fbfdfc}.app-identity{display:flex;gap:12px;align-items:center;min-width:0}.app-icon{display:grid;place-items:center;position:relative;flex:0 0 44px;width:44px;height:44px;background:transparent}.app-icon img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0;opacity:0}.app-icon.has-icon img{opacity:1}.app-icon-fallback{position:absolute;width:25px;height:25px;border:1.5px solid #c5cfca;border-radius:6px;background:linear-gradient(90deg,transparent 46%,#d9e0dc 46%,#d9e0dc 54%,transparent 54%),linear-gradient(transparent 46%,#d9e0dc 46%,#d9e0dc 54%,transparent 54%);background-size:14px 14px;background-position:center;background-repeat:no-repeat}.app-title{min-width:0}.app-title strong{display:block;font-size:13px;font-weight:650;line-height:1.5}.app-title>span{display:block;color:#96a19a;font-size:11px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.version-cell{color:#6d7b73;font-size:12px;line-height:1.5}.size-cell{color:#6d7b73;white-space:nowrap;font-size:12px}.category-tags{display:flex;gap:5px;flex-wrap:wrap}.category-tags span{background:#f2f5f3;color:#6c7e72;font-size:11px;line-height:1.4;padding:3px 7px;border-radius:4px;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;padding:4px 8px;border-radius:5px;white-space:nowrap}.badge::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.catalog-table .row-actions{padding-left:5px;padding-right:14px;white-space:nowrap;text-align:right}.align-right{text-align:right}.catalog-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-top:1px solid var(--line);color:#89948e;font-size:12px}.catalog-pagination select{width:106px;height:32px;padding:4px 8px;font-size:12px;border-color:#e2e9e4}.catalog-pagination button{min-height:30px;width:30px;padding:0;border:1px solid #e2e9e4;background:white;font-size:20px;color:#648372}.catalog-pagination button:disabled{opacity:.35;cursor:default}#page-label{min-width:40px;text-align:center;font-variant-numeric:tabular-nums}.empty-state{text-align:center;padding:65px 20px;color:#95a29a}.empty-symbol{font-size:38px}.empty-state h3{font-size:15px;font-weight:600;color:#667e6f;margin:7px 0}.empty-state p{font-size:12px}
dialog{color:#26332f}dialog::backdrop{background:#102e2352;backdrop-filter:blur(2px)}.side-panel{position:fixed;inset:0 0 0 auto;margin:0;width:520px;max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-left:1px solid #e4ebe5;background:#fff;box-shadow:-12px 0 60px #132e2320}.side-panel[open]{display:flex;flex-direction:column}.center-dialog{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(920px,calc(100vw - 48px));max-width:920px;height:min(820px,calc(100dvh - 64px));max-height:calc(100dvh - 64px);margin:0;padding:0;border:1px solid #dce7df;border-radius:14px;background:#fff;box-shadow:0 24px 90px #102d2340;overflow:hidden}.center-dialog[open]{display:flex;flex-direction:column}.center-dialog .drawer-heading{padding:20px 26px;background:#fbfdfc}.center-dialog .drawer-content{padding:24px 28px 30px}.center-dialog .drawer-heading h2{font-size:21px}.center-dialog .drawer-content{scrollbar-gutter:stable}.drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 26px;border-bottom:1px solid var(--line);flex-shrink:0}.drawer-heading h2{font-size:20px;margin-top:4px}.drawer-eyebrow{font-size:11px;color:#96a29a}.icon-button{padding:0;width:32px;min-height:32px;background:#f3f6f4;color:#6d8073;font-size:23px;font-weight:400}.icon-button:hover{background:#e6eee8;color:#365a45}.drawer-content{padding:24px 26px;overflow:auto;flex:1}.editor{gap:20px}.editor input,.editor select,.editor textarea{font-size:13px;border-color:#dce6df;border-radius:6px}.editor>label{font-size:12px;color:#65786c}.package-caption{margin-top:-13px;font-size:11px;color:#9ba69f;overflow-wrap:anywhere}.category-field{padding:0;margin:0;border:0;min-width:0}.category-field legend{font-size:12px;font-weight:550;color:#65786c;margin-bottom:10px}.category-field legend span{color:#a0aaa4;font-size:11px;font-weight:400;margin-left:6px}.category-chips{display:flex;flex-wrap:wrap;gap:8px}.category-chip{padding:6px 12px;min-height:33px;border:1px solid #e2e9e4;background:#fff;border-radius:6px;color:#819087;font-size:12px;font-weight:500}.category-chip:hover{background:#f5f9f6;color:#367957}.category-chip[aria-pressed="true"]{background:#edf7f1;color:#188257;border-color:#a7d6bc}.publish-switch{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f7faf8;border-radius:8px}.publish-switch strong{display:block;font-size:13px;font-weight:600;color:#3b5142}.publish-switch small{display:block;font-size:11px;color:#93a097;margin-top:3px}.publish-switch input{appearance:none;flex-shrink:0;width:36px;height:21px;padding:2px;margin:0;border:0;border-radius:20px;background:#c6d1ca;cursor:pointer}.publish-switch input::before{content:'';display:block;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .15s}.publish-switch input:checked{background:var(--green)}.publish-switch input:checked::before{transform:translateX(15px)}.drawer-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:8px}.drawer-footer button{font-size:13px}.upload-drop{display:flex;flex-direction:column;align-items:center;gap:10px;padding:35px 18px;border:1px dashed #bcd3c5;background:#f8fbf9;border-radius:10px;color:#82998b;text-align:center}.upload-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e9f2ec;color:#548a6a;font-size:28px}.upload-drop strong{font-size:15px;color:#42634f}.upload-drop>span:not(.upload-symbol){font-size:12px}.upload-drop input{font-size:12px;background:transparent;border:0;padding:12px 0 0;max-width:300px}.upload-drop input::file-selector-button{border:1px solid #d4e3d9;border-radius:5px;padding:7px 10px;background:white;color:#577b64;margin-right:10px}.full-width{width:100%;margin-top:18px}.files-dialog{width:760px;max-width:94vw;max-height:85dvh;padding:0;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 70px #102d2330}.files-dialog[open]{display:flex;flex-direction:column}.file-library{padding:18px 24px;overflow:auto}.file-library .item{margin-bottom:10px}.file-library .item h3{font-size:13px}.file-library .actions button{font-size:12px}#dialog-notice{padding:10px 13px;margin-bottom:16px;font-size:12px;border-radius:6px;background:#edf7f1;color:#247849}#dialog-notice.error{background:#fff0eb;color:#a54c37}
@media(max-width:1150px) and (min-width:681px){main{padding:24px 18px}.catalog-table th,.catalog-table td{padding-left:12px;padding-right:12px}.catalog-table th:nth-child(2),.catalog-table .version-cell{display:none}.catalog-table th:nth-child(1){width:36%}.catalog-table th:nth-child(3){width:20%}.catalog-table th:nth-child(6){width:24%}.app-icon{flex-basis:38px;width:38px;height:38px}.app-identity{gap:8px}}
@media(max-width:680px){main{padding:14px 12px 24px}.metrics{margin-bottom:14px}.metrics>div{padding:13px 16px}.metrics strong{font-size:23px}.catalog-toolbar{padding:18px 14px 14px;gap:10px}.catalog-heading h2{font-size:15px}.catalog-toolbar .actions{gap:6px}.catalog-toolbar button{padding:7px 10px;font-size:12px}.catalog-filters{padding:0 14px 16px;display:grid;grid-template-columns:1fr 1fr 42px;gap:8px}.search-box{width:100%;max-width:none;grid-column:1/-1}.catalog-filters>select{width:100%;font-size:12px}.catalog-filters .text-button{padding:0}.catalog-table,.catalog-table tbody{display:block}.catalog-table thead{display:none}.catalog-table tr{display:grid;grid-template-columns:1fr auto;gap:9px 12px;padding:16px 14px;border-top:1px solid var(--line)}.catalog-table td{display:block;padding:0;border:0}.catalog-table td:first-child{grid-column:1/-1}.catalog-table .version-cell{grid-column:1/-1;font-size:11px}.catalog-table td[data-label]::before{content:attr(data-label) ' ';font-size:11px;color:#9ba69f;margin-right:5px}.catalog-table .categories-cell{display:flex;align-items:center;grid-column:1/-1}.catalog-table .size-cell{grid-column:1;font-size:11px}.catalog-table td:nth-child(5){grid-column:2;grid-row:4;text-align:right}.catalog-table .row-actions{grid-column:1/-1;text-align:right;padding:5px 0 0;border-top:1px solid #f0f3f1}.app-title>span{max-width:275px}.catalog-pagination{padding:14px;align-items:flex-start;flex-direction:column;gap:12px}.catalog-pagination .actions{width:100%;justify-content:flex-end}.catalog-pagination>span{font-size:11px}.side-panel{width:100%}.center-dialog{width:calc(100vw - 20px);height:calc(100dvh - 28px);max-height:calc(100dvh - 28px);border-radius:12px}.center-dialog .drawer-heading{padding:17px 18px}.center-dialog .drawer-content{padding:18px 16px 24px}.drawer-heading{padding:19px 20px}.drawer-content{padding:20px}.files-dialog{max-width:96vw}.file-library{padding:14px}.total-pill{font-size:11px;padding:2px 6px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* The diagnostic detail view is a wide, centered work surface. The generic
   heartbeat rule is intentionally narrower, so keep this selector specific. */
.center-dialog.heartbeat-dialog{width:min(1180px,calc(100vw - 56px));max-width:1180px}
@media(max-width:680px){.center-dialog.heartbeat-dialog{width:calc(100vw - 20px);max-width:none}}

body:has(dialog[open]){overflow:hidden}#files-notice{margin:14px 24px 0;padding:10px 13px;font-size:12px;border-radius:6px;background:#edf7f1;color:#247849}#files-notice.error{background:#fff0eb;color:#a54c37}
.upload-results{list-style:none;margin:14px 0 0;padding:0;max-height:min(38vh,360px);overflow:auto;border:1px solid var(--line);border-radius:7px}.upload-results:empty{display:none}.upload-result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:12px}.upload-result:last-child{border-bottom:0}.upload-result-main{min-width:0}.upload-result-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.upload-result-main small{display:block;margin-top:2px;color:var(--muted)}.upload-result-state{white-space:nowrap;color:#69796f}.upload-result.success .upload-result-state{color:#168365}.upload-result.error .upload-result-state,.upload-result.uncertain .upload-result-state{color:#a54c37}.upload-result-message{grid-column:1/-1;margin:2px 0 0;color:#a54c37;overflow-wrap:anywhere}.upload-result .text-button{grid-column:1/-1;justify-self:start}.upload-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.upload-actions button{min-height:34px;padding:6px 10px;font-size:12px}#progress{display:block;width:100%;height:8px;margin-top:15px;accent-color:var(--green)}#progress[hidden]{display:none}#upload-status{margin:8px 0 0;font-size:12px}
.catalog-toolbar .actions{flex-wrap:wrap;justify-content:flex-end}.wallpaper-content{padding:20px 24px;overflow:auto}.wallpaper-upload{display:flex;align-items:end;gap:12px}.wallpaper-upload label{flex:1;min-width:0}.wallpaper-upload button{flex:none}.wallpaper-list{margin-top:18px;border-top:1px solid var(--line)}.wallpaper-row{display:flex;align-items:center;gap:14px;min-height:94px;padding:12px 0;border-bottom:1px solid var(--line)}.wallpaper-row img{display:block;flex:0 0 120px;width:120px;height:68px;object-fit:cover;border-radius:5px;background:var(--soft)}.wallpaper-detail{flex:1;min-width:0}.wallpaper-detail strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.wallpaper-detail span{display:block;color:var(--muted);font-size:12px}.wallpaper-empty{padding:22px 0;color:var(--muted)}#wallpaper-notice{margin-top:14px;padding:10px 12px;border-radius:5px;background:#e5f3eb;color:#226c46}#wallpaper-notice.error{background:#fbeae6;color:var(--danger)}
@media(max-width:680px){.wallpaper-content{padding:16px}.wallpaper-upload{align-items:stretch;flex-direction:column}.wallpaper-row{gap:10px}.wallpaper-row img{flex-basis:96px;width:96px;height:60px}.wallpaper-row .text-button{flex:none}}
.editor .category-chip{width:auto;flex:0 0 auto}.editor .drawer-footer button{width:auto}
.shell.auth-only{display:block;min-height:100vh}.shell.auth-only main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:100vh;max-width:none;padding:32px 20px}.shell.auth-only #notice{width:min(100%,440px)}.login-panel{width:min(100%,440px)}.shell.auth-only .login-panel{margin:0;padding:30px}.login-brand{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.login-brand strong{font-size:24px;font-weight:800;color:#174c39}.login-brand span{color:var(--muted);font-size:12px}.shell.auth-only .login-panel h2{font-size:16px}@media(max-width:680px){.shell.auth-only main{min-height:100vh;padding:20px 12px}.shell.auth-only .login-panel{padding:24px 20px}.login-brand{margin-bottom:20px;padding-bottom:17px}.login-brand strong{font-size:21px}}