@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.a82ecf4e.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.afa48be3.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.764b43eb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.cb53f04b.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.64b9304e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.6b5ea6af.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.1dcddae6.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.8da66e7f.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.e6cd1753.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.19510058.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_b7b1d985-module__oZP4Ha__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_b7b1d985-module__oZP4Ha__variable{--font-app-mono:"IBM Plex Mono","IBM Plex Mono Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:var(--font-app-sans),sans-serif;--bg-layer-a:#f2b7734d;--bg-layer-b:#81542c24;--bg-start:#f3eee3;--bg-mid:#eadccd;--bg-end:#ddc7b3;--panel:#fff9f1c2;--panel-strong:#fffcf7f0;--panel-soft:#ffffff85;--border:#5f422824;--shadow:#472d1829;--text:#2d241d;--muted:#74655a;--accent:#a54d1b;--accent-strong:#7e3510;--danger:#9d3535;--button-bg:#ffffff8f;--button-disabled:#7d6c5c2e;--scrollbar-thumb:#694a2f52;--scrollbar-track:transparent;background:radial-gradient(circle at top left,var(--bg-layer-a),transparent 24%),radial-gradient(circle at bottom right,var(--bg-layer-b),transparent 30%),linear-gradient(145deg,var(--bg-start)0%,var(--bg-mid)45%,var(--bg-end)100%);color:var(--text)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--bg-layer-a:#af642738;--bg-layer-b:#2e57682e;--bg-start:#141719;--bg-mid:#1a1f23;--bg-end:#101316;--panel:#161a1dcc;--panel-strong:#191e23f2;--panel-soft:#ffffff08;--border:#ffffff1a;--shadow:#00000057;--text:#ecdfd3;--muted:#a69688;--accent:#f08d54;--accent-strong:#ffb283;--danger:#ff8f8f;--button-bg:#ffffff0a;--button-disabled:#ffffff14;--scrollbar-thumb:#ffb7833d}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:0 0}button,select,input,textarea{font:inherit}a{color:inherit;text-decoration:none}select,button,.article-item,.preview-content,.sidebar,.preview-panel,.login-card,.login-button,.logout-button,.filter-summary-card,.filter-preset-card,.filter-rule,.filter-modal{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s}.app-shell{width:100%;height:var(--app-height,100dvh);min-width:0;min-height:0;max-width:var(--app-width,100vw);max-height:var(--app-height,100dvh);overflow:hidden}.workbench-shell{grid-template-rows:auto minmax(0,1fr);gap:14px;padding:14px;display:grid}.workbench-body{min-height:0;overflow:hidden}.workbench-pane-shell{width:100%;height:100%;min-height:0}.browser-shell.workbench-pane-shell{height:100%;padding:0}.top-nav-shell{border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong)94%,transparent),color-mix(in srgb,var(--panel)94%,transparent)),radial-gradient(circle at top right,color-mix(in srgb,var(--accent)16%,transparent),transparent 42%);box-shadow:0 14px 36px var(--shadow);border-radius:22px;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.top-nav-shell h1{font-size:clamp(20px,2.6vw,30px);line-height:1.02}.top-nav-tabs{flex-wrap:wrap;gap:10px;display:flex}.top-nav-tab{border:1px solid color-mix(in srgb,var(--border)76%,transparent);background:color-mix(in srgb,var(--panel-soft)88%,transparent);color:var(--text);cursor:pointer;border-radius:999px;padding:9px 14px;font-size:13px}.top-nav-tab:hover{border-color:color-mix(in srgb,var(--accent)34%,transparent);transform:translateY(-1px)}.top-nav-tab.active{background:linear-gradient(180deg,color-mix(in srgb,var(--accent)18%,var(--panel-strong)82%),color-mix(in srgb,var(--accent)6%,var(--panel-strong)94%));border-color:color-mix(in srgb,var(--accent)44%,transparent);box-shadow:0 10px 22px color-mix(in srgb,var(--shadow)80%,transparent)}.browser-shell{grid-template-rows:auto minmax(0,1fr);gap:16px;padding:16px;display:grid;overflow:hidden}.browser-main{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px;min-height:0;display:grid;overflow:hidden}.browser-toolbar{border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong)94%,transparent),color-mix(in srgb,var(--panel)94%,transparent)),radial-gradient(circle at top right,color-mix(in srgb,var(--accent)12%,transparent),transparent 42%);box-shadow:0 14px 36px var(--shadow);border-radius:20px;gap:14px;padding:16px 18px;display:grid}.browser-toolbar-row{grid-template-columns:auto minmax(280px,1.2fr) minmax(260px,1fr);align-items:start;gap:12px;display:grid}.sidebar,.preview-panel,.login-card{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-width:0;min-height:0;box-shadow:0 16px 40px var(--shadow);border-radius:20px}.sidebar{grid-template-rows:auto auto minmax(0,1fr);display:grid;overflow:hidden}.preview-panel{grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.sidebar-head,.preview-head{padding:20px 20px 12px}.sidebar-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.toolbar-cluster{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.filter-toolbar{flex-wrap:wrap;gap:8px;display:flex}.browser-toolbar-section{background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong)94%,transparent),color-mix(in srgb,var(--panel-soft)88%,transparent)),radial-gradient(circle at top right,color-mix(in srgb,var(--accent)8%,transparent),transparent 48%);border:1px solid color-mix(in srgb,var(--border)72%,transparent);border-radius:18px;gap:12px;min-width:0;padding:14px;display:grid}.browser-toolbar-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.search-toolbar{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.search-field-box{min-width:126px}.search-input-box{flex:220px}.search-input-box .filter-input{width:100%}.search-submit-button{min-width:88px}.filter-summary-head,.filter-section-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.filter-summary-head strong,.filter-section-head strong{font-size:15px;display:block}.filter-summary-copy,.filter-modal-copy,.filter-section-head span{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.55}.filter-summary-actions,.filter-builder-inline,.browser-toolbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-summary-chips,.browser-toolbar-tags{flex-wrap:wrap;gap:8px;display:flex}.filter-summary-chips span,.browser-toolbar-tags span,.filter-dirty-badge{border:1px solid color-mix(in srgb,var(--border)72%,transparent);background:color-mix(in srgb,var(--panel-soft)88%,transparent);border-radius:999px;padding:5px 9px;font-size:11px;line-height:1.2}.filter-dirty-badge{color:var(--accent);background:color-mix(in srgb,var(--accent)10%,var(--panel-strong)90%)}.filter-rule-list{gap:8px;display:grid}.filter-rule{background:var(--panel-strong);border:1px solid color-mix(in srgb,var(--border)72%,transparent);opacity:0;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;animation:.3s cubic-bezier(.21,.76,.28,1) forwards card-rise;display:grid}.filter-rule-copy{gap:4px;min-width:0;display:grid}.filter-rule-copy strong{font-size:13px;font-weight:600;line-height:1.45}.filter-rule-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.filter-box{min-width:0}.filter-box-grow{min-width:180px}.filter-box-placeholder{color:var(--muted);gap:6px;font-size:12px;display:grid}.filter-placeholder{border:1px dashed var(--border);background:var(--panel-strong);border-radius:10px;align-items:center;min-height:38px;padding:8px 10px;display:flex}.filter-remove-button{white-space:nowrap}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;background:#18110b75;place-items:center;padding:18px;animation:.18s ease-out both backdrop-fade;display:grid;position:fixed;inset:0}.modal-backdrop-strong{background:#0c0b0a8f}.filter-modal{border:1px solid var(--border);background:var(--panel-strong);width:min(100%,880px);box-shadow:0 24px 60px var(--shadow);border-radius:20px;gap:16px;padding:20px;display:grid}.filter-modal-compact{width:min(100%,500px)}.filter-workbench-modal{max-height:min(88vh,920px);overflow:hidden}.filter-modal-head,.filter-modal-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.filter-modal-head h3{font-size:21px;line-height:1.1}.filter-modal-body{gap:10px;display:grid}.filter-workbench-body{gap:14px;min-height:0;padding-right:4px;display:grid;overflow:auto}.filter-workbench-section{border:1px solid color-mix(in srgb,var(--border)72%,transparent);background:color-mix(in srgb,var(--panel-soft)86%,transparent);border-radius:16px;gap:10px;padding:13px;display:grid}.filter-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.filter-preset-card{border:1px solid color-mix(in srgb,var(--border)72%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong)96%,transparent),color-mix(in srgb,var(--panel-soft)88%,transparent)),radial-gradient(circle at top right,color-mix(in srgb,var(--accent)10%,transparent),transparent 40%);color:var(--text);text-align:left;cursor:pointer;opacity:0;border-radius:16px;gap:6px;padding:13px;animation:.32s cubic-bezier(.21,.76,.28,1) forwards card-rise;display:grid}.filter-preset-card:hover{border-color:color-mix(in srgb,var(--accent)36%,transparent);box-shadow:0 14px 24px color-mix(in srgb,var(--shadow)72%,transparent);transform:translateY(-2px)}.filter-preset-card.selected{border-color:color-mix(in srgb,var(--accent)44%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent)14%,var(--panel-strong)86%),color-mix(in srgb,var(--accent)5%,var(--panel-soft)95%)),radial-gradient(circle at top right,color-mix(in srgb,var(--accent)18%,transparent),transparent 40%);box-shadow:0 18px 34px color-mix(in srgb,var(--shadow)78%,transparent)}.filter-preset-card strong{font-size:14px;line-height:1.4}.filter-preset-card span:last-child{color:var(--muted);font-size:12px;line-height:1.55}.filter-preset-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:9px}.filter-modal-actions-sticky{background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong)12%,transparent),var(--panel-strong)32%);margin-top:-2px;padding-top:16px;position:sticky;bottom:0}.head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:8px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin:0 0 6px;font-size:10px}.sidebar-head h1,.preview-head h2,.login-card h1{margin:0;line-height:1.02}.sidebar-head h1{font-size:clamp(22px,3vw,30px)}.preview-head h2{font-size:clamp(22px,3vw,32px)}.sort-box{min-width:124px;color:var(--muted);gap:6px;font-size:11px;display:grid}.sort-box select,.login-input{border:1px solid var(--border);background:var(--panel-strong);color:var(--text);border-radius:9px;outline:none;padding:7px 9px}.filter-input{border:1px solid var(--border);background:var(--panel-strong);color:var(--text);border-radius:9px;outline:none;min-width:0;padding:7px 9px}.sort-box select:focus-visible,.filter-input:focus-visible,.pagination-button:focus-visible,.article-item:focus-visible,.login-input:focus-visible,.login-button:focus-visible,.logout-button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent)72%,white 28%);outline-offset:2px}.sidebar-meta{color:var(--muted);justify-content:space-between;gap:12px;padding:0 20px 12px;font-size:12px;display:flex}.article-list-shell{grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden}.article-list-scroll,.preview-body,.preview-content,.article-url,.info-value{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb)var(--scrollbar-track)}.article-list-scroll::-webkit-scrollbar{width:10px;height:10px}.preview-body::-webkit-scrollbar{width:10px;height:10px}.preview-content::-webkit-scrollbar{width:10px;height:10px}.article-list-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.preview-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.preview-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.article-list-scroll{min-height:0;padding:0 12px 12px;overflow:auto}.article-item{text-align:left;background:var(--button-bg);width:100%;color:var(--text);cursor:pointer;opacity:0;border:1px solid #0000;border-radius:14px;margin-bottom:8px;padding:13px 14px;animation:.42s cubic-bezier(.21,.76,.28,1) forwards card-rise}.publish-article-card{border:1px solid color-mix(in srgb,var(--border)72%,transparent);background:color-mix(in srgb,var(--panel-soft)86%,transparent);opacity:0;border-radius:16px;gap:8px;margin-bottom:10px;padding:10px;animation:.42s cubic-bezier(.21,.76,.28,1) forwards card-rise;display:grid}.publish-article-card.selected{border-color:color-mix(in srgb,var(--accent)44%,transparent);box-shadow:0 14px 30px color-mix(in srgb,var(--shadow)78%,transparent)}.publish-article-card.blocked{opacity:.88}.publish-article-button{margin-bottom:0}.publish-checkbox{color:var(--text);align-items:center;gap:8px;font-size:12px;display:flex}.publish-checkbox.disabled{color:var(--muted)}.publish-disabled-note{color:var(--danger);margin-top:8px;font-size:11px;line-height:1.45}.article-item:hover{border-color:color-mix(in srgb,var(--accent)28%,transparent);transform:translateY(-2px)}.article-item.selected{background:linear-gradient(180deg,color-mix(in srgb,var(--accent)14%,var(--panel-strong)86%),color-mix(in srgb,var(--accent)6%,var(--panel-strong)94%));border-color:color-mix(in srgb,var(--accent)40%,transparent);box-shadow:0 10px 22px color-mix(in srgb,var(--shadow)80%,transparent)}.article-item-top strong{color:var(--accent);font-size:13px}.article-title{margin-top:6px;font-size:14px;line-height:1.35}.article-flags{color:var(--muted);flex-wrap:wrap;gap:6px;margin-top:6px;font-size:11px;display:flex}.article-flags span{background:color-mix(in srgb,var(--panel-strong)92%,transparent);border:1px solid color-mix(in srgb,var(--border)70%,transparent);border-radius:999px;padding:3px 7px}.article-url{color:var(--muted);word-break:break-all;margin-top:6px;font-size:11px;line-height:1.4}.pagination-bar{border-top:1px solid var(--border);background:color-mix(in srgb,var(--panel)88%,transparent);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 16px;display:flex}.pagination-summary{color:var(--muted);gap:2px;font-size:12px;display:grid}.pagination-summary strong{color:var(--text)}.pagination-actions,.top-actions{gap:8px;display:flex}.publish-toolbar{gap:10px;display:grid}.publish-toolbar-copy{gap:4px;display:grid}.publish-toolbar-copy span{color:var(--muted);font-size:12px}.publish-sort-hint,.publish-reason-list{flex-wrap:wrap;gap:8px;display:flex}.publish-sort-hint span,.publish-reason-list span{border:1px solid color-mix(in srgb,var(--border)72%,transparent);background:color-mix(in srgb,var(--panel-soft)88%,transparent);border-radius:999px;padding:5px 9px;font-size:11px}.pagination-button,.logout-button,.login-button{border:1px solid var(--border);background:var(--button-bg);color:var(--text);cursor:pointer;border-radius:9px;padding:7px 10px;font-size:13px}.login-button{background:linear-gradient(180deg,color-mix(in srgb,var(--accent)88%,white 12%),color-mix(in srgb,var(--accent-strong)92%,black 8%));color:#fff;border-color:color-mix(in srgb,var(--accent-strong)60%,transparent)}.pagination-button:hover:not(:disabled),.logout-button:hover:not(:disabled),.login-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent)32%,transparent);transform:translateY(-1px)}.pagination-button:disabled,.logout-button:disabled,.login-button:disabled{cursor:not-allowed;background:var(--button-disabled);color:var(--muted)}.state-card,.preview-state,.login-error,.login-hint{border:1px dashed var(--border);background:var(--panel-soft);color:var(--muted);border-radius:14px}.state-card{padding:16px}.info-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:14px;display:grid}.info-row{background:var(--panel-soft);border:1px solid color-mix(in srgb,var(--border)76%,transparent);border-radius:14px;gap:6px;padding:12px 14px;display:grid}.info-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:11px}.info-value{word-break:break-all;font-size:13px;line-height:1.4}.info-value.link{color:var(--accent)}.muted{color:var(--muted)}.error{color:var(--danger)}.preview-body{flex-direction:column;gap:14px;min-height:0;padding:0 20px 20px;display:flex;overflow:auto}.preview-state,.login-hint,.login-error{padding:20px}.preview-content{background:var(--panel-strong);border:1px solid color-mix(in srgb,var(--border)76%,transparent);border-radius:18px;flex:none;padding:22px;font-size:14px;line-height:1.65;overflow:visible;box-shadow:inset 0 1px #ffffff0f}.publish-result-card{background:var(--panel-strong);border:1px solid color-mix(in srgb,var(--border)76%,transparent);border-radius:18px;gap:12px;padding:18px;display:grid}.publish-result-list{gap:8px;display:grid}.publish-result-item{border:1px solid color-mix(in srgb,var(--border)72%,transparent);background:color-mix(in srgb,var(--panel-soft)84%,transparent);border-radius:14px;gap:4px;padding:12px;display:grid}.publish-result-item strong{font-size:13px}.publish-result-item span{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:10px}.publish-result-item.published{border-color:#2c9b5d66}.publish-result-item.failed{border-color:color-mix(in srgb,var(--danger)42%,transparent)}.publish-result-item.notStarted{border-color:color-mix(in srgb,var(--border)72%,transparent)}.preview-content img{max-width:100%;height:auto}.preview-content table{max-width:100%;display:block;overflow-x:auto}.preview-content a{color:var(--accent)}.image-gallery{gap:10px;display:grid}.gallery-stage{border:1px solid color-mix(in srgb,var(--border)76%,transparent);background:var(--panel-strong);border-radius:14px;place-items:center;min-height:160px;max-height:240px;padding:10px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.gallery-stage-image{object-fit:contain;width:100%;height:100%;max-height:220px;animation:.22s ease-out both content-fade;display:block}.gallery-empty{color:var(--muted);padding:20px}.gallery-strip{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px;display:grid}.gallery-thumb{border:1px solid color-mix(in srgb,var(--border)76%,transparent);background:var(--button-bg);cursor:pointer;border-radius:10px;place-items:center;height:56px;padding:0;display:grid;overflow:hidden}.gallery-thumb:hover{border-color:color-mix(in srgb,var(--accent)32%,transparent);transform:translateY(-2px)}.gallery-thumb.selected{border-color:color-mix(in srgb,var(--accent)48%,transparent);box-shadow:0 8px 16px color-mix(in srgb,var(--shadow)78%,transparent)}.gallery-thumb-image{object-fit:cover;width:100%;height:100%;display:block}.gallery-thumb-fallback{color:var(--muted);text-align:center;padding:8px;font-size:11px;line-height:1.4}.login-page{place-items:center;padding:24px;display:grid;overflow:auto}.login-card{gap:16px;width:min(100%,420px);padding:28px;display:grid}.login-copy{gap:8px;display:grid}.login-copy p{color:var(--muted);line-height:1.6}.login-form{gap:12px;display:grid}.login-label{color:var(--muted);gap:6px;font-size:12px;display:grid}.modal-pop{animation:.22s cubic-bezier(.2,.78,.3,1) both modal-pop}.panel-enter{animation:.52s cubic-bezier(.2,.78,.3,1) both panel-rise}.panel-enter-delay{animation-delay:80ms}.content-fade{animation:.22s ease-out both content-fade}@keyframes panel-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes card-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes content-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:960px){.workbench-shell{gap:12px;padding:12px}.top-nav-shell{flex-direction:column;align-items:flex-start}.top-nav-tabs{width:100%}.browser-shell{grid-template-rows:auto minmax(0,1fr);gap:12px;padding:12px}.browser-main{grid-template-rows:minmax(280px,42%) minmax(0,1fr);grid-template-columns:1fr;gap:12px}.browser-toolbar{padding:14px 16px}.browser-toolbar-row{grid-template-columns:1fr}.sidebar-head{flex-direction:column}.filter-summary-head,.browser-toolbar-head,.filter-section-head,.filter-summary-actions,.browser-toolbar-actions,.filter-builder-inline,.filter-preset-grid,.filter-modal-head,.filter-modal-actions{justify-content:flex-start;width:100%}.filter-preset-grid,.filter-rule{grid-template-columns:1fr}.filter-rule-actions,.head-actions{justify-content:flex-start;width:100%}.pagination-bar{flex-direction:column;align-items:stretch}.pagination-actions{justify-content:stretch}.pagination-button{flex:1}.gallery-strip{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}.gallery-thumb{height:48px}.modal-backdrop{align-items:end;padding:12px}.filter-modal{border-radius:20px 20px 0 0;width:100%;max-height:calc(100vh - 24px);padding:16px}}@media (max-height:840px){.workbench-shell{gap:10px;padding:10px}.top-nav-shell{padding:14px 16px}.top-nav-shell h1{font-size:clamp(18px,2vw,24px)}.top-nav-tab{padding:7px 12px;font-size:12px}.browser-shell,.browser-main{gap:12px}.browser-toolbar{padding:14px 16px}.sidebar-head,.preview-head{padding:16px 16px 10px}.sidebar-meta{padding:0 16px 10px}.filter-summary-card,.browser-toolbar-section,.publish-result-card{padding:12px}.article-list-scroll{padding:0 10px 10px}.preview-body{padding:0 16px 16px}.gallery-stage{min-height:120px;max-height:180px}.gallery-stage-image{max-height:160px}}@media (max-height:720px){.workbench-shell,.workbench-body,.browser-shell.workbench-pane-shell,.browser-main,.sidebar,.preview-panel{overflow:auto}.browser-main{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}.sidebar,.preview-panel{min-height:560px}.filter-preset-grid{grid-template-columns:1fr}.publish-toolbar,.filter-summary-actions,.top-actions{align-items:stretch}.top-actions{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}