/* Collage product layer: all editor primitives remain shared with Vision Board. */
.cg-page #board-canvas:focus-visible{outline:3px solid #8b4f90;outline-offset:8px}
.cg-assets{margin-top:20px;border:1px solid var(--gs-line);border-radius:14px;padding:13px}.cg-assets summary{min-height:40px;font-size:14px;cursor:pointer}.cg-assets-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.cg-assets-grid article{min-width:0;display:flex;flex-direction:column;gap:8px}.cg-assets-grid article>button{min-height:44px;border:1px solid var(--gs-line);border-radius:12px;padding:7px;background:var(--gs-cream);color:var(--gs-ink);font-size:12px}.cg-assets-grid img{display:block;width:100%;height:100px;object-fit:contain;margin-bottom:8px}.cg-assets-grid small{font-size:11px;color:var(--gs-muted)}
.cg-chip-grid [data-cg-effect][aria-pressed=true]{background:var(--gs-blush);border-color:#a74d83;box-shadow:0 0 0 1px #a74d83}.cg-page #cg-auto-start{min-width:165px}.cg-page .cg-how{scroll-margin-top:90px}
.cg-page .vb-hero{background:linear-gradient(115deg,#fff5f9,#f7e8f5 55%,#eee7fc);margin-top:14px}.cg-page .vb-hero h1{max-width:680px;font-size:clamp(34px,4.3vw,55px)}.cg-page .vb-hero-art{background:#fffafc;border-radius:18px;transform:rotate(5deg);padding:9px 9px 22px}.cg-page .vb-hero-art img{aspect-ratio:4/5;border-radius:10px}.cg-page .vb-art-note{font-size:16px}.cg-page .vb-template-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.cg-page .vb-template-card svg{aspect-ratio:4/5;border-radius:12px}.cg-page .vb-template-card{border-radius:20px;padding:10px;box-shadow:0 8px 25px #a4668e12}.cg-page .vb-template-card strong{font-size:14px}.cg-page .vb-blank-art{aspect-ratio:4/5}.cg-page .vb-gallery-section{scroll-margin-top:90px}.cg-discover{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:0 0 35px}.cg-discover>div{display:flex;align-items:center;gap:10px}.cg-page .cg-discover select{width:auto;max-width:200px;min-height:46px;font-size:14px;border-radius:15px}.cg-style-section{margin:0 0 25px}.cg-page .cg-style-section h2{font:500 24px Georgia,serif;margin:0 0 16px}.cg-themes{display:flex;flex-wrap:wrap;gap:9px}.cg-themes button,.cg-chip-grid button{min-height:44px;border:1px solid var(--gs-line);border-radius:22px;padding:10px 15px;background:var(--gs-paper);color:var(--gs-ink);font-size:12px;cursor:pointer}.cg-themes button[aria-pressed=true]{background:var(--gs-blush);border-color:#b4548c;color:var(--gs-rose)}.cg-page .vb-template-card[hidden]{display:none!important}.cg-page .cg-how,.cg-examples{margin:45px 0}.cg-page .cg-how h2,.cg-page .cg-examples h2{font:500 30px/1.3 Georgia,serif}.cg-how ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cg-how li{background:var(--gs-paper);border:1px solid var(--gs-line);border-radius:18px;padding:24px 16px;text-align:center}.cg-how li>span{display:block;color:#b65b92;font:36px Georgia,serif;margin-bottom:12px}.cg-how b{font-size:14px;font-weight:500}.cg-page .cg-examples>p{font-size:14px;color:var(--gs-muted);line-height:1.7}.cg-examples>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cg-examples button{display:flex;flex-direction:column;gap:12px;padding:12px 12px 18px;border:1px solid var(--gs-line);border-radius:20px;background:var(--gs-paper);color:var(--gs-ink);text-align:start;cursor:pointer;min-width:0}.cg-examples img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:12px}.cg-examples button:nth-child(2) img{filter:hue-rotate(18deg)}.cg-examples button:nth-child(3) img{filter:saturate(.55)}.cg-examples strong{font-size:14px}.cg-examples button>span{font-size:12px;color:var(--gs-rose)}.cg-page .cg-editorial{padding:0;margin:45px 0}.cg-page .v3-editorial details{border-bottom:1px solid var(--gs-line);padding:16px 0}.cg-page .v3-editorial summary{min-height:44px;font-size:15px;cursor:pointer}.cg-page .v3-editorial p{font-size:15px;line-height:1.85}.cg-page #board-tools-sheet h3{font:500 22px Georgia,serif;margin:22px 0 15px}.cg-chip-grid{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.cg-chip-grid button{border-radius:13px}.cg-text-presets{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.cg-text-presets button{min-height:68px;border:1px solid var(--gs-line);border-radius:14px;padding:10px;background:linear-gradient(145deg,var(--gs-paper),var(--gs-blush));color:var(--gs-rose);font:600 17px/1.3 Georgia,serif;cursor:pointer}.cg-text-presets button[aria-pressed=true]{outline:2px solid #a84b85;outline-offset:1px}.cg-text-presets .cg-text-chrome{color:#735d9e;text-shadow:1px 1px white,2px 3px #c4b4d766}.cg-text-presets .cg-text-bubble,.cg-text-presets .cg-text-glossy{font-family:sans-serif;color:#b03c80;text-shadow:1px 2px white,2px 3px #cda8bc77}.cg-text-presets .cg-text-script,.cg-text-presets .cg-text-handwriting,.cg-text-presets .cg-text-coquette{font-family:cursive;font-style:italic}.cg-text-presets .cg-text-magazine{font-family:sans-serif;text-transform:uppercase;font-size:15px;color:var(--gs-ink)}.cg-page #cg-photo-tools,.cg-cutout{margin-top:20px}.cg-cutout{border:1px solid var(--gs-line);border-radius:15px;padding:13px}.cg-cutout summary{min-height:38px;cursor:pointer;font-size:14px;color:var(--gs-ink)}.cg-page .cg-cutout p{font-size:12px;line-height:1.8}.cg-page .cg-cutout button{margin-block:6px;min-height:44px}.cg-erasing{cursor:crosshair!important}.cg-page #cg-branding{width:20px;min-height:20px;margin-inline-end:8px}.cg-page .vb-format-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}.cg-page .vb-editor-bottom [data-board-tool=effects]>span{color:#9763b4}.cg-page .vb-stage-area{background:radial-gradient(ellipse,#fff8fb,#f0e4f6)}.cg-page #board-canvas{box-shadow:0 18px 60px #825c7e30!important}.cg-page #board-properties input[type=number]{width:100%}.cg-page .vb-sticker-grid button{min-height:95px}.cg-page .vb-sticker-grid button>span{font-size:37px}.cg-page .vb-export-actions>button{font-size:14px}.cg-page #cg-layout-tools p{font-size:12px;line-height:1.8}.cg-page #board-context-hint{min-height:26px}
@media(max-width:900px){.cg-page .vb-template-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.cg-discover{align-items:flex-start}.cg-discover>div{flex-direction:column;align-items:stretch}.cg-how ol{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.cg-page .vb-hero{padding:25px 20px;margin-bottom:22px}.cg-page .vb-hero h1{font-size:35px}.cg-page .vb-template-gallery{gap:11px;grid-template-columns:repeat(2,minmax(0,1fr))}.cg-page .vb-template-card{padding:8px 8px 12px;border-radius:17px}.cg-page .vb-template-card strong{font-size:13px;line-height:1.5;padding:2px 3px}.cg-page .vb-section-heading h2{font-size:27px}.cg-discover{flex-direction:column;align-items:stretch;gap:18px}.cg-discover>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8px}.cg-page .cg-discover select{max-width:none;width:100%;font-size:12px}.cg-discover .ty-ghost-btn{font-size:12px;padding-inline:10px;min-height:48px}.cg-themes{gap:7px}.cg-themes button{font-size:12px;padding:9px 12px}.cg-page .cg-style-section h2{font-size:24px}.cg-how li{padding:20px 12px}.cg-how b{font-size:13px}.cg-page .cg-how h2,.cg-page .cg-examples h2{font-size:26px}.cg-examples>div{grid-template-columns:1fr;gap:14px}.cg-examples button{display:grid;grid-template-columns:100px minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:center;padding:12px}.cg-examples img{grid-row:1/3;width:100px}.cg-examples strong{font-size:16px}.cg-page .vb-format-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.cg-page .vb-format-tiles button{min-height:82px}.cg-page .vb-title-wrap #board-title{font-size:16px}.cg-page .vb-view-tools{gap:5px}.cg-page .vb-stage-area{min-height:0}.cg-page #cg-stop-erase{font-size:11px}.cg-page .cg-editorial{margin-block:35px}}
@media(prefers-color-scheme:dark){.cg-page .vb-hero{background:linear-gradient(115deg,#382532,#36283e,#292239)}.cg-page .vb-hero-art{background:#493349}.cg-page .vb-stage-area{background:radial-gradient(ellipse,#3b2940,#271e2d)}.cg-text-presets .cg-text-chrome{color:#d9c7f2}.cg-text-presets .cg-text-bubble,.cg-text-presets .cg-text-glossy{color:#eeb6d8}.cg-page .cg-examples img{filter:brightness(.85)}}
@media(prefers-reduced-motion:reduce){.cg-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}