/* Media library and touch layouts share the existing workspace palette. */
.media-toolbar{display:flex;align-items:flex-end;gap:16px;margin:0 0 24px;flex-wrap:wrap}.media-search{flex:1;min-width:180px}.media-usage-filter{min-width:145px}.media-toolbar>strong{padding-bottom:12px;white-space:nowrap;color:var(--muted);font-size:14px}.storage-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:0 0 24px}.storage-summary>div{display:flex;flex-direction:column;gap:6px;background:#fff;padding:18px}.storage-summary small{color:var(--muted);font-size:12px}.storage-summary strong{font-size:23px;font-weight:500}.storage-summary span{color:var(--muted);font-size:11px;line-height:1.6}.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.asset-grid>.empty{grid-column:1/-1}.asset-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:0}.asset-preview{display:block;width:100%;padding:12px;border:0;border-radius:0;position:relative;background:#edf2e9;cursor:zoom-in}.asset-preview img{display:block;width:100%;aspect-ratio:4/5;object-fit:contain}.asset-preview>span{position:absolute;right:16px;bottom:16px;background:#fffef2ed;box-shadow:0 2px 10px #0001;padding:6px 9px;border-radius:6px;font-size:12px}.asset-info{padding:16px}.asset-info h3{font-size:15px;line-height:1.65;overflow-wrap:anywhere;margin:0 0 8px}.asset-info small{display:block;font-size:12px;line-height:1.7;color:var(--muted)}.asset-info button{font-size:12px;margin-top:10px;padding:8px 0;white-space:normal;text-align:left}.asset-actions{display:flex;gap:10px;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}.asset-actions .asset-delete{color:#a33d32;border-color:transparent;background:transparent}.asset-actions .asset-delete:hover{background:#fff0ed}.asset-choice{display:flex;flex-direction:row;align-items:center;gap:10px;margin-top:14px;min-height:44px;font-size:14px;cursor:pointer}.asset-choice input{width:20px;height:20px;accent-color:#354f25}.asset-card:has(input:checked){border-color:#548237;box-shadow:0 0 0 2px #548237}.picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.picker-footer{position:sticky;bottom:-20px;display:flex;gap:12px;justify-content:space-between;align-items:center;background:#fff;padding:18px 0;border-top:1px solid var(--line);margin-top:24px;z-index:2}.media-pagination{margin:22px 0 6px}.media-zoom{width:min(980px,calc(100% - 20px));max-height:94dvh;background:#f4f6f0;padding:0;overflow:auto}.media-zoom-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#ffffffed;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.media-zoom-bar strong{font-size:14px;overflow-wrap:anywhere}.media-zoom-bar button{flex-shrink:0;min-width:44px;min-height:44px}.media-zoom-body{padding:16px;display:flex;justify-content:center}.media-zoom-body img{display:block;width:auto;max-width:100%;height:auto;max-height:1100px;object-fit:contain}.media-zoom>.source-link{margin:0 18px 18px}.asset-detail-preview{display:block;width:100%;padding:16px;background:#f2f5ed;cursor:zoom-in}.asset-detail-preview img{display:block;max-height:480px;width:100%;object-fit:contain}.media-usage-list{display:grid;gap:10px;margin-top:16px}.media-usage-list button{text-align:left;display:grid;gap:10px;line-height:1.7;white-space:normal;overflow-wrap:anywhere}.media-usage-list button>span:nth-child(2){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.media-thumb{width:152px;height:190px;padding:4px;cursor:zoom-in}.media-thumb img{object-fit:contain}.attachment-open{border:0;padding:0;border-radius:0;width:100%;cursor:zoom-in;background:transparent}.attachment-open:hover{background:transparent}.attachment-open img{max-height:650px}.asset-preview:focus-visible,.attachment-open:focus-visible,.media-thumb:focus-visible{outline:3px solid #638e36;outline-offset:-3px}.post-card .account-name{min-width:0}.post-card .account-name strong{overflow-wrap:anywhere}.post-card-top>.row{min-width:0}.main-wrap{min-width:0}#main{min-width:0}#nav-backdrop,#nav-close{display:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #6a8d42;outline-offset:3px}
@media(max-width:1250px){.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.storage-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){
  html{-webkit-text-size-adjust:100%}body{overflow-wrap:anywhere}input,select,textarea{font-size:16px;min-height:44px;max-width:100%;min-width:0}button,.quiet,.icon-btn{min-height:44px}.icon-btn{min-width:44px}.topbar{height:auto;min-height:76px;padding:10px 12px;gap:8px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;position:sticky;top:0;z-index:15;background:#fafbf7f5;backdrop-filter:blur(12px);padding-top:max(10px,env(safe-area-inset-top))}.scope-selector{min-width:0;display:flex;flex-wrap:wrap;gap:0 6px}.scope-selector select{font-size:16px;max-width:100%;width:100%;padding:4px 6px;min-height:44px}.scope-selector #platform{font-size:16px;min-height:44px;width:auto}.scope-selector .divider{display:none}.topbar .top-right{justify-content:center}.topbar .top-right button{font-size:0;padding:0;width:44px;height:44px}.topbar .top-right button:before{content:'↻';font-size:23px}.topbar .top-right button:after{content:'更新';display:block;font-size:10px;line-height:1}.top-right .live-label{display:none}
  main{padding:24px 16px max(32px,env(safe-area-inset-bottom));}.page-head h1{font-size:26px;line-height:1.4}.page-head p{line-height:1.75}.page-head{gap:16px}h2{line-height:1.5}.panel{padding:16px}.row{min-width:0}.section-head{gap:12px}.section-head>div{min-width:0}.toolbar,.filter-panel{gap:10px}.filter-panel>input{min-width:0}.filter-panel label{min-width:100px}.filter-panel select{max-width:100%}.post-card-top{gap:10px;flex-wrap:wrap}.post-card-time{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px}.post-card-top .avatar{display:grid}.card-copy,.thread-text{font-size:16px;line-height:1.9}.status-tabs button{padding:10px 14px}.storage-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.storage-summary>div{padding:14px}.storage-summary strong{font-size:20px}.asset-grid,.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.asset-preview{padding:7px}.asset-preview>span{bottom:10px;right:10px;font-size:10px;padding:4px 6px}.asset-info{padding:12px}.asset-info h3{font-size:14px}.asset-info button{min-height:44px;font-size:12px}.asset-actions{display:block}.media-toolbar{gap:10px;margin-bottom:18px}.media-toolbar>button{width:100%}.media-search,.media-usage-filter{min-width:0;width:100%}.media-pagination{justify-content:center}.media-thumb{width:136px;height:170px}.attachment-open img{max-height:600px}.attachment-gallery{min-width:0}.compose-grid .panel>.row{flex-wrap:wrap}.compose-grid label{min-width:0;max-width:100%}.compose-grid .panel>.row>label:first-child{flex-basis:180px!important}.compose-actions{gap:10px}.compose-actions>button{flex:1;min-width:140px}.preview-post{padding:18px}.target-lock .row{flex-wrap:wrap}.account-grid .row{flex-wrap:wrap}.pagination{flex-wrap:wrap}.table-wrap{max-width:100%;overflow:auto}.table-wrap table{min-width:520px}
  #sidebar{z-index:60;width:min(300px,86vw);height:100dvh;padding-bottom:env(safe-area-inset-bottom);overflow-y:auto}.mobile-nav-open{overflow:hidden}#nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;width:100%;height:100dvh;z-index:50;background:#111d12aa;border:0;border-radius:0;padding:0}#nav-close{display:block;position:absolute;top:12px;right:8px;z-index:1;background:white}#sidebar .brand{margin-top:20px}#sidebar nav a{min-height:48px}#sidebar .nav-bottom{position:static;margin-top:auto}#sidebar .new-post{min-height:48px}#sidebar .user-block{flex-wrap:wrap}
  dialog{width:calc(100% - 20px);max-height:94dvh;border-radius:14px}#modal-content{padding:18px 14px}.modal-top{gap:12px;position:sticky;top:-18px;background:#fff;z-index:3;padding:10px 0;margin-top:-8px}.modal-top>div,.modal-top>h2{min-width:0}.modal-top h2{font-size:19px;overflow-wrap:anywhere}.modal-top>button{flex-shrink:0}.picker-footer{bottom:-18px;padding-bottom:max(18px,env(safe-area-inset-bottom));flex-wrap:wrap}.media-zoom-body{padding:8px}.media-zoom-body img{width:100%;max-height:none}.media-zoom-bar{padding:10px 12px}.thread-node{padding:12px}.media-usage-list button{font-size:14px}#toast{bottom:max(16px,env(safe-area-inset-bottom));left:16px;right:16px;max-width:none;font-size:14px}
  #login{min-height:100dvh;background:linear-gradient(155deg,#f8faef,#eef2e5)}.login-form{width:min(400px,calc(100% - 40px));gap:20px;padding:40px 0}.login-form img{max-width:100%;width:260px;margin:-15px 0 5px}.login-form h2{font-size:22px;line-height:1.5}.login-form p{font-size:14px;line-height:1.8}.login-form label{font-size:14px}.login-form input{min-height:50px;font-size:16px}.login-form .primary{min-height:52px;font-size:16px}.login-form small{font-size:12px}
}
@media(max-width:360px){.asset-info{padding:10px}.asset-info h3{font-size:13px}.asset-grid{gap:10px}.asset-choice{font-size:12px;gap:6px}.post-card-top .avatar{display:none}.post-card-body{padding:14px}.thread-node{padding:10px}.media-thumb{width:124px;height:155px}.picker-footer>button{flex:1}}
@media(prefers-reduced-motion:reduce){#sidebar{transition:none}}