.cir-feature{margin:32px 0;padding:24px;border:1px solid var(--border);background:var(--bg-raised)}
.cir-feature form,.cir-feature-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:16px 0}
.cir-feature label{display:flex;flex-direction:column;gap:6px;font-family:var(--font-ui);font-size:13px}
.cir-feature input,.cir-feature select,.cir-feature textarea{max-width:100%;padding:10px;background:var(--bg);color:var(--text);border:1px solid var(--text-muted)}
.cir-feature button{cursor:pointer}.cir-feature :focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.artwork-comparison{--artwork-split:50%;position:relative;width:min(100%,480px);aspect-ratio:1;margin:16px auto;background:var(--bg);border:1px solid var(--border)}
.artwork-comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.artwork-comparison img[data-artwork-before]{clip-path:inset(0 calc(100% - var(--artwork-split)) 0 0);z-index:1}
.artwork-comparison:after{content:'';position:absolute;top:0;bottom:0;left:var(--artwork-split);width:2px;background:var(--cyan);z-index:2;pointer-events:none}
.artwork-timeline,.draw-portfolio{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:24px}
.artwork-version{padding:12px;border:1px solid var(--text-faint)}
.artwork-version img{width:100%;aspect-ratio:1;object-fit:contain;image-rendering:pixelated;background:var(--bg)}
.artwork-version h3,.artwork-version p{margin:8px 0}.artwork-version a{color:var(--cyan-text)}
.draw-commitment{display:block;overflow-wrap:anywhere;font-size:11px;margin:12px 0}
.draw-results{padding-left:24px}.draw-results li{margin:12px 0}
.admin-artwork-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.admin-artwork-preview img{width:100%;max-height:300px;object-fit:contain;image-rendering:pixelated}
.admin-wrap{width:100%;min-width:0}
.admin-wrap .admin-table{display:block;max-width:100%;overflow-x:auto}
.admin-wrap input,.admin-wrap select{max-width:100%;min-width:0}
@media(max-width:600px){.cir-feature{padding:16px}.cir-feature form{align-items:stretch}.cir-feature label{flex:1 1 100%}.admin-artwork-preview{grid-template-columns:1fr}}