:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f4f9;--surface:#fff;--surface-2:#faf9fc;--text:#232029;--muted:#716b7c;--line:#e7e3ec;--violet:#6d3eea;--violet-strong:#5426ca;--violet-soft:#eee8ff;--green:#18865d;--green-soft:#e8f7f0;--amber:#9b6614;--amber-soft:#fff3d8;--red:#b13a4b;--shadow:0 14px 35px #27194114;--radius:18px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141219;--surface:#1e1b24;--surface-2:#27232e;--text:#f6f2fa;--muted:#aaa3b4;--line:#36313f;--violet:#a17bf9;--violet-strong:#b49bff;--violet-soft:#332650;--green:#70dab0;--green-soft:#173a2e;--amber:#ffd080;--amber-soft:#493718;--red:#ff91a0;--shadow:0 16px 36px #00000040}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid color-mix(in srgb, var(--violet) 45%, transparent);outline-offset:2px}.app-shell{grid-template:76px 1fr/244px 1fr;min-height:100vh;display:grid}.topbar{background:color-mix(in srgb, var(--surface) 92%, transparent);border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-column:1/-1;align-items:center;gap:12px;padding:0 26px;display:flex;position:sticky;top:0}.brand-mark{color:#fff;background:linear-gradient(145deg,#7c50ed,#4e22bf);border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid;box-shadow:0 8px 20px #6d3eea40}.brand-copy{flex-direction:column;line-height:1.25;display:flex}.brand-copy strong{font-size:15px}.brand-copy span{color:var(--muted);font-size:11px}.topbar-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.environment-pill{background:var(--green-soft);color:var(--green);border-radius:99px;padding:7px 12px;font-size:12px;font-weight:700}.icon-button{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:12px;place-items:center;display:grid}.icon-button svg{width:19px}.icon-button:hover{border-color:var(--violet);color:var(--violet)}.logout-button{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--muted);cursor:pointer;border-radius:11px;padding:0 13px;font-size:11px;font-weight:700}.logout-button:hover{border-color:var(--violet);color:var(--violet-strong)}.login-page{background:radial-gradient(circle at 15% 12%, color-mix(in srgb, var(--violet) 15%, transparent), transparent 32%), radial-gradient(circle at 86% 88%, color-mix(in srgb, var(--violet) 9%, transparent), transparent 30%), var(--bg);place-items:center;min-height:100vh;padding:28px;display:grid}.login-theme{position:fixed;top:20px;right:20px}.login-card{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 96%, transparent);border-radius:24px;width:min(100%,430px);padding:clamp(28px,5vw,44px);box-shadow:0 24px 70px #27194121}.login-brand{color:#fff;background:linear-gradient(145deg,#7c50ed,#4e22bf);border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:25px;font-size:20px;font-weight:850;display:grid;box-shadow:0 10px 25px #6d3eea47}.login-card h1{letter-spacing:-.035em;margin:6px 0 8px;font-size:31px}.login-intro{color:var(--muted);margin:0 0 28px;font-size:13px;line-height:1.6}.login-form{gap:17px;display:grid}.login-form .field input{min-height:46px}.login-submit{width:100%;margin-top:4px}.login-error{background:color-mix(in srgb, var(--red) 12%, transparent);color:var(--red);border-radius:10px;margin:0;padding:10px 12px;font-size:11px;font-weight:700}.sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;grid-row:2;height:calc(100vh - 76px);padding:26px 16px 20px;display:flex;position:sticky;top:76px}.sidebar nav{gap:6px;display:grid}.nav-link{color:var(--muted);border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:650;display:flex}.nav-link svg{width:20px;height:20px}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link[data-active=true]{background:var(--violet-soft);color:var(--violet-strong)}.sidebar-note{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;align-items:flex-start;gap:10px;margin-top:auto;padding:14px;display:flex}.status-dot{width:8px;height:8px;box-shadow:0 0 0 4px var(--amber-soft);background:#f3a928;border-radius:50%;margin-top:5px}.sidebar-note div{gap:2px;display:grid}.sidebar-note strong{font-size:12px}.sidebar-note small{color:var(--muted);font-size:10px}.main-content{min-width:0;padding:38px clamp(24px,4vw,56px) 60px}.page-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.page-header h1{letter-spacing:-.035em;margin:3px 0 8px;font-size:clamp(27px,3vw,38px)}.page-header p:not(.eyebrow){color:var(--muted);max-width:660px;margin:0;font-size:14px;line-height:1.6}.header-actions{gap:8px;display:flex}.eyebrow{color:var(--violet);text-transform:uppercase;letter-spacing:.14em;margin:0;font-size:11px;font-weight:800}.button{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-size:13px;font-weight:750;display:inline-flex}.button svg{width:18px}.button.primary{color:#fff;border-color:var(--violet);background:var(--violet);box-shadow:0 8px 18px #6d3eea33}.button.primary:hover{background:var(--violet-strong)}.button:disabled{opacity:.55;cursor:not-allowed}.toolbar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:end;gap:16px;margin-bottom:24px;padding:16px;display:flex}.filter-group{gap:7px;display:grid}.filter-group label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.filter-group select{border:1px solid var(--line);background:var(--surface-2);min-width:190px;height:41px;color:var(--text);border-radius:10px;padding:0 34px 0 12px}.result-count{color:var(--muted);margin-left:auto;padding-bottom:11px;font-size:12px}.template-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.template-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}.template-card:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--violet) 38%, var(--line));transform:translateY(-3px)}.template-preview{aspect-ratio:4/5;background:var(--surface-2);position:relative;overflow:hidden}.template-preview img{object-fit:cover}.template-preview-fallback{text-align:center;height:100%;color:var(--muted);place-content:center;gap:8px;padding:24px;display:grid}.template-preview-fallback svg{width:34px;margin:auto}.template-flags{z-index:2;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:10px;left:10px;right:10px}.flag{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#16111dc7;border-radius:99px;align-items:center;gap:4px;padding:5px 8px;font-size:10px;font-weight:750;display:inline-flex}.flag svg{width:12px}.template-meta{padding:15px}.template-meta h2{letter-spacing:-.01em;margin:0 0 8px;font-size:15px}.meta-row{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.meta-row .version{margin-left:auto}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:4px 7px;font-size:9px;font-weight:800}.badge.free{color:var(--green);background:var(--green-soft)}.badge.premium{color:var(--amber);background:var(--amber-soft)}.badge.active{color:var(--green);background:var(--green-soft)}.badge.draft{color:var(--violet);background:var(--violet-soft)}.badge.disabled{color:var(--muted);background:var(--surface-2)}.badge.archived{color:var(--red);background:color-mix(in srgb, var(--red) 12%, transparent)}.empty-state,.loading-state{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);place-content:center;justify-items:center;gap:9px;min-height:400px;padding:40px;display:grid}.empty-state h2,.loading-state h2{margin:5px 0 0;font-size:20px}.empty-state p,.loading-state p{color:var(--muted);margin:0 0 12px}.empty-icon{background:var(--violet-soft);width:48px;height:48px;color:var(--violet);border-radius:15px;place-items:center;font-weight:800;display:grid}.spinner{border:3px solid var(--line);border-top-color:var(--violet);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.detail-layout{grid-template-columns:minmax(300px,430px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.preview-panel,.detail-panel,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.preview-large{aspect-ratio:4/5;border-radius:var(--radius) var(--radius) 0 0;background:var(--surface-2);position:relative;overflow:hidden}.preview-large img{object-fit:cover}.preview-caption{color:var(--muted);justify-content:space-between;padding:14px 17px;font-size:11px;display:flex}.detail-panel{padding:24px}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 16px;font-size:13px}.definition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;display:grid}.definition-grid div{min-width:0}.definition-grid dt{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px;font-size:10px;font-weight:750}.definition-grid dd{overflow-wrap:anywhere;margin:0;font-size:13px}.definition-grid .wide{grid-column:1/-1}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--surface-2);border:1px solid var(--line);border-radius:99px;padding:4px 8px;font-size:10px}.divider{background:var(--line);height:1px;margin:24px 0}.manifest-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.summary-tile{background:var(--surface-2);border-radius:12px;padding:12px}.summary-tile span{color:var(--muted);margin-bottom:4px;font-size:10px;display:block}.summary-tile strong{font-size:13px}.slot-table{border-collapse:collapse;width:100%;font-size:11px}.slot-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;text-align:left;border-bottom:1px solid var(--line);padding:9px 8px;font-size:9px}.slot-table td{border-bottom:1px solid var(--line);padding:11px 8px}.color-swatch{align-items:center;gap:5px;display:inline-flex}.color-swatch i{border:1px solid var(--line);border-radius:50%;width:12px;height:12px}.editor-layout{grid-template-columns:minmax(260px,330px) minmax(340px,1fr) minmax(240px,290px);align-items:start;gap:20px;display:grid}.panel{padding:20px}.panel h2{margin:0 0 5px;font-size:16px}.panel-intro{color:var(--muted);margin:0 0 20px;font-size:11px;line-height:1.5}.form-grid{gap:15px;display:grid}.field{gap:7px;display:grid}.field label,.field>span{color:var(--muted);font-size:11px;font-weight:750}.field input,.field select{border:1px solid var(--line);background:var(--surface-2);width:100%;height:41px;color:var(--text);border-radius:10px;padding:0 11px}.field input[type=color]{padding:4px}.field small{color:var(--muted);font-size:9px}.field-error{color:var(--red)!important}.checkbox-row{gap:18px;display:flex}.checkbox{color:var(--text);align-items:center;gap:8px;font-size:11px;display:inline-flex}.checkbox input{accent-color:var(--violet)}.file-drop{border:1.5px dashed var(--line);text-align:center;cursor:pointer;background:var(--surface-2);border-radius:12px;place-items:center;gap:5px;padding:18px;display:grid}.file-drop:hover{border-color:var(--violet)}.file-drop svg{width:25px;color:var(--violet)}.file-drop strong{font-size:11px}.file-drop span{color:var(--muted);font-size:9px}.file-drop input{opacity:0;width:1px;height:1px;position:absolute}.success-message{background:var(--green-soft);color:var(--green);border-radius:10px;padding:11px;font-size:11px}.editor-stage{border-radius:var(--radius);background:#25212c;place-items:center;min-height:690px;padding:20px;display:grid}.invitation-canvas{aspect-ratio:4/5;background:linear-gradient(160deg,#f4e8ff,#fff8ed 52%,#eadfff);width:min(100%,470px);position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d}.invitation-canvas>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.canvas-slot{color:#372950;cursor:pointer;text-align:center;background:#ffffff29;border:1px dashed #472b7a73;place-items:center;width:70%;padding:5px;display:grid;position:absolute;left:15%;overflow:hidden}.canvas-slot:hover,.canvas-slot[data-selected=true]{background:#7545df1a;border-color:#0000;outline:2px solid #7545df}.canvas-slot[data-role=display]{font-family:Georgia,serif;font-weight:700}.canvas-slot[data-role=serif]{font-family:Georgia,Times New Roman,serif}.canvas-slot[data-role=script]{font-family:Segoe Script,Brush Script MT,cursive}.canvas-slot[data-role=body]{font-family:Arial,sans-serif}.canvas-slot[data-role=accent]{letter-spacing:.04em;font-family:Impact,Arial Narrow,sans-serif}.canvas-ruler{color:#bdb5c8;text-align:center;margin-top:10px;font-size:10px}.property-empty{text-align:center;min-height:300px;color:var(--muted);place-content:center;font-size:11px;display:grid}.visual-editor-workspace{gap:18px;display:grid}.editor-commandbar{z-index:12;background:color-mix(in srgb, var(--surface) 94%, transparent);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:14px 16px;display:flex;position:sticky;top:88px}.editor-commandbar>div:first-child{gap:2px;display:grid}.editor-commandbar strong{font-size:13px}.editor-commandbar small{color:var(--muted);font-size:10px}.editor-mode-badge{width:fit-content;color:var(--violet);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:850}.editor-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.editor-metadata-panel{padding:18px}.panel-heading,.json-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.metadata-grid{grid-template-columns:repeat(6,minmax(120px,1fr));align-items:start;gap:13px;display:grid}.compact-checks>div{align-items:center;gap:10px;min-height:41px;display:flex}.background-field{grid-column:span 2}.compact-drop{text-align:left;grid-template-columns:25px 1fr;justify-items:start;min-height:86px;padding:12px}.compact-drop svg{grid-row:1/3}.preview-fields{grid-column:1/-1}.preview-input-grid{grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px;display:grid}.preview-input-grid label{gap:4px;display:grid}.preview-input-grid span{color:var(--muted);font-size:9px}.preview-input-grid input,.preview-input-grid textarea{resize:vertical;border:1px solid var(--line);background:var(--surface-2);width:100%;min-height:37px;color:var(--text);font:inherit;border-radius:9px;padding:8px 9px;font-size:11px}.preview-input-grid textarea{min-height:60px}.field-warning{color:var(--amber)!important}.validation-summary{border:1px solid color-mix(in srgb, var(--red) 35%, transparent);background:color-mix(in srgb, var(--red) 8%, var(--surface));color:var(--red);border-radius:14px;padding:15px 18px;font-size:11px}.validation-summary ul{gap:3px;margin:7px 0 0;padding-left:18px;display:grid}.editor-notice{padding:14px 17px}.editor-main-grid{grid-template-columns:minmax(500px,1fr) minmax(300px,360px);align-items:start;gap:18px;display:grid}.editor-main-grid .properties-panel{max-height:calc(100vh - 198px);position:sticky;top:178px;overflow-y:auto}.visual-editor-canvas{touch-action:none;-webkit-user-select:none;user-select:none;container-type:inline-size}.safe-area-overlay{z-index:1;pointer-events:none;background:#6d3eea08;border:1px dashed #6e3eeaad;position:absolute}.safe-area-overlay>span{color:#6334ce;letter-spacing:.08em;background:#ffffffb8;border-radius:3px;padding:2px 4px;font-size:7px;font-weight:850;position:absolute;top:4px;left:5px}.visual-slot{z-index:2;cursor:grab;place-items:center;line-height:1.2}.visual-slot:active{cursor:grabbing}.visual-slot[data-safe-warning=true]{border-color:#e38a20}.slot-preview-text{overflow-wrap:anywhere;-webkit-box-orient:vertical;width:100%;display:-webkit-box;overflow:hidden}.resize-handle{z-index:4;cursor:nwse-resize;background:#7545df;border:2px solid #fff;border-radius:3px;width:13px;height:13px;padding:0;position:absolute;bottom:-5px;right:-5px;box-shadow:0 1px 5px #00000059}.safe-warning-dot{background:#e38a20;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;right:-5px}.canvas-help{color:#bdb5c8;text-align:center;margin:7px 0 0;font-size:9px}.properties-form{gap:13px;display:grid}.selected-slot-title{background:var(--violet-soft);color:var(--violet-strong);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:11px;font-size:12px;display:flex}.selected-slot-title span{color:var(--amber);text-transform:uppercase;font-size:8px}.number-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.color-field{grid-template-columns:56px 1fr;gap:8px;display:grid}.color-field code{background:var(--surface-2);min-height:41px;color:var(--muted);border-radius:9px;place-items:center;font-size:10px;display:grid}.property-checks{border:1px solid var(--line);border-radius:10px;gap:9px;padding:12px;display:grid}.safe-area-warning{background:var(--amber-soft);color:var(--amber);border-radius:9px;margin:10px 0 0;padding:9px;font-size:10px}.json-panel{padding:20px}.json-heading>div:last-child{gap:8px;display:flex}.json-panel pre{color:#e8ddf4;white-space:pre-wrap;overflow-wrap:anywhere;background:#17141c;border-radius:12px;max-height:520px;margin:12px 0 0;padding:18px;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.category-list{gap:10px;display:grid}.category-row{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:40px minmax(160px,1fr) minmax(120px,1fr) 90px 120px;align-items:center;gap:16px;padding:15px 18px;display:grid}.category-order{background:var(--violet-soft);width:34px;height:34px;color:var(--violet);border-radius:10px;place-items:center;font-size:11px;font-weight:800;display:grid}.category-row strong{font-size:13px}.category-id{color:var(--muted);font-family:ui-monospace,monospace;font-size:11px}.category-count{color:var(--muted);font-size:11px}.readonly-badge{color:var(--muted);border:1px solid var(--line);border-radius:99px;justify-self:end;padding:5px 8px;font-size:9px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.setting-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:21px}.setting-card h2{margin:0 0 7px;font-size:14px}.setting-card p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.55}.setting-card code{background:var(--surface-2);color:var(--violet-strong);overflow-wrap:anywhere;border-radius:10px;margin-top:14px;padding:11px;font-size:10px;display:block}.publication-alert{background:var(--amber-soft);color:var(--amber);border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--amber) 25%, transparent);grid-column:1/-1;align-items:center;gap:15px;padding:20px;display:flex}.publication-alert span{background:color-mix(in srgb, var(--amber) 15%, transparent);border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.publication-alert h2{margin:0 0 3px;font-size:14px}.publication-alert p{margin:0;font-size:11px}.publication-validate{border-color:color-mix(in srgb, var(--violet) 42%, var(--line));background:var(--violet-soft);color:var(--violet-strong)}.publish-button:disabled{cursor:not-allowed;opacity:.5}.publication-state-bar{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;display:grid}.publication-state-bar span{background:var(--surface-2);color:var(--muted);text-align:center;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:750}.publication-state-bar span[data-active=true]{background:var(--violet-soft);color:var(--violet-strong)}.publication-state-bar small{color:var(--muted);text-align:center;grid-column:1/-1;font-size:9px}.publication-result{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:16px;padding:20px;display:grid}.publication-result>div:first-child{align-items:center;gap:12px;display:flex}.publication-result h2,.publication-result p{margin:0}.publication-result h2{font-size:14px}.publication-result p{color:var(--muted);margin-top:3px;font-size:11px}.publication-result-icon{border-radius:12px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.publication-result-success{border-color:color-mix(in srgb, #2f9e6f 35%, var(--line))}.publication-result-success .publication-result-icon{color:#21845b;background:#2f9e6f24}.publication-result-error{border-color:color-mix(in srgb, #d64a4a 35%, var(--line))}.publication-result-error .publication-result-icon{color:#c13c3c;background:#d64a4a24}.publication-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.publication-summary div,.publication-files article{background:var(--surface-2);border-radius:11px;min-width:0;padding:12px}.publication-summary dt{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:750}.publication-summary dd{overflow-wrap:anywhere;margin:0;font-size:11px}.publication-summary code,.publication-files code,.publication-urls code{overflow-wrap:anywhere;font-size:9px}.publication-files{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.publication-files article{gap:6px;display:grid}.publication-files strong{font-size:11px}.publication-files span{color:var(--muted);font-size:9px}.publication-urls{gap:7px;display:grid}.publication-urls strong{font-size:11px}.publication-urls code{background:var(--surface-2);border-radius:8px;padding:8px 10px}.publication-warnings,.publication-result-error ul{background:var(--amber-soft);color:var(--amber);border-radius:10px;margin:0;padding:12px 12px 12px 30px;font-size:10px;line-height:1.6}@media (max-width:1050px){.editor-layout{grid-template-columns:280px minmax(350px,1fr)}.properties-panel{grid-column:1/-1}.detail-layout{grid-template-columns:minmax(270px,360px) minmax(0,1fr)}.metadata-grid{grid-template-columns:repeat(3,1fr)}.preview-input-grid{grid-template-columns:repeat(2,1fr)}.editor-main-grid{grid-template-columns:minmax(430px,1fr) 300px}}@media (max-width:760px){.app-shell{grid-template:68px auto 1fr/1fr}.topbar{padding:0 16px}.brand-copy span,.environment-pill{display:none}.sidebar{z-index:10;border-right:0;border-bottom:1px solid var(--line);grid-row:2;height:auto;padding:8px 12px;top:68px}.sidebar nav{grid-template-columns:repeat(3,1fr);display:grid}.nav-link{justify-content:center;padding:9px}.nav-link svg{width:17px}.sidebar-note{display:none}.main-content{grid-row:3;padding:25px 16px 50px}.page-header{flex-direction:column;align-items:flex-start}.toolbar{flex-direction:column;align-items:stretch}.result-count{margin:0;padding:0}.filter-group select{width:100%}.detail-layout,.editor-layout{grid-template-columns:1fr}.properties-panel{grid-column:auto}.editor-commandbar{flex-direction:column;align-items:stretch;position:static}.editor-actions{justify-content:flex-start}.metadata-grid,.preview-input-grid,.editor-main-grid{grid-template-columns:1fr}.background-field{grid-column:auto}.editor-main-grid .properties-panel{max-height:none;position:static}.editor-stage{min-height:auto;padding:12px}.settings-grid,.publication-state-bar,.publication-summary,.publication-files{grid-template-columns:1fr}.category-row{grid-template-columns:40px 1fr 80px}.category-id,.readonly-badge{display:none}}