.motif-real-studio .motif-artwork-canvas{position:relative;width:100%;aspect-ratio:1;background:var(--paper)}
.motif-real-studio .motif-artwork-canvas canvas{display:block;width:100%;height:100%;cursor:default;touch-action:pan-y}
.motif-real-studio .motif-canvas-message{position:absolute;inset:0;display:grid;place-items:center;padding:25px;text-align:center;font-size:12px;color:var(--muted);background:var(--paper)}
.motif-real-studio .motif-product-preview{width:100%;background:var(--paper);padding-bottom:18px}
.motif-real-studio .motif-preview-image{position:relative;background:#eeeae0}
.motif-real-studio .motif-preview-image>.product-art{width:100%;max-height:650px;object-fit:contain;aspect-ratio:1}
.motif-real-studio .motif-image-pending{opacity:1}
.motif-real-studio .motif-image-loading{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;margin:0;padding:8px 12px;font-size:10px;line-height:1.6;text-align:center;color:var(--muted);background:#faf7f0e6;border:1px solid #d8d7ca}
.motif-real-studio .motif-preview-action{display:flex;margin:12px auto 0;max-width:calc(100% - 36px);font-size:11px}
.motif-real-studio .motif-studio-error{font-size:11px;color:#874b35;line-height:1.8;padding:12px;border:1px solid #dfbdaa;background:#fcf0e7;overflow-wrap:anywhere}
.motif-real-studio .motif-product-preview>.motif-studio-error{margin:12px 18px}
.motif-real-studio .motif-upload-disabled{opacity:.6;cursor:default}
.motif-real-studio .motif-upload-disabled input{cursor:default}
.motif-real-studio .motif-preview-views{justify-content:center;flex-wrap:wrap;margin:18px 0}
.motif-real-studio .motif-template-note{margin:20px 0;background:#f0f0e5;padding:16px;grid-column:1/-1}
.motif-real-studio .motif-template-note h3{font-family:var(--sans);font-size:11px;font-weight:500;margin:0 0 8px}
.motif-real-studio .motif-template-note p{font-size:10px;line-height:1.8;color:var(--muted);margin:0}
.motif-real-studio .motif-render-stage{max-width:560px;margin:auto}
.motif-real-studio .editor-inspector .field-label input{width:100%;min-width:0}
.motif-real-studio button:disabled{cursor:default;opacity:.5}
.motif-real-studio .preview-label{position:relative;display:block;left:auto;bottom:auto;text-align:center;padding:10px;transform:none;background:var(--paper)}
.customize-page .motif-product-choice{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px;text-align:left}
.customize-page .motif-product-choice-image{display:block;width:84px;height:84px;background:#eeeae0;overflow:hidden}
.customize-page .motif-product-choice-image>.product-art,.customize-page .motif-product-choice-image>img{display:block;width:100%;height:100%;min-height:0;aspect-ratio:1;object-fit:contain}
.customize-page .motif-product-choice-image .preview-state{min-height:0;padding:8px;font-size:9px;line-height:1.4}
.customize-page .motif-product-choice-image .motif-preview-feedback{padding:8px;font-size:9px;line-height:1.4}
.customize-page .motif-product-choice-copy{min-width:0;overflow-wrap:anywhere;line-height:1.5}
.customize-page .motif-product-choice-copy small{display:block;margin-top:5px}
.customize-page .motif-choice-image-note{display:grid;place-items:center;height:100%;padding:8px;text-align:center;font-size:9px;line-height:1.4;color:var(--muted)}
@media(max-width:620px){.customize-page .motif-product-choice{grid-template-columns:72px minmax(0,1fr) auto;gap:12px}.customize-page .motif-product-choice-image{width:72px;height:72px}}
@media(max-width:620px){.motif-real-studio .motif-preview-image>.product-art{max-height:420px}.motif-real-studio .editor-inspector .motif-template-note{margin:0}.motif-real-studio .pattern-picker img{aspect-ratio:1;object-fit:cover}}
/* Custom templates + public AI studio */
.customize-page .studio-template-strip{margin:0 0 20px;padding:14px 14px 12px;border:1px solid var(--line);background:#fffdf8;border-radius:14px}
.customize-page .studio-template-strip .eyebrow{color:var(--clay);margin:0 0 10px}
.customize-page .studio-template-strip .template-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 10px}
.customize-page .studio-template-strip .template-cards button{display:flex;flex-direction:column;gap:7px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:7px;text-align:left;color:var(--ink)}
.customize-page .studio-template-strip .template-cards button.selected{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
.customize-page .studio-template-strip .template-cards img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;display:block}
.customize-page .studio-template-strip .template-cards span{font-size:11px;line-height:1.35;padding:0 2px 2px}
.customize-page .studio-template-strip .fine-print{margin:0}
.customize-page .ai-studio{margin:24px 0 0;padding:18px;border:1px solid var(--line);background:#fffdf8;border-radius:16px}
.customize-page .ai-studio-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.customize-page .ai-studio-head .eyebrow{color:var(--clay);margin:0 0 5px}
.customize-page .ai-studio-head h3{font-family:var(--serif);font-size:26px;font-weight:400;line-height:1.15;margin:0}
.customize-page .ai-studio-note{font-size:9px;color:var(--muted);white-space:nowrap;padding-top:4px}
.customize-page .ai-studio .field-label{font-size:10px}
.customize-page .ai-studio textarea{min-height:86px;font-size:12px}
.customize-page .ai-studio-chips{display:flex;flex-wrap:wrap;gap:6px;margin:-2px 0 14px}
.customize-page .ai-studio-chips button{border:1px solid var(--line);background:#f7f5ed;color:var(--muted);font-size:9.5px;padding:6px 9px;border-radius:999px}
.customize-page .ai-studio-chips button:hover{background:var(--sage);color:var(--ink);border-color:#cbd3bc}
.customize-page .ai-studio .button{margin-top:4px}
.customize-page .ai-studio>.fine-print{margin:10px 0 0}
.customize-page .ai-studio .motif-studio-error{margin:12px 0 0}
@media(max-width:620px){.customize-page .ai-studio{padding:15px}.customize-page .ai-studio-head{flex-direction:column;gap:4px}.customize-page .pattern-picker{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}.customize-page .pattern-selected{flex-direction:column;align-items:flex-start;gap:10px}.customize-page .pattern-selected img{width:100%;height:220px}}

.customize-page .pattern-selected{display:flex;gap:16px;align-items:center;margin:0 0 18px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fffdf8}
.customize-page .pattern-selected img{width:104px;height:104px;object-fit:cover;border-radius:10px;flex:none;display:block}
.customize-page .pattern-selected .eyebrow{color:var(--clay);margin:0 0 5px}
.customize-page .pattern-selected strong{display:block;font-family:var(--serif);font-size:20px;font-weight:400;line-height:1.2;margin-bottom:4px}
.customize-page .customizer-panel>.eyebrow{font-size:8px;color:#8b9484;margin:0 0 10px;letter-spacing:.1em;text-transform:uppercase}