:root{--red:#ff2e4d;--red-soft:#fff1f3;--ink:#242424;--muted:#8d8d8d;--line:#ededed;--paper:#fff;--soft:#f7f7f7;--accent:#ff2e4d;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff}.page-stage>[hidden]{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffb5c0;outline-offset:3px}a{color:inherit}.app-shell{min-height:100vh}.side-nav{position:fixed;inset:0 auto 0 0;width:216px;padding:26px 22px 20px 32px;background:#fff;border-right:1px solid #f1f1f1;display:flex;flex-direction:column;z-index:20}.side-brand{width:118px;height:40px;padding:0 14px;border-radius:20px;background:var(--red);color:#fff;display:grid;place-content:center;font-weight:800;font-size:15px;line-height:1;text-align:center;white-space:nowrap;text-decoration:none;margin:0 0 26px 9px;letter-spacing:-1px}.side-nav nav{display:grid;gap:8px}.nav-item{position:relative;border:0;background:transparent;border-radius:10px;min-height:48px;display:flex;align-items:center;gap:16px;padding:0 14px;font-size:14px;text-align:left}.nav-item:hover,.nav-item.active{background:#f6f6f6}.nav-icon{width:22px;text-align:center;font-size:20px;font-family:Arial,sans-serif;font-weight:400}.nav-item strong{font-size:14px;font-weight:500}.nav-item i{width:6px;height:6px;border-radius:50%;background:#55d4ca}.side-bottom{margin-top:auto;display:grid;gap:4px}.page-stage{margin-left:216px;min-height:100vh}.home-view{max-width:1050px;margin:0 auto;padding:20px 44px 80px}.search-header{height:54px;display:flex;align-items:center;justify-content:center;gap:14px}.search-box{width:min(500px,65vw);height:38px;border-radius:20px;background:#f6f6f6;display:flex;align-items:center;padding:0 16px;color:#aaa}.search-box span{font-size:22px;margin-right:8px}.search-box input{width:100%;border:0;outline:0;background:transparent;font-size:13px;color:#555}.round-action{display:none;border:0;background:var(--red);color:#fff;width:36px;height:36px;border-radius:50%;font-size:22px}.profile-card{display:grid;grid-template-columns:128px 1fr;gap:38px;padding:42px 120px 32px 90px}.profile-avatar{width:108px;height:108px;border-radius:50%;background:linear-gradient(145deg,#262626,#727272);display:grid;place-content:center;color:#fff;position:relative;box-shadow:inset 0 0 0 7px #f6f6f6}.profile-avatar span{width:74px;height:74px;border-radius:50%;background:linear-gradient(145deg,#ff7185,#ff2345);display:grid;place-content:center;font-family:serif;font-weight:bold;font-size:36px}.profile-avatar i{position:absolute;right:0;bottom:7px;width:22px;height:22px;background:#ffcf50;border:3px solid white;border-radius:50%}.profile-heading{display:flex;align-items:flex-start;gap:12px}.profile-heading>div{min-width:0}.profile-heading h1{font-size:20px;margin:0 0 6px;font-weight:700}.profile-heading p{font-size:11px;color:#aaa;margin:0}.follow-button{margin-left:auto;width:68px;height:32px;border:1px solid var(--red);background:#fff;border-radius:17px;color:var(--red);font-size:12px}.follow-button.followed{background:#f6f6f6;border-color:#eee;color:#777}.profile-more{border:0;background:transparent;font-size:18px;line-height:1}.profile-bio{font-size:12px;line-height:1.8;margin:18px 0 11px;color:#555}.profile-stats{display:flex;gap:18px;color:#999;font-size:11px}.profile-stats strong{color:#555;font-weight:500}.content-tabs{height:48px;display:flex;justify-content:center;gap:36px;border-bottom:1px solid var(--line)}.content-tabs button{position:relative;border:0;background:transparent;color:#777;padding:0 7px;font-size:13px}.content-tabs button.active{color:#222;font-weight:600}.content-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:24px;height:2px;background:#222;border-radius:2px}.filter-row{height:52px;display:flex;align-items:center;justify-content:space-between;color:#999;font-size:11px}.filter-row>div{display:flex;gap:8px}.filter-chip{border:0;background:#f6f6f6;border-radius:14px;padding:6px 12px;font-size:11px;color:#888}.filter-chip.active{background:#222;color:#fff}.showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px}.showcase-card{border:0;background:#fff;padding:0;text-align:left;min-width:0;border-radius:10px;transition:transform .2s}.showcase-card:hover{transform:translateY(-4px)}.showcase-cover{aspect-ratio:1.18/1;border-radius:9px;background:#121212;padding:9px;box-shadow:0 1px 3px #00000018;position:relative;overflow:hidden}.cover-top{height:14px;color:#fff;font:6px Arial,sans-serif;letter-spacing:.4px;display:flex;align-items:center;justify-content:center;opacity:.75}.cover-grid{height:calc(100% - 14px);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px}.cover-cell{min-width:0;min-height:0;background:#f4f0ea;display:grid;place-content:center;text-align:center;color:#c69e8e;font-family:serif;font-size:7px;line-height:1.2;overflow:hidden;position:relative}.cover-cell.photo{background:linear-gradient(145deg,var(--tile-a),var(--tile-b));color:#fff}.cover-cell.photo:after{content:"";width:26px;height:26px;border-radius:50%;border:2px solid #ffffff90;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.showcase-card:nth-child(3n+1){--tile-a:#f3cad0;--tile-b:#f9e0b4}.showcase-card:nth-child(3n+2){--tile-a:#bcd9d3;--tile-b:#e8bd9d}.showcase-card:nth-child(3n){--tile-a:#c7c1e8;--tile-b:#f0c7d8}.showcase-title{display:block;font-size:12px;line-height:1.45;margin:9px 2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;align-items:center;margin:0 2px;color:#999;font-size:9px}.card-avatar{width:18px;height:18px;border-radius:50%;background:linear-gradient(145deg,#ff7b8c,#ff3855);display:grid;place-content:center;color:#fff;font-size:8px;margin-right:5px}.card-likes{margin-left:auto}.empty-state{text-align:center;padding:90px 20px;color:#999}.empty-state strong{color:#555}.editor-view{min-height:100vh;background:#f7f7f5}.maker-topbar{height:68px;background:#fff;border-bottom:1px solid #ebebe8;padding:0 3%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:15}.back-button{border:0;background:transparent;font-size:13px}.maker-title{text-align:center;display:grid;gap:3px;font-weight:700}.maker-title small{font-size:9px;color:#999;font-weight:400}.maker-title i{display:inline-block;width:5px;height:5px;background:#67a66d;border-radius:50%}.maker-body{max-width:1460px;margin:0 auto;padding:36px 3% 0}.button{border:1px solid #deded9;border-radius:8px;background:white;padding:11px 18px;font-size:12px;line-height:1.5;transition:background .15s,transform .15s}.button:hover{background:#f1f1ee}.button:active{transform:translateY(1px)}.button.primary{background:var(--red);border-color:var(--red);color:#fff;font-weight:600}.button.primary:hover{background:#e52744}.button.subtle{background:transparent}.button.full{width:100%}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:24px}.workspace-heading h1{font-family:serif;font-size:28px;margin:8px 0 8px;letter-spacing:1px}.workspace-heading p{margin:0;color:#8b8b85;font-size:12px}.eyebrow{font-size:9px;letter-spacing:2px;color:#a29b91}.steps{display:flex;align-items:center;gap:12px;color:#999;font-size:11px}.steps span{display:flex;align-items:center;gap:8px;white-space:nowrap}.steps b{width:24px;height:24px;border-radius:50%;border:1px solid #d9d9d3;display:grid;place-content:center;font-weight:500}.steps .active{color:var(--red)}.steps .active b{background:var(--red);border-color:var(--red);color:#fff}.steps i{width:50px;height:1px;background:#ddd}.workspace{display:grid;grid-template-columns:220px minmax(390px,1fr) 260px;gap:20px}.panel{background:#fff;border:1px solid #e9e9e5;border-radius:8px;box-shadow:0 9px 28px #4f4d3f0a;overflow:hidden}.templates-panel,.settings-panel{padding:24px 18px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.panel-title h2{font-size:14px;margin:0}.panel-title span{font:12px Georgia;color:#aaa}.muted{color:#999}.small{font-size:10px;line-height:1.6}.template-card{width:100%;border:1px solid #ecece7;background:#fff;border-radius:7px;padding:9px;margin:16px 0;display:block;text-align:left}.template-card:hover{border-color:#ff9aa9}.template-card.selected{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}.mini-grid{aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:#f4f2eb;padding:3px}.mini-grid canvas{width:100%;height:100%;display:block}.template-caption{display:flex;justify-content:space-between;align-items:center;margin:9px 2px 4px}.template-caption strong{font-size:11px}.template-caption small{font-size:9px;color:#999;font-weight:400}.template-meta{font-size:8px;color:#aaa;margin-left:2px}.local-tip{margin-top:22px;border-top:1px solid #eee;padding:18px 2px 0;display:flex;gap:9px;color:#777}.local-tip>span{color:#749a72}.local-tip strong{font-size:10px}.local-tip p{font-size:9px;line-height:1.55;margin:4px 0 0;color:#aaa}.editor-panel{min-width:0}.editor-header{height:73px;padding:17px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.editor-header h2{font-family:serif;font-size:18px;margin:4px 0 0}.progress-pill{font-size:9px;color:#777;border:1px solid #e5e5df;border-radius:13px;padding:6px 10px}.maker-upload-tools{display:flex;align-items:center;gap:10px}.maker-upload-tools button{height:34px;padding:0 15px;border:0;border-radius:17px;background:#ff2e4d;color:#fff;font-size:12px;font-weight:700;box-shadow:0 6px 14px #ff2e4d26}.maker-upload-tools button:hover{background:#ed1f40}.canvas-area{background:#f1f1ed;padding:22px 40px 16px;text-align:center}.page-chip{font-size:9px;color:#999;margin-bottom:11px}#canvas-wrap{width:100%;max-width:430px;aspect-ratio:1;margin:auto;position:relative;box-shadow:0 11px 30px #403e3020;background:#fff}#editor-canvas{width:100%;height:100%;display:block}.canvas-hint{font-size:9px;color:#999;margin:12px 0 0}#slot-targets{position:absolute;inset:0}.slot-target{position:absolute;border:1px dashed transparent;background:transparent;padding:0;touch-action:none}.slot-target:hover,.slot-target.selected{border-color:#ff6178}.slot-target.empty:after{content:"+";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;border:1px solid #ff8294;color:#ff5069;background:#ffffffbf;display:grid;place-content:center;font-size:19px}.thumbnail-heading{padding:15px 17px 8px;display:flex;justify-content:space-between;font-size:9px;color:#aaa}.thumbnail-heading span:first-child{color:#555}.page-strip{display:flex;gap:5px;padding:0 15px 16px}.page-thumb{width:11.11%;padding:3px;border:1px solid transparent;background:transparent;border-radius:3px;position:relative}.page-thumb canvas{width:100%;display:block}.page-thumb.active{border-color:var(--red);background:var(--red-soft)}.page-thumb .num{font:7px Arial;position:absolute;left:5px;bottom:5px;background:#ffffffda;padding:1px 2px}.missing-dot{position:absolute;right:4px;top:4px;width:5px;height:5px;border-radius:50%;background:#e76453}.settings-panel .panel-title{margin-bottom:24px}.field-label,.text-field label{display:block;font-size:9px;color:#777;margin:0 0 7px}select,textarea{width:100%;border:1px solid #e4e4df;border-radius:6px;background:#fff;color:#555}select{padding:9px;font-size:10px}.upload-button{margin:12px 0;min-height:108px;border-style:dashed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.upload-button>span{font-size:24px;color:var(--red);font-weight:200}.upload-button strong{font-size:11px}.upload-button small{font-size:8px;color:#aaa}.range-heading,.range-caption{display:flex;justify-content:space-between;align-items:center}.range-heading{font-size:9px;margin-top:16px}.range-heading output{color:var(--red)}input[type=range]{width:100%;accent-color:var(--red);margin:10px 0 2px}.range-caption{font-size:8px;color:#b0b0aa}.text-field{margin-top:15px}.text-field textarea{min-height:72px;resize:vertical;padding:9px;font-size:10px;line-height:1.6}.design-note{padding:13px;background:#f7f7f3;color:#888;font-size:10px;line-height:1.8;border-radius:5px}.export-info{border-top:1px solid #eee;margin-top:24px;padding:16px 0;display:grid;grid-template-columns:1fr auto;gap:4px;font-size:9px}.export-info span{color:#888}.export-info strong{font-size:10px}.export-info small{grid-column:span 2;color:#aaa}.save-status{text-align:center;font-size:8px;color:#999;margin:9px 0 0}.file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.maker-body footer{height:75px;border-top:1px solid #e9e9e4;margin-top:38px;display:flex;justify-content:space-between;align-items:center;font:9px Georgia;color:#9a9a92;letter-spacing:1px}dialog{border:0;border-radius:12px;padding:26px;width:min(700px,calc(100vw - 30px));box-shadow:0 25px 80px #0004;color:var(--ink)}dialog::backdrop{background:#19191999;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start}.dialog-heading h2,dialog h2{font-family:serif;margin:7px 0 0}.icon-button{border:0;background:#f3f3ef;width:32px;height:32px;border-radius:50%;font-size:20px}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#eee;padding:5px;margin:20px 0}.preview-tile{position:relative}.preview-tile canvas{width:100%;display:block}.preview-tile span{position:absolute;left:5px;bottom:5px;background:#fff9;font:8px Arial;padding:2px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.export-message{font-size:11px;color:#777}.dialog-actions .button{min-width:130px}#downloads{border-top:1px solid #eee;margin-top:16px;padding-top:10px}#download-links{display:flex;gap:7px;flex-wrap:wrap}#download-links a{font-size:10px;color:var(--red);border:1px solid #ffc5ce;padding:5px 8px;border-radius:4px;text-decoration:none}#toast{position:fixed;z-index:100;left:50%;bottom:30px;transform:translateX(-50%);background:#222;color:#fff;padding:11px 18px;border-radius:22px;font-size:11px;box-shadow:0 8px 24px #0003}
/* Desktop home refinement */
@media(min-width:901px){body:not(.maker-mode) .app-shell{width:min(1120px,calc(100% - 160px));margin:0 auto;position:relative}body:not(.maker-mode) .side-nav{width:164px;padding:20px 16px 18px 20px;left:max(80px,calc((100vw - 1120px)/2));right:auto}body:not(.maker-mode) .side-brand{width:116px;height:36px;padding:0 12px;border-radius:18px;font-size:14px;margin:0 0 24px 7px}body:not(.maker-mode) .side-nav nav{gap:3px}body:not(.maker-mode) .nav-item{min-height:42px;gap:13px;padding:0 10px;border-radius:8px}body:not(.maker-mode) .nav-icon{font-size:16px;width:18px}body:not(.maker-mode) .nav-item strong{font-size:12px}body:not(.maker-mode) .page-stage{margin-left:178px}body:not(.maker-mode) .home-view{max-width:980px;padding:10px 34px 70px}body:not(.maker-mode) .search-header{height:46px}body:not(.maker-mode) .search-box{width:360px;height:30px;padding:0 13px}body:not(.maker-mode) .search-box span{font-size:17px}body:not(.maker-mode) .search-box input{font-size:11px}body:not(.maker-mode) .profile-card{grid-template-columns:102px 1fr;gap:28px;padding:30px 155px 26px 120px}body:not(.maker-mode) .profile-avatar{width:88px;height:88px;box-shadow:inset 0 0 0 5px #f5f5f5;overflow:hidden}body:not(.maker-mode) .profile-avatar span{width:58px;height:58px;font-size:27px;transform:translate(-9px,7px)}body:not(.maker-mode) .profile-avatar b{position:absolute;right:19px;top:22px;width:30px;height:30px;border-radius:50%;display:grid;place-content:center;background:#fff;color:#ff3855;font-family:serif;font-size:16px;transform:rotate(10deg)}body:not(.maker-mode) .profile-avatar i{width:18px;height:18px;right:2px;bottom:5px}body:not(.maker-mode) .profile-heading h1{font-size:16px;margin-bottom:5px}body:not(.maker-mode) .profile-heading p{font-size:9px}body:not(.maker-mode) .follow-button{width:57px;height:27px;font-size:10px}body:not(.maker-mode) .profile-bio{font-size:10px;line-height:1.7;margin:13px 0 9px}body:not(.maker-mode) .profile-stats{font-size:9px;gap:15px}body:not(.maker-mode) .content-tabs{height:40px;gap:30px}body:not(.maker-mode) .content-tabs button{font-size:11px}body:not(.maker-mode) .filter-row{height:43px}body:not(.maker-mode) .filter-chip{font-size:9px;padding:5px 10px}body:not(.maker-mode) .showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px}body:not(.maker-mode) .showcase-cover{border-radius:7px;padding:7px;aspect-ratio:1.12/1}body:not(.maker-mode) .showcase-title{font-size:10px;margin:7px 2px 5px}body:not(.maker-mode) .card-meta{font-size:8px}body:not(.maker-mode) .card-avatar{width:16px;height:16px;font-size:7px}}
@media(min-width:1500px){.workspace{grid-template-columns:240px minmax(420px,1fr) 280px}}
@media(max-width:1100px){.side-nav{width:86px;padding:24px 13px}.side-brand{width:60px;height:60px;padding:8px;border-radius:14px;margin-left:0;font-size:12px;line-height:1.25;white-space:normal}.nav-item{padding:0;justify-content:center}.nav-item strong,.nav-item i{display:none}.page-stage{margin-left:86px}.home-view{padding-inline:28px}.profile-card{padding-inline:50px}.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{grid-template-columns:185px minmax(320px,1fr) 220px;gap:12px}.templates-panel,.settings-panel{padding:18px 14px}.canvas-area{padding:18px}.maker-body{padding-inline:20px}}
@media(max-width:820px){.side-nav{position:fixed;inset:auto 0 0 0;width:auto;height:62px;padding:5px 12px;border-right:0;border-top:1px solid #eee;flex-direction:row;z-index:30}.side-brand,.side-bottom{display:none}.side-nav nav{width:100%;display:flex;justify-content:space-around}.nav-item{min-width:54px;height:52px;min-height:0;display:grid;place-content:center;gap:0}.nav-item:nth-child(n+6){display:none}.nav-item strong{display:block;font-size:9px}.nav-icon{font-size:18px}.page-stage{margin-left:0;padding-bottom:60px}.home-view{padding:10px 18px 40px}.profile-card{grid-template-columns:82px 1fr;padding:26px 6px;gap:18px}.profile-avatar{width:76px;height:76px}.profile-avatar span{width:52px;height:52px;font-size:26px}.profile-avatar i{width:17px;height:17px}.profile-heading h1{font-size:17px}.profile-bio{font-size:11px}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.round-action{display:block}.workspace{grid-template-columns:minmax(300px,1fr) 230px}.templates-panel{grid-column:span 2}.templates-panel>#template-list{display:flex;gap:10px}.template-card{margin:12px 0;width:180px}.local-tip{display:none}.maker-body{padding:22px 12px 0}.workspace-heading{padding-inline:8px}}
.cover-top span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cover-top i{font-style:normal;color:#ff6980}.cover-cell{isolation:isolate}.cover-cell.copy{padding:3px}.cover-cell.copy strong{font-size:9px;letter-spacing:1px;color:inherit}.cover-cell.copy small{position:absolute;right:3px;bottom:2px;font:5px Arial;color:#8f7770}.portrait-head{position:absolute;left:50%;top:18%;transform:translateX(-50%);width:30%;aspect-ratio:1;border-radius:50%;background:#fff9;box-shadow:0 0 0 1px #ffffff78}.portrait-body{position:absolute;left:50%;bottom:-15%;transform:translateX(-50%);width:64%;height:63%;border-radius:50% 50% 8% 8%;background:#ffffff8c}.cover-shine{position:absolute;inset:-100% auto auto -35%;width:24%;height:300%;background:#ffffff38;transform:rotate(28deg);transition:left .45s ease}.showcase-card:hover .cover-shine{left:130%}.cover-theme-0{background:#191919}.cover-theme-0 .cover-cell.photo{--tile-a:#f3c9cd;--tile-b:#e5b48f}.cover-theme-0 .cover-cell.copy{background:#fff7eb;color:#d9a046}.cover-theme-1{background:#121b19}.cover-theme-1 .cover-cell.photo{--tile-a:#c4ded7;--tile-b:#8eb8a9}.cover-theme-1 .cover-cell.copy{background:#f2efe1;color:#6b8d80}.cover-theme-2{background:#1c1217}.cover-theme-2 .cover-cell.photo{--tile-a:#ecc9da;--tile-b:#b9869f}.cover-theme-2 .cover-cell.copy{background:#faedf4;color:#ce6c99}.cover-theme-3{background:#15131c}.cover-theme-3 .cover-cell.photo{--tile-a:#c6c1eb;--tile-b:#8d86c0}.cover-theme-3 .cover-cell.copy{background:#f1efff;color:#8178bb}.cover-theme-4{background:#1e1712}.cover-theme-4 .cover-cell.photo{--tile-a:#eccba7;--tile-b:#be8d62}.cover-theme-4 .cover-cell.copy{background:#fff1df;color:#b77a45}.showcase-card:focus-visible .showcase-cover{box-shadow:0 0 0 3px #ffbac5}.showcase-card:active{transform:translateY(-1px) scale(.995)}body.maker-mode .side-nav{display:none}body.maker-mode .page-stage{margin-left:0;padding-bottom:0}.simple-maker{min-height:calc(100vh - 68px);display:grid;grid-template-columns:250px 1fr;background:#f4f5f9}.simple-library{background:#fff;border-right:1px solid #e6e8ee;padding:18px 14px;overflow:auto}.library-search{height:36px;background:#f3f4f7;border-radius:5px;display:flex;align-items:center;gap:7px;padding:0 10px;color:#aaa}.library-search input{width:100%;border:0;outline:0;background:transparent;font-size:12px}.library-heading{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:13px}.library-heading span{font-size:10px;color:#aaa}.simple-library>p{font-size:9px;color:#999;line-height:1.6;margin:7px 0 12px}.simple-library #template-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.simple-library .template-card{margin:0;padding:5px;border-radius:4px}.simple-library .template-card .mini-grid{gap:1px;padding:1px}.simple-library .template-caption{display:block;margin:6px 1px 2px}.simple-library .template-caption strong{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.simple-library .template-caption small,.simple-library .template-meta{font-size:7px}.library-tip{margin-top:18px;padding:12px;background:#fff5ed;border-radius:6px;display:flex;gap:7px;align-items:flex-start;color:#c46c35;font-size:9px;line-height:1.6}.library-tip i{width:6px;height:6px;margin-top:4px;border-radius:50%;background:#ff8d45;flex:0 0 auto}.simple-canvas-stage{min-width:0;padding:24px 42px 36px;display:flex;flex-direction:column;align-items:center}.effect-toolbar{width:min(680px,100%);display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.effect-toolbar h1{font-size:17px;margin:4px 0 0}.nine-grid-shell{position:relative;width:min(680px,calc(100vh - 245px));min-width:420px;aspect-ratio:1;background:#fff;padding:5px;box-shadow:0 7px 24px #38415518}.effect-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:5px;width:100%;height:100%}.effect-tile{min-width:0;min-height:0;border:0;padding:0;background:#eee;position:relative;overflow:hidden}.effect-tile canvas{width:100%;height:100%;display:block}.effect-tile.replaceable{cursor:grab;touch-action:none}.effect-tile.sorting{opacity:.48;cursor:grabbing;transform:scale(.95);z-index:2}.effect-tile.drop-target{outline:4px solid #ff4965;outline-offset:-4px}.effect-tile.sorting:after,.effect-tile.drop-target:after{display:none!important}.effect-tile.replaceable:hover:after{content:"双击替换";position:absolute;inset:0;display:grid;place-content:center;background:#00000042;color:#fff;font-size:13px;font-weight:600}.replace-badge{position:absolute;right:7px;top:7px;padding:4px 6px;border-radius:3px;background:#252525b8;color:#fff;font-size:8px;opacity:0;transition:opacity .15s}.effect-tile.replaceable:hover .replace-badge{opacity:1}.effect-tile.missing{outline:3px solid #ff3d59;outline-offset:-3px}.effect-tile.missing:before{content:"双击添加图片";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;background:#ff3855;color:#fff;padding:7px 10px;border-radius:16px;font-size:9px;white-space:nowrap}.grid-zoom-tools{position:absolute;right:-38px;top:0;width:29px;display:grid;background:#408ff7;color:#fff;border-radius:3px;overflow:hidden;box-shadow:0 3px 10px #408ff744}.grid-zoom-tools span{height:29px;display:grid;place-content:center;border-bottom:1px solid #ffffff3b;font-size:11px}.simple-hint{margin:15px 0 0;color:#777;font-size:11px}.simple-hint span{color:#408ff7}.simple-actions{text-align:center;margin-top:auto;padding-top:20px}.simple-actions .button{min-width:210px;border-radius:18px;padding:10px 22px}.legacy-controls{display:none}.simple-actions .save-status{margin-top:8px}.simple-canvas-stage+.legacy-controls{display:none}
@media(max-width:820px){.simple-maker{grid-template-columns:190px 1fr}.simple-canvas-stage{padding:22px}.nine-grid-shell{min-width:320px;width:min(620px,calc(100vh - 250px))}.simple-library #template-list{grid-template-columns:1fr}}
@media(max-width:620px){.simple-maker{display:block}.simple-library{border-right:0;border-bottom:1px solid #e6e8ee;padding:12px}.simple-library #template-list{display:flex;overflow:auto}.simple-library .template-card{flex:0 0 110px}.library-tip,.simple-library>p{display:none}.library-heading{margin-top:12px}.simple-canvas-stage{padding:18px 14px 28px}.nine-grid-shell{min-width:0;width:calc(100vw - 48px)}.grid-zoom-tools{display:none}.effect-toolbar{align-items:center}.maker-topbar{height:58px}.simple-maker{min-height:calc(100vh - 58px)}}
@media(max-width:570px){.profile-card{grid-template-columns:64px 1fr}.profile-avatar{width:60px;height:60px}.profile-avatar span{width:42px;height:42px;font-size:22px}.profile-heading{flex-wrap:wrap}.profile-heading>div{width:calc(100% - 54px)}.follow-button{order:3;margin-left:0}.profile-more{margin-left:auto}.profile-stats{gap:10px;flex-wrap:wrap}.content-tabs{height:44px}.filter-row>span{display:none}.filter-row{justify-content:flex-end}.showcase-cover{padding:6px}.search-box{width:calc(100% - 48px)}.workspace{display:flex;flex-direction:column}.maker-topbar{padding:0 14px}.maker-title span{font-size:12px}.maker-title small{display:none}.maker-topbar .button{padding:8px 10px}.workspace-heading h1{font-size:22px}.steps{display:none}.templates-panel>#template-list{overflow:auto}.template-card{flex:0 0 165px}.canvas-area{padding:16px 24px}.settings-panel{padding:22px}.maker-body footer{font-size:7px;gap:12px}.dialog-actions .button{min-width:0;flex:1;padding-inline:8px}}

/* Desktop composition: fill the available viewport while keeping five cards per row. */
@media(min-width:1101px){
  body:not(.maker-mode) .app-shell{width:min(100% - 32px,1920px);max-width:none;margin:0 auto;display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:34px;align-items:start}
  body:not(.maker-mode) .side-nav{position:sticky;inset:auto;top:0;left:auto;right:auto;width:150px;height:100vh;padding:28px 14px 24px;background:#fff;border-right:1px solid #f1f1f1}
  body:not(.maker-mode) .side-brand{width:118px;height:40px;padding:0 14px;margin:0 auto 30px;border-radius:20px;font-size:15px;letter-spacing:-1px;white-space:nowrap}
  body:not(.maker-mode) .side-nav nav{gap:6px}
  body:not(.maker-mode) .nav-item{width:100%;min-height:51px;padding:0 14px;gap:15px;border-radius:10px}
  body:not(.maker-mode) .nav-icon{width:21px;font-size:20px}
  body:not(.maker-mode) .nav-item strong{font-size:14px;font-weight:500;white-space:nowrap}
  body:not(.maker-mode) .nav-item i{width:6px;height:6px}
  body:not(.maker-mode) .side-bottom{gap:4px}
  body:not(.maker-mode) .page-stage{width:auto;min-width:0;margin:0;padding:0}
  body:not(.maker-mode) .home-view{width:100%;max-width:none;margin:0;padding:10px 0 92px}
  body:not(.maker-mode) .search-header{height:60px}
  body:not(.maker-mode) .search-box{width:min(486px,55%);height:38px;padding:0 17px;border-radius:19px}
  body:not(.maker-mode) .search-box span{font-size:21px;margin-right:8px}
  body:not(.maker-mode) .search-box input{font-size:13px}
  body:not(.maker-mode) .profile-card{grid-template-columns:150px minmax(0,500px);gap:56px;padding:40px 0 43px 20%}
  body:not(.maker-mode) .profile-avatar{width:150px;height:150px;box-shadow:inset 0 0 0 7px #f5f5f5}
  body:not(.maker-mode) .profile-avatar span{width:100px;height:100px;font-size:47px;transform:translate(-14px,12px)}
  body:not(.maker-mode) .profile-avatar b{right:29px;top:37px;width:50px;height:50px;font-size:27px}
  body:not(.maker-mode) .profile-avatar i{width:27px;height:27px;right:3px;bottom:8px;border-width:3px}
  body:not(.maker-mode) .profile-heading{gap:14px}
  body:not(.maker-mode) .profile-heading h1{font-size:24px;margin:0 0 7px}
  body:not(.maker-mode) .profile-heading p{font-size:12px;white-space:nowrap}
  body:not(.maker-mode) .follow-button{width:84px;height:40px;margin-left:auto;border-radius:20px;font-size:13px}
  body:not(.maker-mode) .profile-more{font-size:21px;padding:0}
  body:not(.maker-mode) .profile-bio{font-size:13px;line-height:1.7;margin:17px 0 12px;white-space:nowrap}
  body:not(.maker-mode) .profile-stats{gap:21px;font-size:12px;white-space:nowrap}
  body:not(.maker-mode) .content-tabs{height:57px;gap:43px}
  body:not(.maker-mode) .content-tabs button{padding:0 8px;font-size:14px}
  body:not(.maker-mode) .content-tabs button.active:after{width:29px;height:2px}
  body:not(.maker-mode) .filter-row{display:none}
  body:not(.maker-mode) .showcase-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:33px 26px;padding-top:28px}
  body:not(.maker-mode) .showcase-card{border-radius:12px}
  body:not(.maker-mode) .showcase-cover{aspect-ratio:.95/1;padding:11px;border-radius:12px}
  body:not(.maker-mode) .cover-top{height:19px;font-size:8px}
  body:not(.maker-mode) .cover-grid{height:calc(100% - 19px);gap:4px}
  body:not(.maker-mode) .cover-cell.copy strong{font-size:13px}
  body:not(.maker-mode) .showcase-title{display:none}
  body:not(.maker-mode) .card-meta{margin:0 2px;font-size:11px}
  body:not(.maker-mode) .card-avatar{width:22px;height:22px;margin-right:6px;font-size:9px}
}

/* Software discovery homepage */
.discover-view{width:min(100% - 28px,1680px);margin:0 auto;min-height:100vh;padding:10px 0 90px}.discover-search-header{height:72px;display:flex;align-items:center;justify-content:center;position:relative}.discover-search{width:min(660px,58vw);height:44px;border:1px solid #ededed;border-radius:24px;background:#fff;box-shadow:0 5px 18px #0000000a;display:flex;align-items:center;padding:0 7px 0 20px}.discover-search input{width:100%;border:0;outline:0;background:transparent;font-size:14px;color:#333}.discover-search span{flex:0 0 31px;height:31px;border-radius:50%;display:grid;place-content:center;background:#111;color:#fff;font-size:18px}.discover-publish{position:absolute;right:4px;height:34px;padding:0 16px;border:0;border-radius:17px;background:#ff2e4d;color:#fff;font-size:12px;font-weight:700}.discover-tabs{height:52px;display:flex;align-items:flex-end;gap:30px;border-bottom:1px solid #f2f2f2;padding-left:4px}.discover-tabs button{height:52px;padding:0 4px;border:0;background:transparent;color:#666;font-size:17px;position:relative}.discover-tabs button.active{color:#222;font-weight:700}.discover-tabs button.active:after{content:"";position:absolute;left:50%;bottom:0;width:24px;height:2px;background:#222;border-radius:2px;transform:translateX(-50%)}.discover-tabs i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#52d2b0;margin:0 0 6px 3px}.discover-categories{min-height:60px;display:flex;align-items:center;gap:10px;overflow-x:auto;scrollbar-width:none;padding:10px 0}.discover-categories::-webkit-scrollbar{display:none}.discover-categories button{flex:0 0 auto;height:36px;padding:0 18px;border:0;border-radius:7px;background:#f6f6f6;color:#666;font-size:14px}.discover-categories button:hover,.discover-categories button.active{background:#ededed;color:#222;font-weight:600}.discover-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:24px 16px;padding-top:5px}.discover-card{display:block;width:100%;margin:0;min-width:0}.discover-card-open{width:100%;padding:0;border:0;background:transparent;text-align:left;border-radius:10px;transition:transform .2s ease}.discover-card-open:hover{transform:translateY(-3px)}.discover-cover{position:relative;width:100%;aspect-ratio:.92/1;overflow:hidden;border-radius:10px;background:#222;padding:9px}.discover-card-1 .discover-cover{aspect-ratio:1/1.06}.discover-card-2 .discover-cover{aspect-ratio:1/1.2}.discover-card-3 .discover-cover{aspect-ratio:1/1.13}.discover-cover-grid{height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px}.discover-cover-grid>span{position:relative;overflow:hidden;border-radius:3px;background:linear-gradient(145deg,var(--a),var(--b))}.discover-cover-grid i{position:absolute;left:50%;bottom:-20%;width:74%;height:72%;border-radius:50% 50% 10% 10%;background:#ffffffa8;transform:translateX(-50%)}.discover-cover-grid i:before{content:"";position:absolute;left:50%;top:-27%;width:42%;aspect-ratio:1;border-radius:50%;background:#fff;transform:translateX(-50%);box-shadow:0 0 0 1px #ffffff90}.discover-cover-grid b{position:absolute;inset:0;display:grid;place-content:center;color:#6a3f31;font:700 13px/1.2 "Microsoft YaHei",sans-serif;letter-spacing:1px;background:#fff4}.discover-cover em{position:absolute;right:8px;top:8px;height:21px;padding:0 7px;border-radius:3px;background:#20c981;color:#fff;font:normal 10px/21px sans-serif;box-shadow:0 2px 7px #0002}.discover-food{background:#181715;--a:#e3b76f;--b:#8e4e2c}.discover-festival{background:#fffaf0;--a:#ffd878;--b:#dd7f55}.discover-travel{background:#f4f7f4;--a:#b6dbcb;--b:#5d93a2}.discover-portrait{background:#e8d6d2;--a:#e9b8b2;--b:#9f7589}.discover-nature{background:#eaf2eb;--a:#b9dba4;--b:#6ea48f}.discover-graphic{background:#181818;--a:#f4d9b7;--b:#bc6d53}.discover-title{display:none}.discover-category-pin{max-width:100%;height:28px;margin-top:9px;padding:0 10px 0 8px;border:0;border-radius:14px;background:#fff3f5;color:#d93955;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700}.discover-category-pin:hover{background:#ffe4e9}.discover-category-pin span{position:relative;width:12px;height:12px;border:2px solid currentColor;border-radius:50%;font-size:0}.discover-category-pin span:after{content:"";position:absolute;left:50%;top:8px;width:2px;height:7px;border-radius:2px;background:currentColor;transform:translateX(-50%) rotate(18deg);transform-origin:top}.discover-meta{display:flex;align-items:center;margin-top:5px;color:#777;font-size:13px}.discover-author{min-width:0;max-width:calc(100% - 106px);display:flex;align-items:center;padding:3px;border:0;border-radius:16px;background:transparent;color:#777;font-size:13px}.discover-author:hover{color:#333;background:#f6f6f6}.discover-author i{flex:0 0 28px;width:28px;height:28px;margin-right:8px;border-radius:50%;display:grid;place-content:center;background:#f0ebe7;color:#8b6252;font-style:normal;font-size:12px}.discover-author span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.discover-favorite{height:28px;padding:0 2px;border:0;background:transparent;color:#888;display:inline-flex;align-items:center;gap:3px;font-size:14px;white-space:nowrap}.discover-favorite span{font-size:17px;line-height:1}.discover-favorite b{font-weight:500;font-size:13px}.discover-favorite:hover,.discover-favorite.active{color:#ff2e4d}.discover-likes{color:#888;font-size:13px;white-space:nowrap}.discover-card-open:focus-visible .discover-cover{box-shadow:0 0 0 3px #ffbac5}
@media(min-width:1101px){body:not(.profile-mode):not(.maker-mode):not(.admin-mode) .discover-view{width:100%;max-width:none}}
.discover-real-cover{aspect-ratio:1/1!important;padding:8px}.discover-real-cover .discover-cover-grid{width:100%;height:100%;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}.discover-real-cover .discover-cover-grid>span{min-width:0;min-height:0}.discover-real-cover .discover-cover-grid canvas{display:block;width:100%;height:100%;object-fit:contain}.showcase-card .discover-real-cover{width:100%;aspect-ratio:1/1}
@media(max-width:1400px){.discover-view{width:100%;padding-inline:18px}.discover-grid{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:14px}}@media(max-width:1100px){.discover-view{width:calc(100% - 48px);padding:8px 0 70px}.discover-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:16px}.discover-publish{right:0}}
@media(max-width:820px){.discover-view{width:calc(100% - 32px);padding:4px 0 34px}.discover-search-header{height:56px}.discover-search{width:calc(100% - 48px);height:36px}.discover-publish{width:36px;height:36px;padding:0;right:0;font-size:0}.discover-publish:first-letter{font-size:18px}.discover-tabs{height:41px}.discover-tabs button{height:41px}.discover-categories{min-height:46px}.discover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.discover-title{font-size:12px;min-height:45px}}

/* Moments copy library */
.copy-view{width:min(100% - 48px,1080px);margin:0 auto;padding:28px 0 80px}.copy-header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:8px 0 24px;border-bottom:1px solid #eee}.copy-header>div>span{color:#ff2e4d;font-size:12px;font-weight:700}.copy-header h1{margin:6px 0 7px;font-size:30px;letter-spacing:-1px}.copy-header p{margin:0;color:#777;font-size:14px}.copy-search{width:min(360px,40vw);height:42px;padding:0 16px;border-radius:22px;background:#f5f5f5;display:flex;align-items:center;gap:8px}.copy-search span{font-size:20px;color:#888}.copy-search input{width:100%;border:0;outline:0;background:transparent;color:#333}.copy-categories{display:flex;gap:9px;overflow-x:auto;padding:18px 0 10px;scrollbar-width:none}.copy-categories button,.copy-toolbar button{flex:0 0 auto;height:34px;padding:0 15px;border:0;border-radius:17px;background:#f5f5f5;color:#666;font-size:13px}.copy-categories button.active,.copy-toolbar button.active{background:#242424;color:#fff}.copy-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:6px 0 20px}.copy-toolbar>span{font-size:13px;color:#777}.copy-toolbar>div{display:flex;gap:8px;overflow-x:auto}.copy-feed{width:min(100%,680px);margin:0 auto;display:grid;gap:18px}.moment-card{padding:22px;border:1px solid #ececec;border-radius:16px;background:#fff}.moment-head{display:flex;align-items:center;gap:11px}.moment-head>i{width:38px;height:38px;border-radius:50%;display:grid;place-content:center;background:#fff0f3;color:#d64560;font-style:normal;font-size:14px}.moment-head>div{display:grid;gap:3px}.moment-head strong{font-size:14px}.moment-head span{color:#999;font-size:11px}.moment-head em{margin-left:auto;padding:5px 9px;border-radius:11px;background:#f6f6f6;color:#777;font-style:normal;font-size:11px}.moment-text{margin:17px 0 14px;color:#292929;font-size:16px;line-height:1.85;white-space:pre-wrap}.moment-images{display:grid;gap:5px;width:min(100%,520px)}.moment-images span{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:#e5e5e5}.moment-images span i{position:absolute;left:13%;right:13%;bottom:-8%;height:66%;border-radius:50% 50% 10% 10%;background:#ffffff72}.moment-images span:before{content:"";position:absolute;left:35%;top:16%;width:30%;aspect-ratio:1;border-radius:50%;background:#ffffff8c}.moment-images span b{position:absolute;right:7px;bottom:5px;color:#fff;font:10px Arial}.moment-images.count-1{grid-template-columns:minmax(0,360px)}.moment-images.count-2{grid-template-columns:repeat(2,minmax(0,220px))}.moment-images.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.moment-images.count-4{grid-template-columns:repeat(2,minmax(0,220px));width:min(100%,445px)}.moment-images.count-5,.moment-images.count-6,.moment-images.count-7,.moment-images.count-8,.moment-images.count-9{grid-template-columns:repeat(3,minmax(0,1fr))}.moment-image.tone-0{background:#d9c2b5}.moment-image.tone-1{background:#aabdc3}.moment-image.tone-2{background:#c5b7cc}.moment-image.tone-3{background:#b7c3a8}.moment-image.tone-4{background:#d6b7b7}.moment-image.tone-5{background:#a9b3cb}.moment-image.tone-6{background:#d2c19e}.moment-image.tone-7{background:#b9ada5}.moment-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px;color:#657c9a;font-size:12px}.moment-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:16px;padding-top:14px;border-top:1px solid #f0f0f0}.moment-actions button{height:34px;padding:0 15px;border:1px solid #e6e6e6;border-radius:17px;background:#fff;color:#666;font-size:12px}.moment-actions .moment-copy{border-color:#ff2e4d;background:#ff2e4d;color:#fff}.moment-favorite.active{border-color:#ffbdc7;color:#ff2e4d;background:#fff5f6}@media(max-width:700px){.copy-view{width:calc(100% - 28px);padding:18px 0 90px}.copy-header{display:block}.copy-header h1{font-size:25px}.copy-header p{font-size:12px;line-height:1.6}.copy-search{width:100%;margin-top:18px}.copy-toolbar{align-items:flex-start;flex-direction:column}.copy-toolbar>div{width:100%}.moment-card{padding:16px}.moment-text{font-size:15px}.moment-images.count-1{grid-template-columns:minmax(0,1fr);width:78%}}

/* Admin workspace */
.admin-list-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body.admin-mode{background:#f5f7fb}body.admin-mode>.app-shell{width:100%;max-width:none;margin:0;display:block}body.admin-mode .app-shell>.side-nav{display:none!important}body.admin-mode .page-stage{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.admin-view{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr);background:#f5f7fb;color:#1d2433}.admin-sidebar{position:sticky;top:0;height:100vh;background:#161c2b;color:#aeb7c9;padding:24px 14px 18px;display:flex;flex-direction:column}.admin-brand{height:58px;padding:0 14px;display:flex;align-items:center;gap:10px;color:#fff}.admin-brand span{height:31px;padding:0 11px;border-radius:16px;background:#ff3d5a;display:grid;place-content:center;font-size:13px;font-weight:800}.admin-brand small{font:600 10px Arial;letter-spacing:2px;color:#737f96}.admin-sidebar nav{display:grid;gap:6px;margin-top:18px}.admin-sidebar nav button{height:44px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:#aeb7c9;display:flex;align-items:center;gap:12px;text-align:left;font-size:13px}.admin-sidebar nav button>span{width:20px;text-align:center;font-size:16px}.admin-sidebar nav button:hover,.admin-sidebar nav button.active{background:#252d40;color:#fff}.admin-sidebar nav button i{margin-left:auto;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#ff3d5a;color:#fff;font:normal 10px/19px Arial;text-align:center}.admin-account{margin-top:auto;border-top:1px solid #2c3447;padding:18px 8px 0;display:flex;align-items:center;gap:10px}.admin-account>b{width:34px;height:34px;border-radius:9px;display:grid;place-content:center;background:#38425a;color:#fff;font-size:13px}.admin-account>span{display:grid;gap:3px}.admin-account strong{font-size:11px;color:#f1f4fb}.admin-account small{font-size:9px;color:#778198}.admin-main{min-width:0}.admin-topbar{height:82px;padding:0 34px;background:#fff;border-bottom:1px solid #e8ebf1;display:flex;align-items:center;justify-content:space-between}.admin-topbar h1{font-size:19px;margin:0 0 5px}.admin-topbar p{margin:0;color:#9198a8;font-size:11px}.admin-top-actions{display:flex;align-items:center;gap:9px}.admin-top-actions button{height:34px;padding:0 13px;border:1px solid #e4e7ed;border-radius:7px;background:#fff;color:#566073;font-size:11px}.admin-top-actions button:last-child{position:relative;width:34px;padding:0;font-size:15px}.admin-top-actions i{position:absolute;right:7px;top:6px;width:6px;height:6px;border-radius:50%;background:#ff3d5a}.admin-content{padding:26px 32px 50px;max-width:1500px;margin:0 auto}.admin-panel{animation:adminIn .25s ease}@keyframes adminIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.admin-date-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.admin-date-row>div{display:grid;gap:4px}.admin-date-row strong{font-size:15px}.admin-date-row span{font-size:10px;color:#9aa1af}.admin-date-row select,.admin-toolbar select{height:34px;border:1px solid #e2e6ed;border-radius:7px;background:#fff;padding:0 28px 0 10px;color:#596274;font-size:11px}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.admin-metrics article{min-height:116px;padding:20px;background:#fff;border:1px solid #e9ecf2;border-radius:11px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 14px #26355208}.metric-icon{flex:0 0 45px;height:45px;border-radius:11px;display:grid;place-content:center;font-size:19px}.metric-icon.red{background:#fff0f2;color:#ff3f5c}.metric-icon.blue{background:#edf6ff;color:#3989e8}.metric-icon.violet{background:#f3efff;color:#7a5ce0}.metric-icon.orange{background:#fff4e9;color:#ef8a35}.admin-metrics article>div{display:grid;gap:4px}.admin-metrics small{color:#838b9a;font-size:10px}.admin-metrics strong{font:700 24px/1.15 Arial;color:#202635}.admin-metrics em{font-style:normal;color:#25a56e;font-size:9px}.admin-metrics em.warn{color:#e78b33}.admin-overview-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.8fr);gap:16px;margin-top:16px}.admin-card{background:#fff;border:1px solid #e9ecf2;border-radius:11px;box-shadow:0 4px 14px #26355208}.admin-card-title{height:65px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef0f4}.admin-card-title>div{display:grid;gap:4px}.admin-card-title strong{font-size:13px}.admin-card-title span{font-size:9px;color:#9aa1af}.admin-card-title>b{color:#ff3d5a;font-size:11px}.admin-card-title button{padding:5px;border:0;background:transparent;color:#667087;font-size:10px}.trend-chart{position:relative;height:260px;padding:22px 20px 30px;overflow:hidden}.trend-chart svg{position:absolute;inset:23px 20px 37px;width:calc(100% - 40px);height:200px}.trend-area{fill:url(#trendFill)}.trend-line{fill:none;stroke:#ff4965;stroke-width:3;vector-effect:non-scaling-stroke}.chart-grid{height:100%;background:repeating-linear-gradient(to bottom,transparent 0,transparent 49px,#eef1f5 50px)}.chart-days{position:absolute;left:20px;right:20px;bottom:13px;display:flex;justify-content:space-between;color:#9aa1af;font-size:9px}.category-list{padding:12px 20px 20px}.category-list>div{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;padding:10px 0 15px;font-size:10px}.category-list>div>span{display:flex;align-items:center;gap:8px}.category-list b{font:600 10px Arial}.category-list em{position:absolute;left:0;right:0;bottom:5px;height:4px;border-radius:2px;background:#f0f2f5}.category-list em:after{content:"";display:block;width:var(--value);height:100%;border-radius:2px;background:#ff4965}.cat-dot{width:8px;height:8px;border-radius:50%;background:#ff4965}.cat-dot.green{background:#3bb888}.cat-dot.blue{background:#448fe6}.cat-dot.violet{background:#8264e5}.cat-dot.orange{background:#e7983c}.recent-card{margin-top:16px}.admin-recent-list{display:grid}.admin-recent-item{min-height:60px;padding:9px 20px;display:grid;grid-template-columns:minmax(260px,1.7fr) 120px 110px 90px 30px;align-items:center;gap:12px;border-bottom:1px solid #f0f1f4;font-size:10px}.admin-recent-item:last-child{border-bottom:0}.admin-recent-work{display:flex;align-items:center;gap:12px;min-width:0}.admin-recent-thumb{width:var(--thumb-size,42px);height:var(--thumb-size,42px);flex:0 0 var(--thumb-size,42px);border-radius:7px;background:linear-gradient(135deg,#ffd6cf,#92c8b1);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;padding:4px;overflow:hidden}.admin-recent-thumb i,.admin-recent-thumb canvas{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;border-radius:1px}.admin-recent-thumb i{background:#fff8}.admin-recent-thumb.has-real-media{background:#202532;padding:3px;gap:2px}.admin-recent-work>span{display:grid;gap:4px;min-width:0}.admin-recent-work strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-recent-work small{color:#9299a7}.status-pill{display:inline-flex;width:max-content;height:23px;align-items:center;padding:0 8px;border-radius:12px;background:#eaf8f2;color:#209c69;font-size:9px}.status-pill.review{background:#fff5e7;color:#d78628}.status-pill.offline{background:#f2f3f5;color:#8b93a1}.admin-more-button{border:0;background:transparent;color:#8c94a3;font-size:16px}.admin-list-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.admin-list-head>div{display:grid;gap:4px}.admin-list-head strong{font-size:17px}.admin-list-head span{color:#969dab;font-size:10px}.admin-list-head>button{height:36px;padding:0 15px;border:0;border-radius:7px;background:#ff3d5a;color:#fff;font-size:11px}.admin-toolbar{min-height:62px;padding:13px 15px;background:#fff;border:1px solid #e8ebf0;border-radius:10px 10px 0 0;display:flex;align-items:center;gap:10px}.admin-toolbar label{width:min(360px,40vw);height:34px;border:1px solid #e2e6ed;border-radius:7px;display:flex;align-items:center;padding:0 11px;color:#99a0ad}.admin-toolbar input{width:100%;border:0;outline:0;padding-left:7px;font-size:11px}.admin-table-wrap{overflow:auto;background:#fff;border:1px solid #e8ebf0;border-top:0;border-radius:0 0 10px 10px}.admin-table{width:100%;border-collapse:collapse;min-width:940px}.admin-table th{height:42px;padding:0 14px;background:#fafbfc;color:#818999;font-size:9px;font-weight:500;text-align:left}.admin-table td{height:66px;padding:8px 14px;border-top:1px solid #eef0f4;font-size:10px;color:#596273}.admin-work-cell{display:flex;align-items:center;gap:10px;max-width:270px}.admin-work-cell .admin-recent-thumb{flex:0 0 40px}.admin-work-cell>span{display:grid;gap:4px;min-width:0}.admin-work-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#252c3a}.admin-work-cell small{color:#a0a6b2}.admin-feature-toggle{width:34px;height:19px;padding:2px;border:0;border-radius:10px;background:#d8dce4}.admin-feature-toggle:after{content:"";display:block;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0002;transition:transform .2s}.admin-feature-toggle.on{background:#ff4965}.admin-feature-toggle.on:after{transform:translateX(15px)}.admin-row-actions{display:flex;gap:5px}.admin-row-actions button{height:26px;padding:0 8px;border:1px solid #e1e5eb;border-radius:5px;background:#fff;color:#687186;font-size:9px}.admin-row-actions button:hover{border-color:#ff8a9c;color:#ff3d5a}.admin-list-empty{padding:60px;text-align:center;background:#fff;color:#9199a8}.admin-placeholder{min-height:560px;display:grid;place-content:center;text-align:center}.admin-placeholder>span{font-size:46px;color:#c6cbd5}.admin-placeholder h2{margin:16px 0 8px}.admin-placeholder p{color:#8d95a5;font-size:12px}.admin-placeholder button{justify-self:center;height:34px;padding:0 14px;border:0;border-radius:7px;background:#252d40;color:#fff;font-size:11px}
@media(min-width:1200px){body.admin-mode .page-stage{max-width:none!important;width:100%!important}.admin-view{grid-template-columns:272px minmax(0,1fr)}.admin-sidebar{padding:30px 18px 22px}.admin-brand{height:68px;padding:0 17px;gap:12px}.admin-brand span{height:37px;padding:0 14px;border-radius:19px;font-size:15px}.admin-brand small{font-size:11px}.admin-sidebar nav{gap:8px;margin-top:22px}.admin-sidebar nav button{height:52px;padding:0 17px;border-radius:10px;gap:14px;font-size:15px}.admin-sidebar nav button>span{width:23px;font-size:19px}.admin-sidebar nav button i{min-width:22px;height:22px;font-size:11px;line-height:22px}.admin-account{padding:22px 10px 0;gap:12px}.admin-account>b{width:42px;height:42px;font-size:15px}.admin-account strong{font-size:13px}.admin-account small{font-size:11px}.admin-topbar{height:100px;padding:0 46px}.admin-topbar h1{font-size:24px;margin-bottom:7px}.admin-topbar p{font-size:13px}.admin-top-actions{gap:12px}.admin-top-actions button{height:40px;padding:0 16px;border-radius:8px;font-size:13px}.admin-top-actions button:last-child{width:40px;font-size:17px}.admin-content{max-width:1760px;padding:34px 44px 64px}.admin-date-row{margin-bottom:22px}.admin-date-row strong{font-size:19px}.admin-date-row span{font-size:12px}.admin-date-row select,.admin-toolbar select{height:40px;font-size:13px}.admin-metrics{gap:20px}.admin-metrics article{min-height:140px;padding:25px;gap:20px;border-radius:13px}.metric-icon{flex-basis:56px;height:56px;border-radius:14px;font-size:23px}.admin-metrics article>div{gap:6px}.admin-metrics small{font-size:13px}.admin-metrics strong{font-size:31px}.admin-metrics em{font-size:11px}.admin-overview-grid{gap:20px;margin-top:20px;grid-template-columns:minmax(0,1.85fr) minmax(360px,.75fr)}.admin-card{border-radius:13px}.admin-card-title{height:78px;padding:0 25px}.admin-card-title strong{font-size:16px}.admin-card-title span{font-size:11px}.admin-card-title>b,.admin-card-title button{font-size:12px}.trend-chart{height:310px;padding:27px 25px 36px}.trend-chart svg{inset:28px 25px 44px;width:calc(100% - 50px);height:238px}.chart-days{left:25px;right:25px;bottom:16px;font-size:11px}.category-list{padding:15px 25px 24px}.category-list>div{padding:13px 0 18px;font-size:13px}.category-list b{font-size:12px}.recent-card{margin-top:20px}.admin-recent-item{min-height:74px;padding:11px 25px;grid-template-columns:minmax(340px,1.7fr) 150px 130px 105px 36px;gap:16px;font-size:12px}.admin-recent-thumb{width:52px;height:52px;padding:5px}.admin-recent-work strong{font-size:12px}.status-pill{height:28px;padding:0 11px;border-radius:14px;font-size:11px}.admin-list-head{margin-bottom:23px}.admin-list-head strong{font-size:22px}.admin-list-head span{font-size:12px}.admin-list-head>button{height:43px;padding:0 18px;border-radius:8px;font-size:13px}.admin-toolbar{min-height:76px;padding:16px 19px;gap:13px}.admin-toolbar label{width:min(440px,40vw);height:42px;padding:0 14px}.admin-toolbar input{font-size:13px}.admin-table{min-width:1100px}.admin-table th{height:50px;padding:0 18px;font-size:11px}.admin-table td{height:82px;padding:10px 18px;font-size:12px}.admin-work-cell{max-width:340px;gap:13px}.admin-work-cell .admin-recent-thumb{flex-basis:50px;width:50px;height:50px}.admin-work-cell strong{font-size:12px}.admin-feature-toggle{width:42px;height:23px;padding:2px;border-radius:12px}.admin-feature-toggle:after{width:19px;height:19px}.admin-feature-toggle.on:after{transform:translateX(19px)}.admin-row-actions{gap:7px}.admin-row-actions button{height:31px;padding:0 11px;border-radius:6px;font-size:11px}}
@media(max-width:1000px){.admin-view{grid-template-columns:76px minmax(0,1fr)}.admin-sidebar{padding-inline:10px}.admin-brand{padding:0;justify-content:center}.admin-brand small,.admin-sidebar nav button:not(.active){font-size:0}.admin-sidebar nav button{justify-content:center;padding:0}.admin-sidebar nav button>span{font-size:17px}.admin-sidebar nav button i{position:absolute;transform:translate(15px,-14px)}.admin-account>span{display:none}.admin-account{justify-content:center}.admin-overview-grid{grid-template-columns:1fr}.admin-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.admin-view{display:block}.admin-sidebar{position:static;width:100%;height:60px;padding:0 10px;flex-direction:row;align-items:center}.admin-brand{height:auto}.admin-sidebar nav{display:flex;margin:0 0 0 auto}.admin-sidebar nav button{width:40px;height:40px}.admin-sidebar nav button:nth-child(n+4){display:none}.admin-account{display:none}.admin-topbar{height:72px;padding:0 16px}.admin-topbar p{display:none}.admin-top-actions button:first-child{font-size:0;width:34px;padding:0}.admin-content{padding:18px 12px 36px}.admin-metrics{grid-template-columns:1fr}.admin-overview-grid{display:block}.category-card{margin-top:14px}.admin-recent-item{grid-template-columns:1fr 80px}.admin-recent-item>*:nth-child(2),.admin-recent-item>*:nth-child(4),.admin-recent-item>*:nth-child(5){display:none}.admin-toolbar{flex-wrap:wrap}.admin-toolbar label{width:100%}}

/* Admin category management */
.category-summary{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px;margin-bottom:18px}.category-summary article{min-height:92px;padding:18px 20px;border:1px solid #e8ebf0;border-radius:10px;background:#fff;display:grid;gap:8px}.category-summary span{color:#8991a1;font-size:11px}.category-summary strong{font:700 25px Arial;color:#242b39}.category-toolbar{border-radius:10px 10px 0 0}.category-drag-tip{margin-left:auto;color:#929aa9;font-size:10px}.category-table{min-width:900px}.category-order{display:flex;align-items:center;gap:7px}.category-order button{width:25px;height:25px;padding:0;border:1px solid #e1e5eb;border-radius:5px;background:#fff;color:#788196}.category-order button:hover:not(:disabled){border-color:#ff8799;color:#ff3d5a}.category-order span{font:600 10px Arial;color:#7e8797}.category-name-cell{display:flex;align-items:center;gap:10px}.category-name-cell i{width:31px;height:31px;border-radius:8px;background:#fff0f2;color:#ff4965;display:grid;place-content:center;font-style:normal;font-weight:700}.category-name-cell strong{color:#252c3a}.category-status-toggle{min-width:78px;height:27px;padding:0 8px;border:0;border-radius:14px;background:#f0f2f5;color:#8992a2;display:flex;align-items:center;gap:6px;font-size:9px}.category-status-toggle i{width:8px;height:8px;border-radius:50%;background:#b7bdc8}.category-status-toggle.on{background:#e9f8f1;color:#219c69}.category-status-toggle.on i{background:#2bb47b}@media(min-width:1200px){.category-summary{gap:20px;margin-bottom:22px}.category-summary article{min-height:110px;padding:22px 24px}.category-summary span{font-size:13px}.category-summary strong{font-size:31px}.category-status-toggle{min-width:92px;height:31px;font-size:11px}.category-order button{width:30px;height:30px}.category-name-cell i{width:38px;height:38px}}
.category-type-tabs{display:flex;gap:8px;margin-bottom:18px;padding:5px;border:1px solid #e7eaf0;border-radius:10px;background:#fff;width:max-content}.category-type-tabs button{height:38px;padding:0 22px;border:0;border-radius:7px;background:transparent;color:#737c8d;font-size:13px}.category-type-tabs button.active{background:#252d40;color:#fff;font-weight:700}.category-type-tabs button:hover:not(.active){background:#f2f4f7;color:#303747}@media(max-width:800px){.category-summary{grid-template-columns:repeat(2,1fr)}.category-drag-tip{display:none}.category-type-tabs{width:100%}.category-type-tabs button{flex:1;padding-inline:10px}}

/* Admin content editor */
.admin-edit-dialog{width:min(1120px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:0;border:0;border-radius:18px;background:#fff;color:#222;box-shadow:0 24px 80px #17203338;overflow:auto}.admin-edit-dialog::backdrop{background:#10182780;backdrop-filter:blur(3px)}.admin-edit-dialog form{padding:30px}.admin-edit-heading{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #edf0f4}.admin-edit-heading span{color:#ff3d5a;font-size:12px;font-weight:700}.admin-edit-heading h2{margin:5px 0 5px;font-size:25px;color:#171d2b}.admin-edit-heading p{margin:0;color:#9199a8;font-size:12px}.admin-edit-heading button{width:36px;height:36px;padding:0;border:1px solid #e4e7ec;border-radius:9px;background:#fff;color:#778092;font-size:23px;line-height:1}.admin-edit-workspace{display:grid;grid-template-columns:minmax(390px,.95fr) minmax(420px,1.05fr);gap:28px;margin-top:24px}.admin-edit-fields{min-width:0}.admin-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:0}.admin-visual-editor{min-width:0;padding:18px;border:1px solid #e4e8ee;border-radius:12px;background:#f7f8fa}.admin-visual-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.admin-visual-title>div{display:flex;align-items:center;gap:9px}.admin-visual-title strong{font-size:14px}.admin-visual-title span{padding:3px 7px;border-radius:9px;background:#fff0f2;color:#f04461;font-size:9px}.admin-visual-title p{margin:2px 0 0;color:#929aa8;font-size:10px}.admin-visual-tools{display:flex;align-items:center;gap:9px}.admin-visual-tools button{height:32px;padding:0 13px;border:0;border-radius:7px;background:#ff4965;color:#fff;font-size:11px;font-weight:700;cursor:pointer}.admin-visual-tools button:hover{background:#ef3654}.admin-nine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px;border-radius:10px;background:#202532;box-shadow:0 12px 28px #252d3a1c}.admin-nine-tile{position:relative;aspect-ratio:1;min-width:0;border-radius:5px;background:#fff;overflow:hidden;touch-action:none;user-select:none}.admin-nine-tile canvas{display:block;width:100%;height:100%;pointer-events:none}.admin-nine-tile>span{position:absolute;left:50%;bottom:6px;transform:translateX(-50%) translateY(7px);padding:4px 7px;border-radius:9px;background:#172033c9;color:#fff;font-size:8px;line-height:1;white-space:nowrap;opacity:0;transition:.18s}.admin-nine-tile.replaceable:hover>span,.admin-nine-tile:focus-visible>span{transform:translateX(-50%) translateY(0);opacity:1}.admin-nine-tile.replaceable{cursor:grab}.admin-nine-tile.dragging{cursor:grabbing;box-shadow:inset 0 0 0 3px #ff4965}.admin-nine-tile.adjusted:after{content:"已调整";position:absolute;right:5px;top:5px;padding:3px 5px;border-radius:7px;background:#ff4965;color:#fff;font-size:7px}.admin-visual-tip{display:flex;align-items:flex-start;gap:8px;margin-top:12px;color:#8d96a5}.admin-visual-tip>span{width:20px;height:20px;border-radius:6px;background:#fff;color:#ff4965;display:grid;place-content:center}.admin-visual-tip p{margin:2px 0 0;font-size:10px;line-height:1.5}.admin-edit-field{display:grid;gap:8px}.admin-edit-field.wide{grid-column:1/-1}#edit-content-title-field[hidden]{display:none!important}.admin-edit-field>span{color:#4e5665;font-size:12px;font-weight:600}.admin-edit-field input,.admin-edit-field select{width:100%;height:44px;padding:0 13px;border:1px solid #dfe3e9;border-radius:8px;background:#fff;color:#202633;font-size:13px}.admin-edit-field input:focus,.admin-edit-field select:focus{border-color:#ff748a;outline:3px solid #fff0f2}.admin-edit-field.readonly input{background:#f5f7fa;color:#8c94a3}.admin-edit-recommend{grid-column:1/-1;min-height:66px;padding:13px 15px;border:1px solid #e5e8ed;border-radius:9px;background:#fafbfc;display:flex;align-items:center;gap:12px;cursor:pointer}.admin-edit-recommend input{position:absolute;opacity:0;pointer-events:none}.admin-edit-recommend>i{width:38px;height:22px;padding:3px;border-radius:12px;background:#c9ced7;transition:.2s}.admin-edit-recommend>i:after{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0002;transition:.2s}.admin-edit-recommend input:checked+i{background:#ff4965}.admin-edit-recommend input:checked+i:after{transform:translateX(16px)}.admin-edit-recommend>span{display:grid;gap:4px}.admin-edit-recommend strong{font-size:13px}.admin-edit-recommend small{color:#929aa9;font-size:11px}.admin-edit-error{min-height:20px;margin:10px 0 0;color:#e3445d;font-size:12px}.admin-edit-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:17px;border-top:1px solid #edf0f4}.admin-edit-actions button{height:42px;min-width:96px;padding:0 18px;border:1px solid #dfe3e9;border-radius:8px;background:#fff;color:#5f6878}.admin-edit-actions button[type="submit"]{border-color:#ff3d5a;background:#ff3d5a;color:#fff;font-weight:700}@media(max-width:900px){.admin-edit-workspace{grid-template-columns:1fr}.admin-visual-editor{max-width:560px;width:100%;margin:0 auto}}@media(max-width:620px){.admin-edit-dialog form{padding:22px 18px}.admin-edit-grid{grid-template-columns:1fr}.admin-edit-field.wide,.admin-edit-recommend{grid-column:auto}.admin-edit-heading h2{font-size:21px}.admin-visual-title{display:block}.admin-visual-title p{margin-top:7px}}

/* Admin grid ordering, uploaded-photo state and crop editor */
.admin-edit-dialog{width:min(1280px,calc(100vw - 32px))}.admin-edit-workspace{grid-template-columns:minmax(610px,1.3fr) minmax(390px,.7fr)}.admin-visual-body{display:grid;grid-template-columns:minmax(0,1fr) 215px;gap:14px;align-items:start}.admin-visual-body:has(.admin-photo-editor[hidden]){grid-template-columns:minmax(0,1fr)}.admin-photo-editor[hidden]{display:none!important}.admin-nine-tile{cursor:grab;transition:opacity .16s,transform .16s,outline-color .16s}.admin-nine-tile.sorting{opacity:.48;cursor:grabbing;transform:scale(.95)}.admin-nine-tile.drop-target{outline:3px solid #ff4965;outline-offset:-3px}.admin-nine-tile.crop-selected{outline:3px solid #ff4965;outline-offset:-3px}.admin-nine-tile>.admin-grid-order{position:absolute;z-index:5;top:5px;left:5px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#182031bd;color:#fff;font:700 9px/1 "Microsoft YaHei",sans-serif;font-style:normal;pointer-events:none}.admin-nine-tile>.admin-grid-edit{position:absolute;z-index:6;top:5px;right:5px;height:22px;padding:0 8px;border:1px solid #ffffff73;border-radius:6px;background:#172033d9;color:#fff;font:700 9px/1 "Microsoft YaHei",sans-serif;cursor:pointer;opacity:0;transition:opacity .16s,background .16s}.admin-nine-tile:hover>.admin-grid-edit,.admin-nine-tile:focus-within>.admin-grid-edit,.admin-nine-tile.crop-selected>.admin-grid-edit{opacity:1}.admin-nine-tile>.admin-grid-edit:hover{background:#ff4965}.admin-nine-tile.has-photo>span{background:#ff4965;color:#fff}.admin-photo-editor{padding:12px;border:1px solid #e0e4ea;border-radius:10px;background:#fff;box-shadow:0 10px 26px #20293814}.admin-photo-editor-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.admin-photo-editor-head div{display:flex;flex-direction:column;gap:2px}.admin-photo-editor-head small{color:#ff4965;font-size:9px;font-weight:700}.admin-photo-editor-head strong{font-size:14px;color:#202635}.admin-photo-editor-head button{width:25px;height:25px;padding:0;border:1px solid #e3e6eb;border-radius:6px;background:#fff;color:#778092;font-size:17px}.admin-photo-editor canvas{display:block;width:100%;aspect-ratio:1;border-radius:7px;background:#f0f2f5}.admin-crop-zoom{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:12px;color:#596273;font-size:10px;font-weight:700}.admin-crop-zoom input{grid-column:1/-1;width:100%;accent-color:#ff4965}.admin-crop-zoom output{color:#ff4965}.admin-crop-move{margin-top:12px}.admin-crop-move>span{display:block;margin-bottom:7px;color:#596273;font-size:10px;font-weight:700}.admin-crop-move>div{display:grid;grid-template-columns:repeat(3,32px);grid-template-areas:"x up y" "left center right" "z down w";justify-content:center;gap:5px}.admin-crop-move button{width:32px;height:29px;padding:0;border:1px solid #e1e5eb;border-radius:7px;background:#f8f9fb;color:#4e586a;font-size:14px}.admin-crop-move button:hover:not(:disabled){border-color:#ff8a9d;background:#fff1f3;color:#ff3d5a}.admin-crop-move button:disabled{opacity:.3}.admin-crop-move [data-admin-nudge="up"]{grid-area:up}.admin-crop-move [data-admin-nudge="left"]{grid-area:left}.admin-crop-move [data-admin-nudge="center"]{grid-area:center}.admin-crop-move [data-admin-nudge="right"]{grid-area:right}.admin-crop-move [data-admin-nudge="down"]{grid-area:down}.admin-photo-editor>p{min-height:28px;margin:10px 0 8px;color:#929aa8;font-size:9px;line-height:1.5}.admin-crop-reset{width:100%;height:31px;border:1px solid #e0e4ea;border-radius:7px;background:#fff;color:#596273;font-size:10px;font-weight:700}@media(max-width:1000px){.admin-edit-workspace{grid-template-columns:1fr}.admin-visual-body{grid-template-columns:minmax(0,1fr) 205px}}

/* Hidden panels must stay hidden even when their component uses grid or flex. */
.admin-view [hidden]{display:none!important}

/* Final admin isolation and fluid sizing */
body.admin-mode .admin-view{width:100%;max-width:none;grid-template-columns:clamp(220px,14vw,280px) minmax(0,1fr)}
body.admin-mode .admin-sidebar{width:auto;padding:clamp(22px,1.6vw,32px) clamp(14px,1vw,20px) 22px}
body.admin-mode .admin-main{width:100%;min-width:0}
body.admin-mode .admin-topbar{padding-inline:clamp(24px,2.5vw,48px)}
body.admin-mode .admin-content{width:100%;max-width:none;margin:0;padding:clamp(24px,2.2vw,42px) clamp(24px,2.5vw,48px) 64px}
body.admin-mode .admin-metrics{grid-template-columns:repeat(4,minmax(190px,1fr));gap:clamp(14px,1.2vw,22px)}
body.admin-mode .admin-overview-grid{grid-template-columns:minmax(0,2fr) minmax(300px,.8fr);gap:clamp(14px,1.2vw,22px)}
body.admin-mode .admin-table-wrap{width:100%;max-width:100%}
body.admin-mode .admin-table{width:100%;min-width:1250px}.admin-work-cell .admin-recent-thumb{width:88px;height:88px;flex-basis:88px}.admin-work-cell{max-width:360px}.admin-inline-select,.admin-inline-input,.admin-inline-stats input{height:32px;border:1px solid #dfe3e9;border-radius:7px;background:#fff;color:#283142;font-size:11px;outline:0}.admin-inline-select:focus,.admin-inline-input:focus,.admin-inline-stats input:focus{border-color:#ff788e;box-shadow:0 0 0 3px #ff49651a}.admin-inline-select{width:96px;padding:0 7px}.admin-inline-input.author{width:108px;padding:0 8px}.admin-inline-stats{display:grid;gap:5px;min-width:118px}.admin-inline-stats label{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:4px;color:#8b94a4;font-size:9px}.admin-inline-stats input{width:82px;padding:0 6px}.admin-row-actions button.danger{color:#e63c56;border-color:#ffd1d8;background:#fff5f6}.admin-row-actions button.danger:hover{background:#ffe9ed}
body.admin-mode .admin-toolbar label{width:clamp(260px,30vw,460px)}.thumb-preview{position:fixed;z-index:80;width:350px;padding:12px;border-radius:12px;background:#fff;box-shadow:0 12px 34px #0000002e;border:1px solid #eceff4;pointer-events:none}.thumb-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;aspect-ratio:1/1}.thumb-preview-grid canvas,.thumb-preview-grid i{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px;background:#f0f2f5}.thumb-preview-meta{display:block;margin-top:9px;color:#737c8d;font-size:12px;font-style:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-pagination{display:flex;align-items:center;gap:18px;margin-top:18px;padding:13px 16px;border:1px solid #e6e9ef;border-radius:10px;background:#fff;color:#737c8d;font-size:12px}.admin-pagination>span{margin-right:auto}.admin-pagination label{display:inline-flex;align-items:center;gap:7px;color:#737c8d}.admin-pagination select{height:30px;padding:0 7px;border:1px solid #dfe3e9;border-radius:7px;background:#fff;color:#283142}.admin-pagination>div{display:flex;align-items:center;gap:12px}.admin-pagination button{height:32px;padding:0 13px;border:1px solid #dfe3e9;border-radius:7px;background:#fff;color:#596273}.admin-pagination button:not(:disabled):hover{border-color:#ff788e;color:#e63c56}.admin-pagination button:disabled{opacity:.45;cursor:not-allowed}.admin-pagination strong{color:#283142;font-weight:600}.admin-settings-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1200px}.settings-section{padding:22px;border:1px solid #e6e9ef;border-radius:12px;background:#fff;display:grid;gap:14px;align-content:start}.settings-section h3{margin:0 0 4px;color:#252c3a;font-size:15px}.settings-section label{display:grid;gap:7px;color:#737c8d;font-size:11px}.settings-section input,.settings-section textarea{width:100%;padding:10px 11px;border:1px solid #dfe3e9;border-radius:7px;background:#fff;color:#283142;font:inherit;resize:vertical}.settings-section input:focus,.settings-section textarea:focus{outline:0;border-color:#ff788e;box-shadow:0 0 0 3px #ff49651a}.settings-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px}.settings-actions button{height:36px;padding:0 16px;border:1px solid #e1e5eb;border-radius:7px;background:#fff;color:#687186}.settings-actions .primary{border-color:#ff4965;background:#ff4965;color:#fff}.user-table{min-width:780px}
@media(max-width:1250px){.admin-settings-form{grid-template-columns:1fr 1fr}.settings-section:last-of-type{grid-column:1/-1}body.admin-mode .admin-metrics{grid-template-columns:repeat(2,minmax(220px,1fr))}body.admin-mode .admin-overview-grid{grid-template-columns:1fr}body.admin-mode .category-card{min-height:0}}
@media(max-width:1000px){body.admin-mode .admin-view{grid-template-columns:76px minmax(0,1fr)}body.admin-mode .admin-sidebar{padding-inline:10px}body.admin-mode .admin-content{padding-inline:22px}}
@media(max-width:650px){body.admin-mode .admin-view{display:block}body.admin-mode .admin-sidebar{width:100%;height:60px;padding:0 10px;overflow-x:auto}.admin-sidebar nav{overflow-x:auto;max-width:calc(100vw - 80px)}body.admin-mode .admin-topbar{height:auto;min-height:72px;padding:14px 16px}.admin-topbar h1{font-size:18px}.admin-top-actions button:first-child{font-size:0;width:34px;padding:0}.admin-top-actions button:first-child:before{content:'↗';font-size:16px}.admin-settings-form{display:block}.settings-section{margin-bottom:12px;padding:16px}.settings-actions{position:sticky;bottom:0;padding:10px 0;background:#f5f7fb}.admin-list-head{gap:12px;align-items:flex-start}.admin-list-head>div{min-width:0}.admin-list-head strong{font-size:16px}.admin-list-head span{display:block;line-height:1.5}.admin-toolbar{gap:8px}.admin-toolbar select{min-width:0;flex:1}body.admin-mode .admin-content{padding:14px 10px 30px}body.admin-mode .admin-table-wrap{overflow-x:auto}.admin-work-cell .admin-recent-thumb{width:72px;height:72px;flex-basis:72px}.admin-pagination{flex-wrap:wrap;gap:10px}.admin-pagination>span{width:100%;margin-right:0}}

/* Focused maker layout: one large centered nine-grid editor. */
body.maker-mode .simple-maker{display:block;min-height:calc(100vh - 68px);background:#f4f5f9}
body.maker-mode .simple-canvas-stage{width:100%;min-height:calc(100vh - 68px);padding:28px 32px 36px}
body.maker-mode .effect-toolbar{width:min(820px,calc(100vw - 80px));margin-bottom:18px}
body.maker-mode .nine-grid-shell{width:min(820px,calc(100vw - 80px),calc(100vh - 175px));min-width:520px}
body.maker-mode .grid-zoom-tools{display:none}
.copy-admin-table{min-width:1120px}.copy-admin-table th:first-child{width:410px}.copy-admin-work{display:flex;align-items:center;max-width:390px}.copy-admin-work>span{display:grid;gap:6px;min-width:0}.copy-admin-work strong{font:700 12px Arial;color:#2d3545}.copy-admin-work small{display:-webkit-box;overflow:hidden;color:#667083;font-size:11px;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}.copy-admin-thumb{position:relative;width:88px;height:88px;display:grid;grid-template-columns:repeat(2,1fr);gap:2px;padding:3px;border-radius:8px;background:#252b38;overflow:hidden}.copy-admin-thumb span{display:block;min-width:0;min-height:0;background:#cad5dc}.copy-admin-thumb span:nth-child(2n){filter:saturate(.75) brightness(.94)}.copy-admin-thumb span:nth-child(3n){filter:hue-rotate(18deg) saturate(.8)}.copy-admin-thumb img{display:block;width:100%;height:100%;object-fit:cover}.copy-admin-thumb b{position:absolute;right:4px;bottom:4px;padding:3px 5px;border-radius:6px;background:#172033d9;color:#fff;font:700 9px Arial}.copy-edit-dialog{width:min(980px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:0;border:0;border-radius:18px;background:#fff;box-shadow:0 24px 80px #17203338;overflow:auto}.copy-edit-dialog::backdrop{background:#10182780;backdrop-filter:blur(3px)}.copy-edit-dialog form{padding:30px}.copy-edit-workspace{display:grid;grid-template-columns:minmax(390px,1fr) minmax(350px,.8fr);gap:26px;margin-top:24px}.copy-edit-media{padding:18px;border:1px solid #e4e8ee;border-radius:12px;background:#f7f8fa}.copy-edit-media-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.copy-edit-media-head>div{display:grid;gap:4px}.copy-edit-media-head strong{font-size:15px}.copy-edit-media-head span{color:#9199a8;font-size:10px}.copy-edit-media-head button{height:34px;padding:0 14px;border:0;border-radius:7px;background:#ff4965;color:#fff;font-size:11px;font-weight:700}.copy-edit-images span{cursor:grab;transition:opacity .16s,transform .16s,outline-color .16s}.copy-edit-images span.sorting{opacity:.45;cursor:grabbing;transform:scale(.95)}.copy-edit-images span.drop-target{outline:3px solid #ff4965;outline-offset:-3px}.copy-edit-images{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.copy-edit-images span{aspect-ratio:1;display:grid;place-content:center;border-radius:5px;background:#d5dfe3;color:#fff;font:700 13px Arial;overflow:hidden}.copy-edit-images img{display:block;width:100%;height:100%;object-fit:cover}.copy-edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start}.copy-edit-text{grid-column:1/-1;display:grid;gap:7px;color:#737c8d;font-size:11px}.copy-edit-text textarea{width:100%;padding:11px;border:1px solid #dfe3e9;border-radius:8px;color:#283142;font-size:13px;line-height:1.7;resize:vertical;outline:0}.copy-edit-text textarea:focus{border-color:#ff788e;box-shadow:0 0 0 3px #ff49651a}@media(max-width:780px){.copy-edit-workspace{grid-template-columns:1fr}.copy-edit-fields{grid-template-columns:1fr}.copy-edit-text{grid-column:auto}}
@media(max-width:700px){body.maker-mode .simple-maker{min-height:calc(100vh - 58px)}body.maker-mode .simple-canvas-stage{min-height:calc(100vh - 58px);padding:20px 14px 28px}body.maker-mode .effect-toolbar{width:calc(100vw - 28px);align-items:flex-start;gap:12px}.maker-upload-tools{flex-direction:column;align-items:flex-end;gap:6px}.maker-upload-tools button{height:32px;padding:0 12px;font-size:11px}body.maker-mode .nine-grid-shell{width:calc(100vw - 28px);min-width:0}}

/* Moments library: clean social-feed layout with text tabs. */
.copy-view{width:min(100% - 48px,1080px);padding-top:20px}
.copy-header{display:block;padding:8px 0 20px}
.copy-header h1{margin-bottom:0}
.copy-categories{min-height:58px;gap:30px;padding:0 2px;border-bottom:1px solid #f0f0f0;align-items:stretch}
.copy-categories button{position:relative;flex:0 0 auto;height:58px;padding:0 2px;border:0;border-radius:0;background:transparent;color:#8a8a8a;font-size:16px}
.copy-categories button:hover{background:transparent;color:#333}
.copy-categories button.active{background:transparent;color:#222;font-weight:700}
.copy-categories button.active:after{content:"";position:absolute;left:50%;bottom:0;width:30px;height:3px;border-radius:3px;background:#222;transform:translateX(-50%)}
.copy-feed{width:min(100%,680px);margin:0;gap:0;padding-top:6px}
.moment-card{padding:28px 18px 30px;border:0;border-bottom:1px solid #f1f1f1;border-radius:0;background:#fff}
.moment-head{align-items:flex-start;gap:12px}
.moment-head>i{width:48px;height:48px;border-radius:14px;background:#f45a91;color:#fff;font-size:16px;font-weight:700}
.moment-head>div{gap:5px;padding-top:2px}
.moment-head strong{color:#526da4;font-size:16px;font-weight:500}
.moment-head span{color:#999;font-size:12px}
.moment-head em{display:none}
.moment-text{margin:15px 0 16px;padding-left:60px;font-size:17px;line-height:1.8}
.moment-images{margin-left:60px;width:min(calc(100% - 60px),520px)}.moment-images img{display:block;width:100%;height:100%;object-fit:cover}
.moment-category{display:flex;align-items:center;gap:6px;margin:15px 0 0 60px;color:#555;font-size:14px}.moment-category span{color:#a4a4a4;font-size:22px;line-height:1;transform:rotate(-45deg)}
.moment-actions{display:flex;align-items:center;gap:34px;margin:20px 0 0 60px}
.moment-like{color:#727272;font-size:16px;white-space:nowrap}
.moment-actions .moment-favorite{padding:0;border:0;background:transparent;color:#727272;font-size:16px}
.moment-actions .moment-favorite.active{color:#f45a67}
.moment-actions .moment-copy{margin-left:auto;min-width:102px;height:40px;padding:0 18px;border:0;border-radius:7px;background:#5870ad;color:#fff;font-size:14px;font-weight:500}.moment-actions .moment-share{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #d8deec;border-radius:9px;background:#fff;color:#5870ad}.moment-actions .moment-share svg{width:20px;height:20px}.moment-actions .moment-copy:hover{background:#49629e}.moment-actions .moment-share:hover{border-color:#5870ad;background:#f2f5fc}.moment-actions button:disabled{cursor:wait;opacity:.65}.moment-actions .moment-share .share-loading{width:17px;height:17px;border:2px solid #cdd5e7;border-top-color:#5870ad;border-radius:50%;animation:share-spin .7s linear infinite}@keyframes share-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.copy-view{width:100%;padding:8px 14px 68px}.copy-header{display:grid;gap:16px;padding:8px 2px 14px}.copy-header h1{font-size:24px}.copy-search{width:100%}.copy-categories{gap:24px;margin-inline:-14px;padding-inline:16px}.copy-categories button{font-size:15px}.moment-card{padding:24px 2px 26px}.moment-head>i{width:44px;height:44px;border-radius:13px}.moment-text,.moment-images,.moment-category,.moment-actions{margin-left:56px}.moment-text{padding-left:0;font-size:16px}.moment-images{width:calc(100% - 56px)}.moment-actions{gap:18px}.moment-actions .moment-copy{min-width:80px;padding-inline:10px}.moment-actions .moment-share{width:38px;height:38px}}