.af{background:#fff6;border:1px solid #0002;border-radius:12px;gap:10px;margin:8px 0 14px;padding:12px;display:grid}.af-art{grid-template-columns:minmax(0,320px)}.af-sticker,.af-logo{grid-template-columns:132px minmax(0,1fr);align-items:start}@media (max-width:480px){.af-sticker,.af-logo{grid-template-columns:minmax(0,1fr)}}.af-frame{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline-offset:3px;border-radius:10px;position:relative;overflow:hidden}.af-frame:active{cursor:grabbing}.af-frame:focus-visible{outline:3px solid #b83a24}.af-card{aspect-ratio:600/378;width:100%}.af-round,.af-squircle,.af-square{aspect-ratio:1;background:repeating-conic-gradient(#0000000d 0 25%, #0000 0 50%) 0 0 / 14px 14px;border:1px dashed #8888;width:132px}.af-round{border-radius:50%}.af-squircle{border-radius:25%}.af-square{border-radius:6%}.af-open{overflow:visible}.af-img{pointer-events:none;object-fit:cover;width:100%;min-width:0;height:100%;min-height:0;position:absolute;inset:0}.af-legacy{padding:6%}.af-controls{align-content:start;gap:8px;display:grid}.af-modes{flex-wrap:wrap;gap:6px;display:flex}.af-modes button[aria-pressed=true]{color:#fff;background:#231a16;border-color:#231a16}.af-zoom{gap:4px;font-size:12px;display:grid}.af-zoom input{width:100%}
.suggest{margin:6px 0 10px;font-size:.85rem}.suggest summary{cursor:pointer;color:var(--accent,#44241c);font-weight:600}.suggest-group{margin-top:8px}.suggest-row{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.suggest-chip{color:#44241c;cursor:pointer;background:#fcf2e6;border:1px solid #44241c40;border-radius:999px;padding:4px 10px;font-size:.8rem}.suggest-chip:hover:not(:disabled){background:#f3e2cd}.suggest-chip:disabled{opacity:.45;cursor:default}.template-picker{border:1px dashed #44241c4d;border-radius:12px;gap:10px;margin:8px 0 16px;padding:12px;display:grid}.template-picker .template-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}
