.facade .progress{grid-template-columns:repeat(6,1fr)}.head .lede{color:var(--muted);margin:-8px 0 0;font-size:13px;line-height:1.55}.steps .msg{border-radius:var(--r);color:#f3d9a8;background:#c9a66b0f;border:1px solid #c9a66b66;margin:0;padding:9px 11px;font-size:13px}.steps .quality{border-radius:var(--r);border:1px solid var(--line);color:var(--ink);margin:0;padding:9px 11px;font-size:12.5px}.steps .quality.warn{color:#f3d9a8;background:#e0a44014;border-color:#e0a4408c}.steps .note{font-size:12px}.size{gap:6px;font-size:13px;display:grid}.size:empty{display:none}.size b{font:300 20px/1.2 var(--serif);font-variant-numeric:tabular-nums}.size .est{color:#f3d9a8;font-size:12.5px}.size .muted{color:var(--muted);font-size:12px}.row .go{color:var(--accent);border-color:#c9a66bb3}.row .go:not(:disabled):hover{background:var(--tint)}#vertical button[aria-checked=true]{color:var(--ink)}.downloads{gap:8px;display:grid}.downloads .row button{flex:auto}.selected .row{margin-top:2px}.facade .tools{grid-template-columns:repeat(4,minmax(0,1fr))}.facade .tools button{letter-spacing:.08em;padding-inline:4px}.paper{background:#ece9e3;place-items:center;padding:56px 16px 16px;display:grid;position:absolute;inset:0;overflow:auto}.paper svg{background:#fff;width:100%;height:auto;max-height:100%;display:block;box-shadow:0 10px 40px #00000059}.paper p{color:#4a453e;max-width:340px;font:italic 300 18px/1.45 var(--serif);text-align:center;margin:0}.views{z-index:3;border:1px solid var(--hair);border-radius:var(--r);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0e0cd1;display:flex;position:absolute;top:12px;right:12px;overflow:hidden}.views button{color:var(--muted);font:500 var(--caps-size)/1.2 var(--sans);letter-spacing:var(--track);text-transform:uppercase;background:0 0;border:0;padding:9px 13px}.views button+button{border-left:1px solid var(--line)}.views button[aria-pressed=true]{background:var(--tint);color:var(--ink);box-shadow:inset 0 -1px 0 var(--accent)}.views button:disabled{opacity:.4;cursor:default}.facade .hint{top:auto;bottom:14px}.stage .loupe{z-index:4;border:2px solid var(--accent);pointer-events:none;background:#0e0d0b;border-radius:50%;width:120px;height:120px;position:absolute;box-shadow:0 8px 30px #0000008c}@media (max-width:640px){#to-builder{display:none}}@media (max-width:860px){.views{top:10px;right:10px}.views button{padding:9px 10px}.paper{padding:52px 10px 10px}}@media (pointer:coarse){.views button{min-height:40px}}
