:root{color:#17202b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{color:#101621;letter-spacing:0;margin-bottom:0;font-size:2rem;line-height:1.12}h2{color:#101621;letter-spacing:0;margin-bottom:0;font-size:1.05rem}p{color:#5e6876;line-height:1.55}.admin-shell{background:#f3f5f7;min-height:100vh}.admin-sidebar{color:#fff;background:#111820;border-right:1px solid #202a36;flex-direction:column;gap:18px;min-width:0;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.admin-brand{background:#182230;border:1px solid #ffffff1f;border-radius:8px;align-content:center;min-height:58px;padding:11px 12px;display:grid}.admin-brand strong{color:#fff;font-size:.96rem}.admin-brand span{color:#8fb6e8;letter-spacing:0;text-transform:uppercase;font-size:.76rem;font-weight:700}.admin-nav{gap:6px;display:grid}.admin-nav-link,.webapp-nav-link{color:#d8dee8;border-radius:8px;align-items:center;min-height:40px;padding:10px 12px;font-weight:700;display:flex}.admin-nav-link:hover,.webapp-nav-link:hover{background:#1b2634}.admin-nav-link[aria-current=page],.webapp-nav-link[aria-current=page]{color:#10243d;background:#e9f1ff}.webapp-nav-link{color:#394658}.webapp-nav-link:hover{background:#edf2e9}.webapp-nav-link[aria-current=page]{color:#173d28;background:#dcebdd}.runtime-meter{gap:10px;margin:auto 0 0;display:grid}.runtime-meter div{background:#182230;border:1px solid #ffffff1f;border-radius:8px;min-width:0;padding:10px 12px}.runtime-meter dt{color:#8c96a5;letter-spacing:0;text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:800}.runtime-meter dd{color:#fff;overflow-wrap:anywhere;margin:0;font-size:.84rem}.admin-workspace{width:min(100%,1040px);min-width:0;margin:0 auto;padding:28px}.admin-auth-shell{place-items:center;padding:24px;display:grid}.admin-auth-workspace{width:min(100%,380px)}.admin-login-form{background:#fff;border:1px solid #dce2ea;border-radius:8px;gap:16px;min-width:0;padding:22px;display:grid;box-shadow:0 10px 26px #141f2b0f}.admin-login-header{gap:6px;display:grid}.admin-session-bar{background:#fff;border:1px solid #dce2ea;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-bottom:16px;padding:10px 12px;display:flex;box-shadow:0 8px 18px #141f2b09}.admin-session-bar span{color:#5f6b7a;font-size:.84rem;font-weight:800}.admin-templates-home{background:#f6f7f4;align-content:start;gap:18px;min-height:100vh;padding:24px;display:grid}.admin-templates-toolbar{justify-content:flex-start;display:flex}.admin-template-card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.admin-template-card{background:#fff;border:1px solid #dfe3dc;border-radius:8px;align-content:start;gap:12px;min-width:0;padding:10px;display:grid;box-shadow:0 10px 28px #10141b0a}.admin-template-card-link{gap:10px;min-width:0;display:grid}.admin-template-card-link:focus-visible{outline-offset:3px;outline:2px solid #8bb89a}.admin-template-card-media{aspect-ratio:4/3;background:#eef1ed;border:1px solid #dfe3dc;border-radius:8px;width:100%;display:grid;overflow:hidden}.admin-template-card-body{gap:4px;min-width:0;display:grid}.admin-template-card-body strong{color:#18212f;overflow-wrap:anywhere}.admin-template-card-body span{color:#647184;overflow-wrap:anywhere;font-size:.9rem;line-height:1.35}.workspace-stack,.webapp-stack{gap:20px;width:100%;display:grid}.admin-overview-header{align-items:center}.admin-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.admin-summary-grid div{background:#fff;border:1px solid #dce2ea;border-radius:8px;gap:6px;min-width:0;padding:14px 16px;display:grid;box-shadow:0 10px 26px #141f2b0a}.admin-summary-grid span{color:#677383;letter-spacing:0;text-transform:uppercase;font-size:.76rem;font-weight:800}.admin-summary-grid strong{color:#101621;font-size:1.55rem;line-height:1}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;display:flex}.detail-page-header h1{font-size:1.72rem;font-weight:650;line-height:1.14}.detail-page-header .primary-action,.detail-page-header .secondary-action{min-height:36px;padding:8px 12px}.detail-page-header .icon-action{width:38px;min-width:38px;padding:0}.page-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:10px;display:flex}.section-label{color:#596474;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.75rem;font-weight:800}.primary-action,.secondary-action,.danger-action{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 14px;font-size:.94rem;font-weight:650;display:inline-flex}.primary-action{color:#fff;background:#101621;border:1px solid #101621}.primary-action:hover{background:#243244}.primary-action:disabled{cursor:not-allowed;opacity:.52}.primary-action:disabled:hover{background:#101621}.secondary-action{color:#233044;background:#fff;border:1px solid #ccd5df}.secondary-action:hover{background:#f6f8fa}.secondary-action:disabled{cursor:not-allowed;opacity:.52}.danger-action{color:#fff;background:#9f2f24;border:1px solid #9f2f24}.danger-action:hover{background:#7d2d24}.danger-action:disabled{cursor:not-allowed;opacity:.52}.danger-action:disabled:hover{background:#9f2f24}.primary-action:focus-visible,.secondary-action:focus-visible,.danger-action:focus-visible{outline-offset:2px;outline:2px solid #5b8def}.compact-action{min-height:36px;padding:8px 12px}.full-width{width:100%}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon-action{width:42px;min-width:42px;padding:0}.compact-action.icon-action{width:38px;min-width:38px;min-height:38px}.action-icon{stroke-width:2.25px;width:18px;height:18px}.admin-list-controls{background:#fff;border:1px solid #dce2ea;border-radius:8px;grid-template-columns:minmax(260px,1fr) minmax(260px,auto);align-items:end;gap:12px;min-width:0;padding:14px;display:grid;box-shadow:0 10px 26px #141f2b09}.admin-search-field,.page-size-field,.status-filter-field{gap:6px;min-width:0;display:grid}.admin-search-field span,.page-size-field span,.status-filter-field>span{color:#677383;letter-spacing:0;text-transform:uppercase;font-size:.76rem;font-weight:800}.admin-search-field input,.page-size-field select{color:#17202b;background:#fff;border:1px solid #ccd5df;border-radius:8px;width:100%;min-width:0;min-height:38px}.admin-search-field input{padding:8px 10px}.page-size-field select{padding:8px 32px 8px 10px}.admin-search-field input:focus,.page-size-field select:focus,.checkbox-control:focus-within,.status-segmented button:focus-visible{outline-offset:2px;outline:2px solid #5b8def}.status-segmented{background:#f6f8fa;border:1px solid #ccd5df;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;min-width:0;min-height:38px;padding:3px;display:grid}.status-segmented button{color:#445063;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;min-width:0;min-height:30px;padding:5px 9px;font-weight:800}.status-segmented button:hover{background:#fff}.status-segmented button[aria-pressed=true]{color:#fff;background:#101621;box-shadow:0 1px 4px #141f2b1f}.checkbox-control{color:#263241;background:#fbfbf8;border:1px solid #cfd7d0;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:8px 10px;font-weight:800;display:inline-flex}.checkbox-control input{accent-color:#23613d;width:16px;height:16px;margin:0}.list-panel,.draft-panel,.create-template-form,.edit-template-form,.detail-panel,.fallback-panel{background:#fff;border:1px solid #dce2ea;border-radius:8px;min-width:0;box-shadow:0 10px 26px #141f2b0a}.list-panel{padding:0;overflow:hidden}.list-panel-header{border-bottom:1px solid #e7ebf0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.list-panel-header span{color:#677383;font-size:.9rem;font-weight:700}.admin-template-list{display:grid}.admin-template-row{background:#fff;border-bottom:1px solid #edf0f4;grid-template-columns:minmax(0,1fr) minmax(132px,auto);align-items:center;gap:16px;min-width:0;min-height:120px;padding:14px 16px;display:grid}.admin-template-row:last-child{border-bottom:0}.admin-template-row:hover{background:#f8fafc}.admin-template-row:focus-within{box-shadow:inset 3px 0 #5b8def}.admin-template-row-link{grid-template-columns:72px minmax(180px,1fr) minmax(104px,.44fr);align-items:center;gap:14px;min-width:0;display:grid}.admin-template-row-link:focus-visible{outline-offset:3px;outline:2px solid #5b8def}.template-row-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.template-row-actions .template-activity-control{justify-items:end}.template-activity-control{justify-items:start;gap:8px;min-width:0;display:grid}.template-activity-feedback{color:#1f6841;overflow-wrap:anywhere;max-width:190px;font-size:.82rem;font-weight:800;line-height:1.35}.template-activity-feedback.error{color:#9f2f24}.template-activity-feedback-validation{color:#6c5418}.template-mark{color:#174177;background:#e8f0ff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:.82rem;font-weight:900;display:inline-flex}.template-preview-cell{grid-template-columns:72px;align-items:center;gap:10px;min-width:0;display:grid}.template-preview-cell .template-mark,.template-preview-image-thumb,.template-preview-fallback-thumb{width:72px;height:72px}.template-preview-image{object-fit:cover;background:#eef1ed;display:block}.template-preview-image-thumb{border:1px solid #dce2ea;border-radius:8px}.template-preview-fallback{color:#657184;text-align:center;background:#eef2f6;border:1px solid #dce2ea;border-radius:8px;place-items:center;min-width:0;font-size:.9rem;font-weight:800;display:grid}.template-preview-fallback-thumb .template-mark{width:32px;height:32px;font-size:.72rem}.template-preview-image-detail,.template-preview-fallback-detail{width:100%;height:100%}.template-preview-image-card,.template-preview-fallback-card{width:100%;min-height:132px}.template-preview-image-card{border-radius:8px;height:auto}.template-preview-fallback-card{aspect-ratio:3/4}.template-preview-fallback-card .template-mark{width:46px;height:46px}.template-preview-fallback-detail{gap:10px;padding:18px}.template-preview-fallback-detail .template-mark{width:64px;height:64px}.image-url-text{display:none}.template-row-main{gap:4px;min-width:0;display:grid}.template-row-main strong{color:#17202b;overflow-wrap:anywhere}.template-row-main span{color:#647184;overflow-wrap:anywhere;font-size:.9rem}.template-row-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;margin:0;display:grid}.template-row-meta div{align-content:start;gap:4px;min-width:0;display:grid}.template-row-meta dt{color:#677383;letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:800}.template-row-meta dd{color:#233044;overflow-wrap:anywhere;min-width:0;margin:0;font-size:.84rem;font-weight:700}.template-row-meta time{white-space:nowrap}.status-pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:5px 9px;font-size:.8rem;font-weight:650;display:inline-flex}.status-pill.active{color:#155d33;background:#dff2e5}.status-pill.muted{color:#5a6675;background:#eef2f6}.pagination-bar{justify-content:space-between;align-items:center;gap:12px;padding:12px 10px 2px;display:flex}.pagination-bar p{color:#596577;margin:0;font-size:.9rem;font-weight:700}.pagination-bar div{flex-wrap:wrap;gap:8px;display:flex}.state-notice{background:#fff;border:1px solid #dfe3dc;border-radius:8px;grid-template-columns:14px minmax(0,1fr);align-items:start;gap:12px;min-width:0;padding:18px;display:grid}.state-notice h2{margin-bottom:4px}.state-notice p{overflow-wrap:anywhere;margin-bottom:0}.state-dot{background:#5f6d7e;border-radius:999px;width:10px;height:10px;margin-top:6px}.state-notice-loading .state-dot{background:#2f6fab}.state-notice-empty .state-dot{background:#8b6b2d}.state-notice-error .state-dot{background:#b03a2e}.state-notice-saving .state-dot{background:#23613d}.skeleton-list{gap:8px;padding:10px;display:grid}.skeleton-list span{background:linear-gradient(90deg,#eef1ed,#f7f8f5,#eef1ed);border-radius:8px;height:56px}.draft-panel{gap:18px;padding:18px;display:grid}.draft-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.draft-grid div{background:#fbfbf8;border:1px solid #e3e7df;border-radius:8px;min-width:0;padding:14px}.draft-grid span{color:#687384;letter-spacing:0;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:800;display:block}.draft-grid strong{color:#18212f;overflow-wrap:anywhere}.create-template-form,.edit-template-form{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);display:grid;overflow:hidden}.create-form-fields,.edit-form-fields,.create-preview-panel,.edit-summary-panel{min-width:0;padding:18px}.create-form-fields,.edit-form-fields{gap:16px;display:grid}.create-preview-panel,.edit-summary-panel{background:#fbfbf8;border-left:1px solid #e3e7df;align-content:start;gap:14px;display:grid}.form-field{gap:7px;min-width:0;display:grid}.form-field>span:first-child{color:#687384;letter-spacing:0;text-transform:uppercase;font-size:.76rem;font-weight:800}.form-field input,.form-field textarea{color:#18212f;background:#fff;border:1px solid #cfd7d0;border-radius:8px;width:100%;min-width:0}.form-field input{min-height:40px;padding:8px 10px}.form-field input[type=file]{padding:8px;font-size:.9rem}.form-field input.native-file-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;min-height:1px;padding:0;position:absolute;overflow:hidden}.file-picker-control{color:#233044;cursor:pointer;background:#fff;border:1px solid #ccd5df;border-radius:8px;justify-content:center;justify-self:start;align-items:center;gap:8px;width:38px;min-width:0;min-height:36px;padding:0;font-size:.9rem;font-weight:650;display:inline-flex}.file-picker-control>span{overflow-wrap:anywhere;min-width:0}.form-field:focus-within .file-picker-control{outline-offset:2px;outline:2px solid #5b8def}.form-field textarea{resize:vertical;min-height:112px;padding:10px}.form-field input:focus,.form-field textarea:focus{outline-offset:2px;outline:2px solid #8bb89a}.form-field [aria-invalid=true]{border-color:#b03a2e}.create-form-row{grid-template-columns:minmax(160px,1fr) minmax(140px,auto);align-items:end;gap:12px;min-width:0;display:grid}.create-active-toggle{min-height:40px}.field-error{color:#9f2f24;font-size:.84rem;font-weight:800}.form-alert{color:#7d2d24;overflow-wrap:anywhere;background:#fff7f5;border:1px solid #d8b3ad;border-radius:8px;min-width:0;padding:12px 14px;font-weight:800}.form-alert-validation{color:#6c5418;background:#fff9e7;border-color:#d6bd80}.form-success{color:#1f6841;overflow-wrap:anywhere;background:#f3faf2;border:1px solid #b7d4bd;border-radius:8px;min-width:0;padding:12px 14px;font-weight:800}.form-actions{flex-wrap:wrap;gap:10px;display:flex}.create-preview-frame{aspect-ratio:1;background:#eef1ed;border:1px solid #dfe3dc;border-radius:8px;place-items:center;width:100%;display:grid;overflow:hidden}.create-preview-frame img{object-fit:cover;width:100%;height:100%;display:block}.create-preview-empty{color:#657184;text-align:center;justify-items:center;gap:10px;min-width:0;padding:18px;font-size:.9rem;font-weight:800;display:grid}.create-preview-empty .template-mark{width:64px;height:64px}.create-file-meta{gap:10px;min-width:0;margin:0;display:grid}.create-file-meta div{gap:4px;min-width:0;display:grid}.create-file-meta dt{color:#687384;letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:800}.create-file-meta dd{color:#18212f;overflow-wrap:anywhere;min-width:0;margin:0;font-weight:800}.detail-panel{grid-template-columns:minmax(260px,340px) minmax(0,1fr);display:grid;overflow:hidden}.detail-media{background:#fbfbf8;border-right:1px solid #e3e7df;align-content:start;gap:14px;min-width:0;padding:18px;display:grid}.detail-image-frame,.edit-summary-media{aspect-ratio:16/10;background:#eef1ed;border:1px solid #dfe3dc;border-radius:8px;place-items:center;width:100%;display:grid;overflow:hidden}.detail-compact-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;margin:0;display:grid}.detail-compact-list div{align-content:start;gap:6px;min-width:0;display:grid}.detail-compact-list dt,.detail-field dt{color:#6d7786;letter-spacing:0;text-transform:none;font-size:.78rem;font-weight:650}.detail-compact-list dd,.detail-field dd{color:#18212f;overflow-wrap:anywhere;min-width:0;margin:0;font-size:.94rem;font-weight:500;line-height:1.4}.detail-compact-list dd{font-weight:600}.image-replace-form{border-top:1px solid #e3e7df;gap:12px;min-width:0;padding-top:16px;display:grid}.image-replace-form .file-picker-control{color:#fff;background:#101621;border-color:#101621;justify-content:flex-start;width:100%;min-height:40px;padding:8px 10px}.image-replace-form .form-field:focus-within .file-picker-control{outline-offset:2px;outline:2px solid #5b8def}.image-replace-form .file-picker-control>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.image-replace-preview{aspect-ratio:16/10;background:#eef1ed;border:1px solid #dfe3dc;border-radius:8px;place-items:center;width:100%;display:grid;overflow:hidden}.image-replace-preview img{object-fit:cover;width:100%;height:100%;display:block}.image-replace-meta{grid-template-columns:1fr}.template-delete-confirmation{background:#fff7f5;border-left:3px solid #9f2f24;gap:10px;min-width:0;padding:12px;display:grid}.template-delete-confirmation h3{color:#7d2d24;font-size:.98rem}.detail-content{min-width:0;padding:18px 20px}.detail-title{margin-bottom:16px;font-size:1rem;font-weight:650}.detail-field-list{min-width:0;margin:0;display:grid}.detail-field{border-bottom:1px solid #edf0ea;grid-template-columns:minmax(128px,.28fr) minmax(0,1fr);gap:12px;min-width:0;padding:11px 0;display:grid}.detail-field:first-child{padding-top:0}.detail-field:last-child{border-bottom:0;padding-bottom:0}.detail-text-block{white-space:pre-wrap;display:block}.copy-field{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;min-width:0;display:grid}.copy-field>span{overflow-wrap:anywhere;min-width:0;padding-top:8px}.copy-feedback{color:#1f6841;min-height:20px;margin-top:6px;font-size:.82rem;font-weight:800;display:block}.webapp-shell{background:#dfe9e2;justify-content:center;height:100dvh;display:flex;overflow:hidden}.webapp-viewport{width:min(100%,430px);height:100dvh;padding:calc(16px + var(--tg-safe-area-inset-top,env(safe-area-inset-top))) calc(14px + var(--tg-safe-area-inset-right,env(safe-area-inset-right))) calc(14px + var(--tg-safe-area-inset-bottom,env(safe-area-inset-bottom))) calc(14px + var(--tg-safe-area-inset-left,env(safe-area-inset-left)));background:#fffdfa;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;display:grid;overflow:hidden;box-shadow:0 0 0 1px #d6ded5}.webapp-gallery-shell{background:#fff}.webapp-gallery-viewport{padding:var(--tg-safe-area-inset-top,env(safe-area-inset-top)) var(--tg-safe-area-inset-right,env(safe-area-inset-right)) var(--tg-safe-area-inset-bottom,env(safe-area-inset-bottom)) var(--tg-safe-area-inset-left,env(safe-area-inset-left));box-shadow:none;background:#fff;grid-template-rows:minmax(0,1fr);gap:0}.webapp-topbar{justify-content:space-between;align-items:center;min-height:54px;display:flex}.webapp-topbar div,.webapp-header{min-width:0}.webapp-topbar span{color:#6a7483;letter-spacing:0;text-transform:uppercase;font-size:.76rem;font-weight:800;display:block}.webapp-topbar strong{color:#142018;font-size:1rem;display:block}.webapp-header h1{font-size:1.85rem}.webapp-content{overscroll-behavior:contain;min-width:0;min-height:0;padding-bottom:2px;overflow:hidden auto}.webapp-gallery-content{scrollbar-width:none;padding:8px}.webapp-gallery-content::-webkit-scrollbar{display:none}.webapp-catalog-state{gap:10px;display:grid}.webapp-masonry-skeleton{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.webapp-masonry-skeleton span{background:linear-gradient(90deg,#eef1ed,#f7f8f5,#eef1ed);border-radius:8px;min-height:188px}.webapp-masonry-skeleton span:nth-child(2),.webapp-masonry-skeleton span:nth-child(3){min-height:148px}.webapp-template-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px;min-width:0;display:grid}.webapp-template-column{align-content:start;gap:8px;min-width:0;display:grid}.webapp-template-card{color:#18212f;cursor:pointer;background:0 0;border:0;gap:7px;min-width:0;padding:0;display:grid}.webapp-template-card:hover .template-preview-image-card,.webapp-template-card:hover .template-preview-fallback-card{filter:saturate(1.04)}.webapp-template-card:disabled{cursor:wait;opacity:.64}.webapp-template-card:disabled:hover .template-preview-image-card,.webapp-template-card:disabled:hover .template-preview-fallback-card{filter:none}.webapp-template-card:focus-visible{outline-offset:3px;border-radius:8px;outline:2px solid #8bb89a}.webapp-template-card-selected .template-preview-image-card,.webapp-template-card-selected .template-preview-fallback-card{outline-offset:-2px;outline:2px solid #1f6841}.webapp-template-column:first-child .webapp-template-card:nth-child(2n) .template-preview-fallback-card,.webapp-template-column:nth-child(2) .webapp-template-card:nth-child(odd) .template-preview-fallback-card{aspect-ratio:1/1.25}.webapp-detail{border-radius:8px;gap:10px;min-width:0;padding:0;display:grid;overflow:hidden}.webapp-detail .template-preview-image-detail,.webapp-detail .template-preview-fallback-detail{background:#eef1ed;border-radius:8px;min-height:300px;max-height:min(62vh,560px)}.webapp-bottom-nav{background:#fff;border:1px solid #dfe3dc;border-radius:8px;width:100%;min-height:56px;padding:6px;display:grid}.webapp-nav-link{justify-content:center}.fallback-shell{background:#f5f6f3;place-items:center;min-height:100vh;padding:24px;display:grid}.fallback-panel{width:min(100%,560px);padding:24px}.fallback-panel p:not(.section-label){margin:12px 0 22px}.fallback-actions{flex-wrap:wrap;gap:10px;display:flex}@media (width<=820px){h1{font-size:1.85rem}.admin-shell{grid-template-columns:1fr}.admin-sidebar{border-bottom:1px solid #20262f;border-right:0;height:auto;padding:12px;position:static}.admin-brand{min-height:48px}.admin-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-nav-link{text-align:center;justify-content:center}.runtime-meter{display:none}.admin-workspace{padding:18px 14px}.page-header{flex-direction:column;align-items:stretch}.page-actions{flex-wrap:wrap;display:flex}.primary-action,.secondary-action,.danger-action{width:auto}.admin-list-controls,.admin-template-row,.admin-template-row-link{grid-template-columns:1fr}.template-row-actions,.template-row-actions .template-activity-control{justify-items:start}.template-row-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.pagination-bar{flex-direction:column;align-items:stretch}.pagination-bar div{grid-template-columns:1fr 1fr;display:grid}.draft-grid,.create-template-form,.edit-template-form,.detail-panel{grid-template-columns:1fr}.create-preview-panel,.edit-summary-panel{border-top:1px solid #e3e7df;border-left:0}.create-form-row{grid-template-columns:1fr}.detail-media{border-bottom:1px solid #e3e7df;border-right:0}.detail-field,.copy-field{grid-template-columns:1fr}.copy-field>span{padding-top:0}}@media (width>=561px) and (width<=820px){.admin-workspace{padding:22px 18px}.page-header{flex-direction:row;align-items:center}.admin-list-controls{grid-template-columns:minmax(220px,1fr) auto}.checkbox-control,.page-size-field{width:100%}.admin-template-row{grid-template-columns:minmax(0,1fr) minmax(104px,auto);align-items:start}.admin-template-row-link{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:8px 12px}.template-preview-cell{grid-row:1/span 2;align-self:start}.template-row-main,.template-row-meta{grid-column:2}.template-row-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.template-row-actions,.template-row-actions .template-activity-control{justify-items:end}.pagination-bar{flex-direction:row;align-items:center}.pagination-bar div{grid-template-columns:none;display:flex}}@media (width<=560px){.page-header{flex-direction:column;align-items:stretch}.admin-list-controls,.admin-template-row{grid-template-columns:1fr}.admin-template-row-link{grid-template-columns:64px minmax(0,1fr);gap:8px 12px}.template-preview-cell{grid-template-columns:64px}.template-preview-cell .template-mark,.template-preview-image-thumb,.template-preview-fallback-thumb{width:64px;height:64px}.template-preview-cell{grid-row:1;align-self:start}.template-row-main{grid-column:2}.template-row-main span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.template-row-meta{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.template-row-actions,.template-row-actions .template-activity-control{justify-items:start}}@media (width<=420px){.page-actions,.form-actions,.fallback-actions{grid-template-columns:1fr;display:grid}.primary-action,.secondary-action,.danger-action{width:100%}.icon-action{width:40px;min-width:40px}.webapp-viewport{box-shadow:none}.webapp-header h1{font-size:1.6rem}}