.creative{max-width:1300px;margin:auto;padding:32px 24px}.creative h1{font-size:36px;margin:0 0 12px;letter-spacing:-1px}.creative-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px}.creative-panel{background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:16px;min-width:0;align-self:start}.creative label{display:flex;flex-direction:column;gap:8px;margin:14px 0;font-size:14px}.creative input,.creative select{background:#0b100a;color:var(--text);border:1px solid var(--line);padding:10px;border-radius:8px;width:100%;min-width:0}.creative input[type=color]{height:42px;padding:3px}.creative input[type=checkbox]{width:auto}.creative canvas{display:block;max-width:100%;max-height:580px;margin:auto;object-fit:contain}.creative-screen{background:#050805;border-radius:12px;overflow:hidden;display:grid;place-items:center;min-height:240px}.creative .row{display:flex;gap:10px;flex-wrap:wrap}.creative .row>label{flex:1;min-width:100px}.creative .row>.btn{flex:1;text-align:center;text-decoration:none}.creative [hidden]{display:none!important}.creative-status{color:var(--accent);font-size:14px;min-height:22px;line-height:1.5}.creative-note{color:var(--muted);font-size:14px;line-height:1.6}.creative video{width:100%;max-height:500px;margin-top:16px}.creative progress{width:100%;accent-color:var(--accent)}.palette-grid{display:grid;grid-template-columns:repeat(var(--count,5),minmax(0,1fr));gap:12px;margin:24px 0}.palette-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel);min-width:0}.palette-swatch{width:100%;height:260px;border:0;cursor:pointer;display:flex;align-items:end;padding:18px;text-align:left;font-size:18px;font-weight:800}.palette-details{padding:12px}.palette-details button{width:100%;margin:4px 0;font-size:14px;white-space:normal}.palette-details input{margin:6px 0}.palette-toolbar{align-items:end}.palette-toolbar label{margin-bottom:0}.palette-toolbar .btn{min-height:42px}.palette-contrast{font-size:13px;line-height:1.5;color:var(--muted)}.creative button:focus-visible{outline:2px solid white;outline-offset:3px}@media(max-width:850px){.creative-layout{grid-template-columns:1fr}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-swatch{height:180px}.creative{padding:24px 14px}}@media(max-width:420px){.palette-grid{gap:8px}.palette-details{padding:8px}}

.palette-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.palette-swatch{height:200px}.palette-toolbar input[type=number]{max-width:120px}
.object-viewport{width:100%;height:520px;background:#182017;border-radius:12px;overflow:hidden;touch-action:none}.object-viewport canvas{max-height:none!important;max-width:none!important;display:block}.creative textarea{width:100%;resize:vertical;background:#0b100a;color:var(--text);border:1px solid var(--line);padding:12px;border-radius:8px;font:inherit;min-height:90px}@media(max-width:760px){.object-viewport{height:390px}}
.object-stage{position:relative}.object-badge{position:absolute;top:12px;left:12px;padding:7px 10px;border-radius:999px;background:#071007d9;border:1px solid #8cff5266;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:1.3px}.object-presets{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0 14px}.object-presets button{background:#0a0d0a;color:#cbd4cb;border:1px solid var(--line);border-radius:9px;padding:8px;text-align:left;cursor:pointer}.object-presets button:hover,.object-presets button:focus-visible{border-color:var(--accent);color:var(--accent)}.object-generate{width:100%;min-height:46px;position:relative;overflow:hidden}.object-studio progress{height:4px;margin:8px 0 0}.object-studio .check-field{flex-direction:row;align-items:center}.object-studio .check-field input{width:auto}.object-studio details summary{cursor:pointer;color:#fff;font-weight:800;margin:16px 0 8px}.object-studio .control-heading{margin-top:22px}
#palettePage .creative{max-width:1600px}#palettePage .palette-grid{display:flex;gap:0;border-radius:14px;overflow:hidden}#palettePage .palette-card{flex:1;min-width:0;border-radius:0;border-right:1px solid var(--line)}#palettePage .palette-swatch{height:320px;padding:16px;font-size:18px}#palettePage .palette-collection{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));max-height:790px;overflow:auto;gap:8px}#palettePage .palette-collection .palette-swatch{height:160px}.pal-card-actions{display:flex;gap:4px}.pal-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:20px;margin:24px 0}.pal-workbench h2{font-size:20px}.pal-shades{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pal-shades button{border:0;border-radius:8px;padding:22px 4px;cursor:pointer;font-size:14px}.pal-workbench canvas{max-width:100%;height:auto;margin-top:18px;border-radius:10px}#palImageCanvas{cursor:crosshair}#palTypePreview{padding:36px 24px;border-radius:10px;overflow-wrap:anywhere}#palTypePreview strong{font-size:clamp(24px,3vw,42px);font-weight:900}#palTypePreview p,#palTypePreview small{font-size:16px}.creative:fullscreen,.creative.pal-expanded{background:#0b100a;overflow:auto;max-width:none!important;padding:28px}.creative.pal-expanded{position:fixed;inset:0;z-index:500}#palPrint{width:auto}#palStatus{overflow-wrap:anywhere}@media(max-width:1000px){#palettePage .palette-grid:not(.palette-collection){overflow:auto}#palettePage .palette-card{min-width:170px}.pal-workbench{grid-template-columns:1fr}}@media(max-width:600px){#palettePage .palette-swatch{height:220px}#palettePage .palette-collection{grid-template-columns:repeat(2,minmax(0,1fr))}#palettePage .palette-collection .palette-card{min-width:0}}
.fabric-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0}.fabric-gallery button{padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#11190e;color:white;cursor:pointer}.fabric-gallery img{display:block;width:100%;height:140px;object-fit:cover}.fabric-gallery span{display:block;padding:12px;font-size:14px}.fabric-gallery button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}#fabricCanvas{width:100%;height:auto;max-height:none;touch-action:none;cursor:move;border-radius:12px}#fabricFileName{overflow-wrap:anywhere}@media(max-width:700px){.fabric-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fabric-gallery img{height:110px}}

/* Concrete flat-lay collection */
.fabric-picker{border:1px solid var(--line);border-radius:16px;padding:18px;margin:24px 0;background:var(--panel)}
.fabric-picker>summary{cursor:pointer;font-weight:750;font-size:17px}.fabric-picker>summary>span{font-size:12px;font-weight:400;color:var(--muted);margin-left:12px}
.fabric-filters{display:flex;align-items:end;gap:16px}.fabric-filters label{flex:1;max-width:230px;margin-bottom:4px}.fabric-filters p{margin-left:auto}
.fabric-gallery{grid-template-columns:repeat(6,minmax(0,1fr));max-height:370px;overflow:auto;overscroll-behavior:contain;padding:4px;scrollbar-color:var(--accent) #171e14;scrollbar-width:thin;margin:14px 0 0}
.fabric-gallery img{height:auto;aspect-ratio:1;object-fit:cover}.fabric-gallery span{text-align:left;font-size:13px;padding:10px}.fabric-gallery small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.4}
.fabric-gallery button{transition:border-color .18s,transform .18s}.fabric-gallery button:hover{border-color:var(--accent);transform:translateY(-2px)}.fabric-gallery button[aria-pressed=true]{background:#1b2a15}
.fabric-preview-bar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 16px}.fabric-preview-bar strong{font-size:17px}.fabric-preview-bar small{display:block;color:var(--muted);font-size:12px;margin-top:6px}
.fabric-sides{display:flex;gap:6px}.fabric-sides button[aria-pressed=true]{color:#081006;background:var(--accent);border-color:var(--accent)}
.fabric-preview-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}.fabric-preview-actions .row{flex-shrink:0}.fabric-preview-actions .creative-note{flex:1;min-width:150px;font-size:12px}
.fabric-preview:fullscreen,.fabric-preview.fabric-expanded{background:#0d100d;overflow:auto;padding:24px;border-radius:0}.fabric-preview:fullscreen #fabricCanvas,.fabric-preview.fabric-expanded #fabricCanvas{width:min(100%,72vh);margin:auto}.fabric-preview.fabric-expanded{position:fixed;inset:0;z-index:500}
#photoMockupPage button:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:1000px){.fabric-gallery{grid-template-columns:repeat(4,minmax(0,1fr));max-height:340px}}
@media(max-width:850px){.fabric-preview{order:-1}.fabric-picker{padding:12px}.fabric-gallery{grid-template-columns:repeat(3,minmax(0,1fr));max-height:310px}.fabric-picker>summary>span{display:block;margin:8px 0 0}.fabric-preview-bar{align-items:flex-start;flex-wrap:wrap}.fabric-filters{gap:8px;flex-wrap:wrap}.fabric-filters p{width:100%;margin:3px 0}.fabric-filters label{margin-top:12px}.fabric-gallery span{font-size:11px;padding:8px}.fabric-gallery small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.fabric-gallery button{transition:none}.fabric-gallery button:hover{transform:none}}