header nav{display:flex;gap:6px;margin-left:auto}.nav{padding:7px 10px;font-size:12px}.nav.active{background:#42775a;color:#fff}.wide{max-width:1380px}.page{display:none}.page.active{display:block}.split{display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(380px,.95fr);gap:20px}fieldset{border:1px solid var(--line);border-radius:10px;margin:0;padding:12px}legend{padding:0 6px;font-size:12px;font-weight:700}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preset{display:block;border:1px solid var(--line);border-radius:9px;padding:9px;cursor:pointer}.preset input{width:auto;min-height:0;margin:0 5px 0 0}.preset strong{font-size:13px}.preset span{display:block;color:var(--muted);font-weight:400;font-size:11px;margin-top:3px}.preset:has(input:checked){border-color:#42775a;background:#eff7ed}.candidate{grid-column:1/-1}.candidate img{transition:transform .16s ease}.transform-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.transform-actions button,.candidate .process{font-size:12px;padding:7px}.candidate .process{width:100%;margin-top:8px}.row{display:flex;justify-content:space-between;align-items:start}.asset-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.asset-library.empty{display:block;padding:32px;text-align:center;color:var(--muted)}.asset-library article{padding:10px;border:1px solid var(--line);border-radius:10px;background:#f7fbf3}.asset-library img{display:block;width:100%;aspect-ratio:1;object-fit:contain;image-rendering:pixelated;background:repeating-conic-gradient(#e4ebe2 0 25%,#f9fbf8 0 50%) 50%/16px 16px}.asset-library strong,.asset-library span{display:block;margin-top:5px}.asset-library span{color:var(--muted);font-size:10px}.composer-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.composer-toolbar label{width:112px}.composer-toolbar input{min-height:36px}.composer{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px}.composer aside{border:1px solid var(--line);border-radius:10px;padding:10px;background:#f7fbf3;max-height:610px;overflow:auto}.composer h2{font-size:14px;margin:0 0 8px}.composer-assets{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.draggable-asset{padding:6px;font-size:10px;cursor:grab}.draggable-asset img{width:100%;image-rendering:pixelated}.draggable-asset span{display:block;overflow:hidden;text-overflow:ellipsis}.atlas-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;padding:16px;background:repeating-conic-gradient(#e4ebe2 0 25%,#f9fbf8 0 50%) 50%/32px 32px}.atlas-grid{display:grid;grid-template-columns:repeat(var(--columns),32px);width:max-content;border-top:1px solid #85a985;border-left:1px solid #85a985;background:transparent}.atlas-cell{padding:0;width:32px;height:32px;min-height:32px;border-radius:0;border:0;border-right:1px solid #85a985;border-bottom:1px solid #85a985;background:transparent}.atlas-cell img{display:block;width:30px;height:30px;object-fit:contain;image-rendering:pixelated}.atlas-wrap p{font-size:12px;color:var(--muted)}@media(max-width:900px){header nav{order:3;width:100%;margin-left:0}.split,.composer{grid-template-columns:1fr}.preset-grid{grid-template-columns:1fr}.composer aside{max-height:none}.wide{padding:0 14px}}