:root{--bg:#f6f5f8;--white:#fff;--ink:#242433;--muted:#90909f;--text:#606171;--line:#edecf2;--accent:#6d55d7;--accent-dark:#5841be;--accent-pale:#f0ecfc;--green:#32a886;--radius:16px;--shadow:0 8px 32px rgba(40,29,82,.035);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b8aaf0;outline-offset:3px}button svg,a svg{flex:none}svg{vertical-align:middle}button{color:inherit}button svg{pointer-events:none}[hidden]{display:none!important}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#fff;border-right:1px solid var(--line);padding:40px 25px 24px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:750;letter-spacing:.4px;white-space:nowrap}.brand small{display:block;font-size:8px;font-weight:600;letter-spacing:2.4px;color:#a2a0af;margin-top:3px}.brand-symbol{width:35px;height:37px;position:relative;display:inline-block;transform:rotate(-9deg)}.brand-symbol i{position:absolute;border-radius:5px;width:26px;height:24px;left:0;top:9px;background:#bbaaf3}.brand-symbol i:nth-child(2){left:5px;top:4px;background:#9981e9}.brand-symbol i:nth-child(3){left:10px;top:0;background:#7053cf;border:3px solid #fff}.workspace-label{font-size:11px;letter-spacing:1.3px;color:#aaa7b5;margin:57px 14px 15px}.platform-nav{display:grid;gap:9px}.platform-button{display:flex;align-items:center;width:100%;gap:13px;padding:15px;border-radius:10px;background:transparent;font-weight:600;color:#777585;font-size:14px}.platform-button:hover{background:#f7f5fc}.platform-button.active{background:var(--accent-pale);color:#6248c4}.platform-button .platform-count{margin-left:auto;font-size:11px;font-weight:600;min-width:22px;text-align:center;border-radius:6px;background:rgba(255,255,255,.7);padding:2px 5px}.platform-button .nav-chevron{margin-left:auto;color:#a18adf}.platform-mark{width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center}.sidebar-note{position:relative;margin:auto 1px 27px;background:#f8f6fd;border:1px solid #f0ebfb;border-radius:14px;padding:21px 18px;overflow:hidden}.note-icon{display:inline-flex;color:#8c74d6;margin-bottom:13px}.sidebar-note strong{display:block;font-size:14px;line-height:1.8;font-weight:600;color:#6b6183}.sidebar-note p{font-size:11px;color:#aaa1ba;line-height:1.9;margin:10px 0 0}.note-decoration{position:absolute;right:14px;top:22px;font-size:42px;color:#e4dcf7;transform:rotate(14deg)}.sidebar-foot{display:flex;align-items:center;justify-content:center;font-size:10px;color:#aaa6b6;gap:7px;letter-spacing:.4px}.tiny-dot{width:5px;height:5px;border-radius:50%;background:#b8a6e2}.main-shell{margin-left:238px}.topbar{height:84px;border-bottom:1px solid #e9e7ee;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:rgba(255,255,255,.55)}.breadcrumb{font-size:12px;color:#a09cae}.crumb-separator{padding:0 14px;color:#c3bfcc}#platform-breadcrumb{color:#686373}.topbar-actions{display:flex;gap:24px;align-items:center}.live-status{display:inline-flex;align-items:center;gap:7px;color:#8b8897;font-size:11px;white-space:nowrap}.status-dot{width:6px;height:6px;background:#b9b3c6;border-radius:50%}.live-status.online .status-dot{background:#34ad86;box-shadow:0 0 0 3px #e5f5ee}.live-status.online{color:#6e9886}.live-status.offline .status-dot{background:#d5a14d}.admin-entry{display:flex;gap:8px;align-items:center;padding:8px 11px;background:#fff;border:1px solid #e6e3ed;border-radius:8px;font-size:11px;color:#746d81}.admin-entry:hover{border-color:#c9bee4;color:var(--accent)}.mobile-brand{display:none}main{padding:24px 48px 0;max-width:1550px;margin:auto}.content-panel{background:#fff;border:1px solid #eae7ef;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;min-height:430px}.menu-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 27px;gap:16px;min-height:65px}.menu-tabs{display:flex;gap:30px;overflow-x:auto;scrollbar-width:none;align-self:stretch}.menu-tabs::-webkit-scrollbar{display:none}.menu-tab{border-radius:0;position:relative;color:#96909e;font-size:13px;font-weight:500;padding:21px 0;background:transparent;white-space:nowrap;display:flex;align-items:center;gap:7px}.menu-tab.active{color:var(--accent);font-weight:650}.menu-tab.active:after{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent);border-radius:3px 3px 0 0;content:""}.menu-tab:hover{color:var(--accent)}.button-text{display:inline-flex;align-items:center;gap:5px;color:#8e839e;background:transparent;font-size:11px;white-space:nowrap;padding:7px 0}.button-text:hover{color:var(--accent)}.content-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px 27px 23px}.section-caption{display:flex;align-items:center;gap:9px;white-space:nowrap}.section-caption h2{font-size:15px;font-weight:650;margin:0}.count-pill{color:#98919f;background:#f6f4f8;padding:2px 7px;border-radius:5px;font-size:10px;white-space:nowrap}.toolbar-right{display:flex;align-items:center;gap:19px}.search-box{display:flex;align-items:center;gap:8px;color:#aaa2b4;border:1px solid #eeebf2;background:#fcfbfd;border-radius:7px;padding:8px 10px;width:209px}.search-box:focus-within{border-color:#b8a6e6;box-shadow:0 0 0 3px #f6f2fd}.search-box input{width:100%;border:0;padding:0;background:transparent;outline:none!important;font-size:11px;color:var(--ink)}.search-box input::placeholder{color:#b0a8ba}.sort-indicator{display:flex;align-items:center;gap:5px;font-size:10px;color:#a59eaf;white-space:nowrap}.content-list{padding:0 27px 8px}.work-row{display:flex;align-items:center;gap:17px;border:1px solid #ece9f0;border-radius:10px;margin-bottom:11px;padding:18px 17px 17px 19px;transition:border-color .15s,box-shadow .15s}.work-row:hover{border-color:#d6ccec;box-shadow:0 3px 14px #61439705}.row-number{align-self:flex-start;color:#b5a9cb;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;background:#f6f2fa;border-radius:6px;display:flex;align-items:center;justify-content:center;width:27px;height:27px;flex:none;margin-top:1px}.row-main{min-width:0;flex:1}.item-title{font-size:12px;color:#82738e;margin:0 0 4px;font-weight:600}.item-body{margin:0;font-size:13px;line-height:1.8;color:#494151;white-space:pre-wrap;overflow-wrap:anywhere}.item-meta{display:flex;align-items:center;gap:6px;margin-top:9px;color:#aea5b8;font-size:10px;flex-wrap:wrap}.new-tag{background:#f0ebfb;border-radius:4px;color:#9b85bf;font-size:9px;line-height:1.5;padding:1px 5px;margin-left:2px}.row-actions{display:flex;align-items:center;gap:7px;flex:none}.copy-button{padding:9px 13px;background:#f2edfc;color:#8061c0;border:1px solid #ede5fb;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;min-width:84px;white-space:nowrap;transition:background .15s}.copy-button:hover{background:#e8def9;color:#6847ae}.copy-button.copied{background:#eaf6ef;color:#329067;border-color:#d7eddf}.icon-button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border-radius:7px;color:#a79bb2}.icon-button:hover{color:var(--accent);background:var(--accent-pale)}.icon-button.danger:hover{color:#bd5a68;background:#fff0f2}.list-footer{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#bbb2c6;letter-spacing:.3px;padding:17px 16px 23px}.footer-check{color:#c4bbcf}.page-footer{display:flex;align-items:center;justify-content:space-between;padding:24px 2px 27px;font-size:10px;color:#b5adbf;letter-spacing:.2px}.footer-divider{padding:0 8px;color:#d3cbdc}.original-note{display:flex;align-items:center;gap:5px}.primary-button,.secondary-button,.danger-button{padding:10px 16px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:550;white-space:nowrap}.primary-button{color:#fff;background:var(--accent);box-shadow:0 3px 8px #6d55d71a}.primary-button:hover{background:var(--accent-dark)}.secondary-button{color:#766881;background:#f4f1f8;border:1px solid #e9e2f1}.secondary-button:hover{background:#eae4f4}.danger-button{color:#fff;background:#c75d6c}.danger-button:hover{background:#b84c5c}.loading-state,.empty-state{display:flex;min-height:267px;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;color:#a39aaa;font-size:12px}.empty-symbol{display:flex;align-items:center;justify-content:center;width:62px;height:62px;background:#f6f2fb;border:1px solid #eee5f7;border-radius:19px;color:#aa97c6;margin-bottom:17px}.empty-state h3{font-size:15px;color:#6f627d;font-weight:550;margin:0 0 7px}.empty-state p{max-width:300px;line-height:1.8;margin:0 0 17px}.spinner{width:23px;height:23px;border:2px solid #ece5f7;border-top-color:#9178ca;border-radius:50%;animation:spin .8s linear infinite}.material-filters{display:flex;gap:8px;padding:0 27px 21px}.filter-chip{font-size:11px;color:#9c8fa8;background:#faf8fc;border:1px solid #f0eaf5;padding:6px 13px;border-radius:6px}.filter-chip.active{color:#8463bb;border-color:#e4d8f7;background:#f4edff}.content-list.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:8px}.material-card{border:1px solid #ece6f2;border-radius:11px;overflow:hidden;display:flex;flex-direction:column;background:#fff;transition:box-shadow .2s}.material-card:hover{box-shadow:0 5px 22px #5c3f7310}.material-preview{position:relative;background:#f4f0f7;aspect-ratio:1.27;overflow:hidden;border:0;width:100%;padding:0;display:block}.material-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.material-preview:hover img{transform:scale(1.025)}.image-badge{position:absolute;left:11px;top:11px;border:1px solid #ffffff80;background:#ffffffdf;backdrop-filter:blur(5px);border-radius:5px;padding:2px 6px;font-size:9px;color:#6d5b7c}.preview-open{position:absolute;right:11px;bottom:10px;background:#ffffffd9;border-radius:5px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:#786883}.material-text-cover{padding:24px;aspect-ratio:1.27;background:linear-gradient(130deg,#f4effa,#f9f7fb);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.material-text-cover:before{content:'“';color:#e3d8ef;font-family:Georgia,serif;font-size:94px;position:absolute;top:-9px;left:18px}.material-text-cover p{position:relative;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 0;font-size:14px;line-height:1.9;color:#7f6b90;white-space:pre-wrap;overflow-wrap:anywhere}.material-info{padding:15px;flex:1;display:flex;flex-direction:column}.material-info h3{font-size:13px;line-height:1.6;margin:0;font-weight:600;color:#605067;overflow-wrap:anywhere}.material-caption{font-size:11px;line-height:1.8;margin:5px 0 0;color:#9a8da4;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.material-info .item-meta{margin-top:7px;font-size:9px;gap:4px}.material-actions{display:flex;gap:6px;align-items:center;margin-top:14px;flex-wrap:wrap}.material-actions .copy-button{font-size:10px;padding:7px 9px;min-width:0;flex:1}.download-button{background:#faf8fc;border-color:#ebe5f1;color:#9684a4}.material-admin-actions{margin-left:auto;display:flex}.material-admin-actions .icon-button{width:25px;height:25px}.mobile-bottom-nav{display:none}.modal-overlay{position:fixed;inset:0;background:#24203165;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:100;animation:fade-in .16s ease}.modal{background:#fff;border:1px solid #ffffff80;border-radius:18px;width:500px;max-width:100%;max-height:calc(100dvh - 48px);box-shadow:0 30px 100px #1d142c30;display:flex;flex-direction:column;overflow:hidden}.modal.wide{width:620px}.modal.preview-modal{width:820px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:23px 25px 17px;gap:18px}.modal-header h2{margin:0;font-size:18px;font-weight:650}.modal-header p{margin:5px 0 0;color:#a192ad;font-size:11px}.modal-close{flex:none;width:29px;height:29px;border-radius:50%;background:#f4f0f8;color:#a091ad;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#665079;background:#eae0f3}.modal-body{padding:5px 25px 25px;overflow-y:auto}.modal-footer{padding:16px 25px 20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:9px;background:#fefcfe}.field{display:block;margin-bottom:17px}.field-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:600;color:#72617f;margin-bottom:8px}.field-label small{font-size:10px;font-weight:400;color:#b1a2bd}.field input:not([type=checkbox]):not([type=file]),.field textarea,.field select,.menu-edit-name,.menu-edit-kind{width:100%;border:1px solid #e7dfed;background:#fcfafd;border-radius:8px;padding:11px 12px;color:#504456;outline:none;font-size:12px}.field input:focus,.field textarea:focus,.field select:focus,.menu-edit-name:focus{border-color:#a48bce;box-shadow:0 0 0 3px #f3ecfb}.field input::placeholder,.field textarea::placeholder{color:#b8a9c3}.field textarea{resize:vertical;min-height:135px;line-height:1.8}.field-hint{font-size:10px;color:#a495b0;line-height:1.8;margin:7px 0 0}.form-error{font-size:11px;color:#b55664;background:#fff2f3;border:1px solid #f7dce1;padding:9px 11px;border-radius:7px;line-height:1.7;margin-bottom:14px;white-space:pre-wrap}.form-info{font-size:11px;color:#95819f;background:#f9f5fc;border:1px solid #eee5f5;padding:13px;border-radius:8px;line-height:1.9;margin:0 0 20px}.checkbox-field{display:flex;align-items:center;gap:7px;font-size:11px;color:#96819f;cursor:pointer;margin:0 0 16px}.checkbox-field input{accent-color:var(--accent)}.upload-zone{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #d9c9e8;background:#fbf8fd;border-radius:10px;min-height:124px;cursor:pointer;padding:20px;text-align:center;color:#a88cbd;gap:8px}.upload-zone:hover,.upload-zone.dragging{background:#f4ecfb;border-color:#aa8dc7}.upload-zone strong{font-size:12px;font-weight:500;color:#896b9f}.upload-zone small{font-size:10px;color:#b19abd}.upload-zone input{position:absolute;width:1px;height:1px;opacity:0}.upload-preview{display:flex;gap:12px;align-items:center;border:1px solid #e8dfee;border-radius:9px;padding:10px;min-width:0}.upload-preview img{width:66px;height:66px;object-fit:cover;border-radius:5px;background:#f3edf7}.upload-preview-info{min-width:0;flex:1;font-size:11px;color:#8a709b}.upload-preview-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.upload-preview-info small{display:block;margin-top:5px;font-size:10px;color:#b09abe}.menu-edit-row{display:flex;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid #f1ebf6}.menu-edit-name{min-width:0;flex:1;padding:9px}.menu-edit-kind{width:100px;flex:none;padding:9px 4px;font-size:11px}.menu-edit-row .secondary-button{padding:8px;font-size:11px}.new-menu-section{border-top:1px solid #eee5f5;margin-top:23px;padding-top:19px}.new-menu-section h3{font-size:12px;color:#887391;font-weight:550;margin:0 0 13px}.menu-add-fields{display:grid;grid-template-columns:1fr 110px;gap:10px}.menu-empty{font-size:12px;color:#a18bac;padding:14px 0}.account-info{display:flex;align-items:center;gap:13px;background:#f7f1fc;padding:15px;border-radius:9px;margin:4px 0 20px}.account-avatar{display:flex;align-items:center;justify-content:center;background:#e9def6;color:#9973b9;border-radius:10px;width:40px;height:40px}.account-info strong{font-size:13px;display:block;color:#81618e}.account-info small{display:block;margin-top:3px;font-size:10px;color:#af94bc}.account-actions{display:grid;gap:10px}.preview-image-frame{background:#f6f2f8;display:flex;justify-content:center;align-items:center;min-height:180px;border-radius:9px;overflow:hidden}.preview-image-frame img{max-width:100%;max-height:60vh;object-fit:contain;display:block}.preview-details{color:#a18caf;font-size:11px;line-height:1.8;margin:13px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.preview-original-hint{font-size:10px;color:#b3a1bf;margin:8px 0 0}.toast-region{position:fixed;z-index:200;bottom:32px;left:50%;transform:translateX(-50%);pointer-events:none;max-width:calc(100vw - 32px);display:grid;gap:9px}.toast{display:flex;align-items:center;gap:8px;padding:12px 19px;border-radius:10px;background:#3e3049;box-shadow:0 8px 30px #24172d20;color:#fff;font-size:12px;animation:toast-in .2s ease;line-height:1.7}.toast.error{background:#a24e63}.toast svg{flex:none}.confirmation-text{font-size:13px;color:#8f789c;line-height:1.9;margin:2px 0 12px}.confirmation-detail{font-size:11px;color:#ac95b9;line-height:1.7;background:#faf5fd;border-radius:7px;padding:10px;white-space:pre-wrap;overflow-wrap:anywhere}.admin-row .row-actions{gap:3px}.admin-row .copy-button{margin-left:5px}.mobile-only{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1550px){main{padding-top:30px}.work-row{padding-top:22px;padding-bottom:21px;margin-bottom:13px}}@media(max-width:1180px){.sidebar{width:210px;padding-left:20px;padding-right:20px}.main-shell{margin-left:210px}.topbar{padding:0 32px}main{padding:24px 32px 0}.sort-indicator{display:none}.content-list.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.row-actions{gap:3px}}@media(max-width:900px){.sidebar{width:185px;padding-left:16px;padding-right:16px}.brand{font-size:16px;gap:8px}.brand small{font-size:7px;letter-spacing:1.8px}.main-shell{margin-left:185px}.topbar{padding:0 24px}.topbar-actions{gap:15px}main{padding:22px 24px 0}.content-toolbar{padding:21px}.content-list{padding-left:21px;padding-right:21px}.menu-bar{padding:0 21px}.menu-tabs{gap:23px}.work-row{padding:15px 13px;gap:11px}.row-number{display:none}.search-box{width:180px}.admin-row .row-actions{flex-wrap:wrap;max-width:88px;justify-content:center}.admin-row .copy-button{margin-left:0}.page-footer{font-size:9px}.original-note{max-width:145px;text-align:right}.material-filters{padding-left:21px}.content-list.material-grid{gap:13px}}@media(max-width:700px){.sidebar{display:none}.main-shell{margin-left:0}.topbar{height:67px;background:#fff;border-bottom:1px solid #eee8f2;padding:0 20px;position:sticky;top:0;z-index:30}.mobile-brand{display:inline;font-weight:700;font-size:16px;color:#3c2f49;letter-spacing:.2px}.desktop-crumb{display:none}.topbar-actions{gap:12px}.live-status{font-size:9px;gap:5px}.status-dot{width:5px;height:5px}.admin-entry{font-size:10px;padding:7px 8px;gap:5px}.admin-entry svg{width:13px;height:13px}main{padding:17px 17px 0}.content-panel{border-radius:12px;min-height:390px}.menu-bar{padding:0 17px;min-height:57px;gap:11px}.menu-tabs{gap:24px}.menu-tab{font-size:12px;padding:17px 0;gap:5px}.menu-tab svg{width:14px;height:14px}.menu-manage{font-size:10px;gap:3px}.menu-manage svg{width:13px;height:13px}.content-toolbar{padding:19px 15px 17px;flex-wrap:wrap;gap:13px}.section-caption h2{font-size:13px}.count-pill{font-size:9px}.toolbar-right{gap:0;flex:1;min-width:145px;justify-content:flex-end}.search-box{width:100%;max-width:180px;padding:7px 8px;gap:5px}.search-box input{font-size:10px}.search-box svg{width:13px;height:13px}.content-list{padding:0 12px 4px}.work-row{padding:15px 12px;margin-bottom:9px;border-radius:8px;align-items:flex-start;gap:10px}.row-main{padding-top:1px}.item-body{font-size:12px;line-height:1.9}.item-title{font-size:10px;margin-bottom:4px}.item-meta{font-size:9px;margin-top:8px;gap:4px}.item-meta svg{width:10px;height:10px}.new-tag{font-size:8px;padding:1px 4px}.copy-button{min-width:0;padding:8px;font-size:10px;gap:4px}.copy-button svg{width:12px;height:12px}.row-actions{padding-top:2px;align-self:center}.admin-row .row-actions{max-width:65px;min-width:65px}.admin-row .icon-button{width:26px;height:26px}.list-footer{font-size:8px;letter-spacing:0;padding:17px 5px 20px;gap:4px}.page-footer{padding:20px 0 calc(96px + env(safe-area-inset-bottom));font-size:8px;gap:10px;align-items:flex-start}.page-footer .footer-divider{padding:0 3px}.original-note{font-size:8px;gap:4px;white-space:nowrap;max-width:none}.original-note svg{width:11px;height:11px}.mobile-bottom-nav{display:flex;position:fixed;z-index:40;left:0;right:0;bottom:0;justify-content:space-around;align-items:stretch;padding:8px 35px calc(8px + env(safe-area-inset-bottom));background:#fffffffa;border-top:1px solid #ebe4f2;backdrop-filter:blur(16px)}.mobile-bottom-nav .platform-button{display:flex;flex-direction:column;justify-content:center;gap:3px;width:100px;padding:5px 20px;border-radius:9px;font-size:10px;font-weight:500;color:#b0a1bb}.mobile-bottom-nav .platform-button.active{color:#7c5bb5;background:#f7f1fc}.mobile-bottom-nav .platform-mark{width:23px;height:23px}.platform-count,.nav-chevron{display:none!important}.material-filters{padding:0 15px 16px;gap:6px}.filter-chip{font-size:10px;padding:5px 10px}.content-list.material-grid{padding-left:12px;padding-right:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.material-card{border-radius:9px}.material-preview{aspect-ratio:1}.material-text-cover{aspect-ratio:1;padding:15px}.material-text-cover:before{font-size:76px;left:13px;top:-11px}.material-text-cover p{font-size:11px;line-height:1.9;-webkit-line-clamp:4}.material-info{padding:10px}.material-info h3{font-size:11px;line-height:1.7}.material-caption{font-size:10px;line-height:1.7;margin-top:3px}.material-info .item-meta{font-size:8px;line-height:1.7;gap:3px}.material-info .item-meta svg{display:none}.material-actions{margin-top:10px;gap:5px}.material-actions .copy-button{font-size:9px;padding:6px 5px;gap:3px;flex-basis:100%}.material-admin-actions{margin-left:0;justify-content:flex-end;width:100%}.material-admin-actions .icon-button{width:23px;height:23px}.image-badge{font-size:8px;left:8px;top:8px;padding:1px 4px}.preview-open{right:7px;bottom:7px;width:22px;height:22px}.preview-open svg{width:12px;height:12px}.modal-overlay{padding:14px;align-items:center}.modal{border-radius:14px;max-height:calc(100dvh - 28px)}.modal-header{padding:20px 19px 15px}.modal-header h2{font-size:17px}.modal-header p{font-size:10px}.modal-body{padding:3px 19px 20px}.modal-footer{padding:14px 19px 17px}.field-label{font-size:11px}.field input:not([type=checkbox]):not([type=file]),.field textarea,.field select{font-size:16px;padding:10px 11px}.field textarea{font-size:14px}.menu-edit-row{gap:5px}.menu-edit-name{font-size:12px;padding:9px 6px}.menu-edit-kind{width:84px;font-size:10px;padding:9px 0}.menu-edit-row .secondary-button{font-size:10px;padding:8px 6px}.menu-edit-row .icon-button{width:25px;flex:none}.menu-add-fields{grid-template-columns:1fr 100px}.menu-add-fields select{font-size:12px!important;padding-left:7px!important}.toast-region{bottom:calc(90px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 30px)}.toast{font-size:11px;padding:11px 15px}.preview-image-frame img{max-height:53vh}.mobile-only{display:initial}.empty-state{padding-left:10px;padding-right:10px}.empty-state p{font-size:11px}.new-tag{display:none}.confirmation-detail{font-size:10px}}@media(max-width:360px){main{padding-left:11px;padding-right:11px}.topbar{padding:0 14px}.live-status{display:none}.toolbar-right{min-width:120px}.search-box{max-width:145px}.page-footer{font-size:7px}.original-note{font-size:7px}.item-body{font-size:11px}.copy-button{font-size:9px;padding:7px 6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.menu-actions{display:flex;align-items:center;gap:14px;flex:none}.menu-actions .primary-button{padding:8px 12px;font-size:11px}@media(max-width:700px){.menu-actions{gap:9px}.menu-actions .primary-button{padding:7px 8px;font-size:10px;gap:4px}.menu-actions .primary-button svg{width:13px;height:13px}.menu-bar.admin-mode{flex-wrap:wrap;padding-top:10px;padding-bottom:10px;row-gap:7px}.menu-bar.admin-mode .menu-tabs{flex:1;min-width:130px}.menu-bar.admin-mode .menu-tab{padding:10px 0}}