.creative-page{max-width:1440px;margin:auto}.creative-actions,.creative-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.creative-filters{justify-content:space-between;margin:24px 0}.creative-filters [role=group]{display:flex;gap:6px}.creative-filters select,.creative-actions select,.creative-policy select{background:var(--bg);color:var(--tx);border:1px solid var(--line);border-radius:8px;min-height:38px;padding:6px 12px;font:inherit}.creative-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:22px;margin:20px 0 28px}.creative-card{min-width:0;overflow:hidden;background:var(--bg2);border-radius:14px}.creative-card-preview{display:block;width:100%;padding:0;aspect-ratio:16/10;border:0;background:var(--bg);cursor:pointer;color:var(--tx)}.creative-card-preview img,.creative-card>img{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover}.creative-card-preview>span{display:flex;align-items:center;justify-content:center;gap:12px;height:100%}.creative-card-preview svg{width:24px;height:24px}.creative-card-copy{padding:16px}.creative-card-copy h2{font-size:16px;line-height:1.5;margin:0 0 6px;overflow-wrap:anywhere}.creative-card-copy p{font-size:13px;line-height:1.5;margin:6px 0;color:var(--tx2)}.creative-card-copy .creative-actions{margin-top:16px}.creative-modal{width:min(1120px,calc(100vw - 32px));max-width:1120px}.creative-modal .mbody{max-height:calc(90dvh - 150px);overflow:auto;overscroll-behavior:contain}.creative-preview{display:grid;grid-template-columns:minmax(240px,0.8fr) minmax(0,1.5fr);gap:24px;align-items:start}.creative-context{min-width:0}.creative-context pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:380px;overflow:auto;line-height:1.7;font:inherit}.creative-preview h3{margin:20px 0 12px}.creative-media{min-width:0}.creative-media img,.creative-media video{display:block;width:100%;max-height:65dvh;object-fit:contain;border-radius:10px;background:var(--bg)}.creative-media figure,.creative-references figure{margin:0 0 16px}.creative-media figcaption,.creative-references figcaption{margin-top:8px}.creative-references img,.creative-references video{width:100%;max-height:200px;object-fit:contain}.creative-references audio{width:100%}.creative-textarea{display:block;width:100%;min-height:80px;resize:vertical;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--tx);padding:12px;font:inherit;line-height:1.7;caret-color:var(--a1)}.creative-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.creative-comment{padding:16px 0;border-bottom:1px solid var(--line)}.creative-comment>div{display:flex;justify-content:space-between;gap:12px}.creative-comment time{font-size:12px;color:var(--tx2)}.creative-comment p{white-space:pre-wrap;overflow-wrap:anywhere}.creative-favourite{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.creative-favourite>span{flex:1;min-width:0;overflow-wrap:anywhere}.creative-policy{max-width:620px}.creative-policy h2{margin-top:30px}.creative-filters [aria-pressed=true],.tools-page [aria-selected=true]{background:var(--a1);color:var(--tx);border-color:var(--a1)}.tools-page [role=tab]{border:1px solid var(--line);border-radius:8px;padding:10px 18px;background:var(--bg2);color:var(--tx);font:inherit;cursor:pointer}.tools-page [data-face-tool] .face-main{max-width:none;padding:0}.tools-page [data-face-tool] .face-heading>span{display:none}.tools-page [data-face-tool] .face-heading h1{font-size:22px}.tools-page [data-face-tool] .face-controls{background:var(--bg2);color:var(--tx)}.tools-page [data-face-tool] .face-stage{background:var(--bg);border-color:var(--line)}.tools-page [data-face-tool] input,.tools-page [data-face-tool] select{accent-color:var(--a1)}
/* Keep zoom controls clear of the horizontally scrollable node toolbar. */
[data-native-canvas] .absolute:has(>[class*="backdrop-blur"]>:is([aria-label="打开小地图"],[aria-label="关闭小地图"])){bottom:72px}
@media(max-width:760px){.creative-preview{grid-template-columns:1fr}.creative-modal{width:calc(100vw - 20px)}.creative-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.creative-filters{gap:14px;justify-content:flex-start}.creative-textarea{font-size:16px}.creative-favourite{flex-wrap:wrap}.tools-page [data-face-tool] .face-layout{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.creative-card,.creative-modal{animation:none;transition:none}}
.tools-page [data-face-tool]{background:transparent;color:var(--tx);min-height:0;font-family:inherit}
.tools-page [data-face-tool] .face-heading h1{color:var(--tx);font-size:20px;letter-spacing:0;margin:0 0 8px}
.tools-page [data-face-tool] :is(.face-heading p,.face-controls label,.face-help,#face-status,#face-empty){color:var(--tx2)}
.tools-page [data-face-tool] .face-controls{border-color:var(--line);background:var(--panel)}
.tools-page [data-face-tool] :is(.face-button,.face-controls select,.face-controls input[type=color]){background:var(--glass);border-color:var(--line2);color:var(--tx);transition:background .18s var(--ease),border-color .18s var(--ease)}
.tools-page [data-face-tool] .face-button:not(:disabled):hover{background:var(--glass2);border-color:var(--a1)}
.tools-page [data-face-tool] .face-primary{background:var(--a1);color:#fff}
.tools-page [data-face-tool] .face-controls .face-upload{background:var(--glass);border-color:var(--line2);color:var(--tx)!important}
.tools-page [data-face-tool] .face-upload:is(:hover,.is-dragover){background:var(--glass2);border-color:var(--a1)}
.tools-page [data-face-tool] .face-stage{background:var(--bg2);min-height:480px;border-color:var(--line)}
.tools-page [data-face-tool] :focus-visible{outline:2px solid var(--a1);outline-offset:3px}
.creative-page button:focus-visible,.tools-page [role=tab]:focus-visible{outline:2px solid var(--a1);outline-offset:3px}
.tools-page .creative-filters{justify-content:flex-start}
.tools-page [role=tab][aria-selected=true]{background:var(--glass2);border-color:var(--a1);color:var(--tx)}
.creative-filters [aria-pressed=true]{background:var(--glass2);border-color:var(--a1);color:var(--tx)}
@media(max-width:780px){.tools-page [data-face-tool] .face-stage{min-height:240px}.tools-page [data-face-tool] .face-layout{display:flex;flex-direction:column}.tools-page [data-face-tool] .face-controls{width:100%}}

/* Below xl the main toolbar is already raised to 68px. Keep zoom on its own lower row. */
@media(max-width:1279px){[data-native-canvas] .absolute:has(>[class*="backdrop-blur"]>:is([aria-label="打开小地图"],[aria-label="关闭小地图"])){bottom:20px}}