.preview-panel,.work,.tl-scroll{min-width:0}.tl-scroll{scrollbar-gutter:stable;overscroll-behavior:contain;scrollbar-width:auto}.tl-scroll::-webkit-scrollbar{height:16px}.tl-scroll::-webkit-scrollbar-thumb{background:#555;border:3px solid var(--panel)}
.media-panel{flex-basis:var(--left-w,380px)}.lib-tabs{display:flex;flex-wrap:wrap;border-radius:16px;gap:5px}.lib-tabs button{padding:0 10px;flex:1 0 auto}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.library-wide .media-panel{flex-basis:min(620px,45vw)!important}.library-wide .tile-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.safe-grid{position:absolute;inset:0;pointer-events:none;z-index:18;background:linear-gradient(to right,transparent 33.2%,#fff8 33.3%,transparent 33.5%,transparent 66.5%,#fff8 66.6%,transparent 66.8%),linear-gradient(to bottom,transparent 33.2%,#fff8 33.3%,transparent 33.5%,transparent 66.5%,#fff8 66.6%,transparent 66.8%)}.safe-grid::after{content:'';position:absolute;inset:5%;border:1px dashed #fff8}.safe-grid[hidden]{display:none}
.audio-controls{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.audio-controls label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0}.audio-controls input[type=range]{width:55%}.audio-controls select{max-width:65%}.gfx-assets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:60vh;overflow:auto}.gfx-assets button{padding:8px;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px}.gfx-assets img{width:100%;height:90px;object-fit:contain;background:#18181c}.gfx-grid{position:absolute;inset:0;pointer-events:none;background-size:10% 10%;background-image:linear-gradient(to right,#fff3 1px,transparent 1px),linear-gradient(to bottom,#fff3 1px,transparent 1px)}.gfx-tools{overflow-y:auto}.gfx-align{display:flex;flex-wrap:wrap;gap:6px}.gfx-pop .gfx-assets{padding:12px}.pc-toolbar{display:flex;gap:5px;align-items:center}
.design-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.design-template{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:14px;padding:8px;background:var(--card);color:var(--text);font-size:12px;text-align:right}.design-template img{width:100%;height:170px;object-fit:cover;border-radius:8px}.design-template span{color:var(--muted)}.library-wide .design-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gfx-pages{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.gfx-pages .is-on{background:var(--lime);color:#111}.gfx-assets button span{display:block;line-height:1.7}.gfx-assets button img[src*="templates"]{height:170px;object-fit:cover}.gfx-side .gfx-card{min-width:0}