.graphics-page.carousel-page{grid-template-columns:180px 280px minmax(0,1fr)}.carousel-page .editor{padding:24px 18px}.carousel-page .preview{padding:24px;min-width:0}.carousel-page #creativeSurface{max-width:none}.carousel-board-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.carousel-board-heading h2{margin:0 0 6px;font-size:22px}.carousel-board-scroll{overflow-x:auto;padding-bottom:14px;max-width:100%;overscroll-behavior-x:contain}.carousel-board{display:grid;gap:18px}.carousel-board.strip{grid-template-columns:repeat(6,minmax(0,1fr));min-width:1100px}.carousel-board.grid{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}.carousel-slide-card{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px}.carousel-slide-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px;font-size:14px;margin-bottom:10px}.carousel-preview{display:block;position:relative;width:100%;padding:0;border-radius:0;background-color:#fff;background-image:linear-gradient(45deg,#e4e4e4 25%,transparent 25%),linear-gradient(-45deg,#e4e4e4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4e4e4 75%),linear-gradient(-45deg,transparent 75%,#e4e4e4 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;overflow:hidden}.carousel-preview>svg{display:block;width:100%;height:auto;max-width:100%}.carousel-empty-slide{position:absolute;inset:0;display:grid;place-content:center;padding:12px;text-align:center;font-size:14px;color:var(--muted)}.carousel-card-actions,.carousel-order-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.carousel-card-actions button,.carousel-order-actions button,.carousel-upload-label{font-size:14px;padding:6px 9px}.carousel-upload-label{position:relative;border:1px solid var(--line);border-radius:6px;overflow:hidden;cursor:pointer;font-weight:400}.carousel-upload-label input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.carousel-upload-label:focus-within{outline:3px solid #6cb99a;outline-offset:2px}.carousel-filename{font-size:12px;color:var(--muted);overflow-wrap:anywhere;margin:10px 0 0}.carousel-editor-strip{padding-top:16px;margin-bottom:4px}.carousel-editor-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap;font-size:14px}.carousel-editor-title button{font-size:14px}.carousel-editor-thumbnails{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:850px}.carousel-editor-thumbnails button{position:relative;padding:3px;overflow:hidden;border:2px solid var(--line);background:var(--panel)}.carousel-editor-thumbnails button.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.carousel-editor-thumbnails svg{display:block;width:100%;height:70px;object-fit:contain}.carousel-editor-thumbnails span{position:absolute;bottom:3px;right:3px;font-size:12px;padding:0 5px;background:var(--panel);color:var(--ink);border-radius:3px}#carouselAssignDialog{max-width:520px;width:94vw;background:var(--panel);color:var(--ink)}@media(max-width:1100px){.graphics-page.carousel-page{grid-template-columns:155px 245px minmax(0,1fr)}.carousel-board.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.carousel-page .preview{padding:18px}}@media(max-width:760px){.graphics-page.carousel-page{display:flex}.carousel-board.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.carousel-editor-thumbnails svg{height:50px}.carousel-board.strip{min-width:1000px}.carousel-editor-title{align-items:flex-start}.carousel-page .preview{padding:16px}}@media(max-width:450px){.carousel-board.grid{grid-template-columns:1fr 1fr;gap:10px}.carousel-slide-card{padding:8px}.carousel-card-actions button,.carousel-order-actions button,.carousel-upload-label{font-size:13px;padding:6px}.carousel-editor-thumbnails{gap:4px}}
