/* UI-01 competitive refinement: local design controls, no backend integration. */
.art-features{display:none}.art.layout-2 .art-photo{inset:29% 42% 14% 6%;border-radius:0}
.art.layout-2 .art-features{position:absolute;top:34%;right:7%;width:30%;display:flex;flex-direction:column;gap:5cqw}
.art-features>span{font-size:3.3cqw;line-height:1.45;border-top:1px solid #25292230;padding-top:2cqw}
.art-features small{display:block;color:var(--art-accent);font-size:2.5cqw;margin-bottom:1cqw}
.art.layout-2 .art-caption{max-width:100%}
.art.layout-1 .art-photo img{transform:scale(1.4);object-position:65% 94%}
.art[data-format=square]{aspect-ratio:1}
.art[data-format=square] .art-title{font-size:11cqw}
.art[data-format=square].layout-1 .art-title,.art[data-format=square].layout-2 .art-title{font-size:9cqw}
.art[data-framing=original] .art-photo{overflow:hidden;background:#f8f7f3}
.art[data-framing=original] .art-photo img{object-fit:contain;object-position:center;transform:none}
.art[data-look=clean] .art-title,.look-clean .art-title{font-family:DM,sans-serif;font-weight:600;font-size:10cqw;line-height:1.08;letter-spacing:-.045em}
.art[data-look=clean].layout-1 .art-title,.art[data-look=clean].layout-2 .art-title{font-size:8cqw}
.art[data-look=bold] .art-title,.look-bold .art-title{font-family:DM,sans-serif;font-weight:600;letter-spacing:-.05em;line-height:1.03;text-transform:uppercase;font-size:10cqw}
.art[data-look=bold]:not(.layout-1) .art-title{color:var(--art-accent)}
.art[data-look=bold].layout-1 .art-title,.art[data-look=bold].layout-2 .art-title{font-size:8cqw}
.editor-layout{grid-template-columns:235px minmax(350px,1fr) 300px}
.settings{padding:24px}.settings h2{font-size:22px;margin-bottom:10px}
.settings label{margin-top:18px}.settings textarea{min-height:75px;line-height:1.5;resize:vertical}
.settings select{width:100%;min-height:44px;border:1px solid #b6b9a9;border-radius:5px;background:#fffefb;color:var(--ink);padding:9px 8px;font:inherit;font-size:11px}
select:focus-visible{outline:3px solid #826532;outline-offset:4px}
.settings .eyebrow{margin-bottom:12px}
.settings .small-note{font-size:10px;margin-top:12px}
.visual-controls{border-bottom:0;margin-top:14px}
.visual-controls summary{padding:12px 0;font-size:12px}
.direction-options{display:flex;gap:7px}
.look-option{flex:1;min-width:0;border:1px solid var(--line);border-radius:4px;padding:4px;background:#f4f3ed}
.look-option[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.look-option>span{display:block;font-size:10px;padding:5px 0}
.look-preview{pointer-events:none}.look-preview .art-title{font-size:11cqw}.look-preview .art{aspect-ratio:1}
.preview-panel{padding:25px 25px}.preview-tools{display:flex;align-items:center;gap:3px;max-width:430px;margin:0 auto 18px;padding:3px;border:1px solid #d7d9cc;border-radius:6px}
.preview-tools button{padding:8px 12px;min-height:44px;font-size:11px;border-radius:4px}
.preview-tools button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #25292215}
.preview-tools>span{margin-left:auto;font-size:10px;padding-right:8px;color:var(--muted)}
#original-view{width:min(100%,430px);margin:auto;background:#fff;padding:14px;border:1px solid var(--line)}
#original-view img{height:395px;max-height:60vh;width:100%;object-fit:contain}
#original-view p{text-align:center;font-size:10px;margin-top:12px}
.image-purpose{font-size:11px;max-width:430px;margin:20px auto 0;line-height:1.8;color:#4f5547}
.design-tabs{gap:12px}.design-tab{width:31%}.design-tab>span{font-size:9px;line-height:1.6}
.preview-caption{margin-top:9px}
.set-dialog{max-width:1000px;padding:35px}
.set-dialog h2{font-size:40px}.set-dialog>p{font-size:13px}
#review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0}
#review-grid>article>h3{font-size:13px;margin:15px 0 8px}
#review-grid>article>p{font-size:11px;margin:0;line-height:1.8}
#review-grid .text-link{font-size:12px;margin-top:10px}
@media(max-width:1100px) and (min-width:761px){.editor-layout{grid-template-columns:195px minmax(300px,1fr) 270px}.settings{padding:22px 18px}.preview-panel{padding:24px 20px}}
@media(max-width:760px){.editor-layout{display:flex}.settings{padding:25px 22px}.preview-panel{padding:20px 22px}.settings .direction-options{max-width:350px}.look-option>span{font-size:12px}.look-preview .art{aspect-ratio:1.3}.preview-tools button{font-size:11px;padding:8px 10px}.preview-tools>span{font-size:9px}.image-purpose{font-size:11px}.design-tabs{gap:10px}.design-tab{width:31%}.design-tab>span{font-size:8px}#original-view img{height:300px}#review-grid{grid-template-columns:1fr;gap:30px}#review-grid .art{max-width:360px;margin:auto}.set-dialog{padding:28px 22px}#review-grid>article>h3{font-size:15px}.set-dialog h2{font-size:34px}}

.art.layout-1 .art-copy{display:block;background:linear-gradient(0deg,var(--art-accent) 0%,var(--art-accent) 34%,transparent 34%)}
.art.layout-1 .art-kicker{position:absolute;top:6%;left:7%;max-width:86%;font-size:2cqw}
.art.layout-1 .art-title,.art[data-format=square].layout-1 .art-title,.art[data-look=clean].layout-1 .art-title,.art[data-look=bold].layout-1 .art-title{position:absolute;top:70%;left:7%;width:86%;margin:0;font-size:7.5cqw;line-height:1.05}
.art.layout-1 .art-caption{position:absolute;top:89%;left:7%;margin:0;font-size:2.5cqw;line-height:1.4;max-width:86%}
#apply-style{margin-bottom:10px}
.art[data-density=compact] .art-title{font-size:8cqw!important;line-height:1.05}
.art[data-density=compact].layout-1 .art-title,.art[data-density=compact].layout-2 .art-title{font-size:6cqw!important}
.art .art-caption{margin-right:0;margin-bottom:0;margin-left:0}
.art.layout-2 .art-caption{position:absolute;bottom:5%;left:7%;width:86%;max-width:86%;margin:0;line-height:1.5}
.art.layout-2 .art-features{gap:2cqw}
.art-features>span{font-size:3cqw}