@import "https://fonts.googleapis.com/css2?family=Clarity+City:wght@400;500;600;700&display=swap";:root{--orange:#b84024;--darker-orange:#551d10;--light-gray:#d5d1d1;--white:#fff;--black:#111;--lighter-black:#1b1b1f;--light-red:#80383383;--red:#ad3e4f;--light-green:#f6fbe4;--green:#0d9488;--lime:#08ff00;--strong-red:red;--color-background:var(--lighter-black);--color-panel:var(--black);--color-border:var(--orange);--color-text:var(--white);--color-muted:var(--light-gray);--color-hairline:#ffffff14;--color-hover:#b8402433;--color-selected:#b8402499;--color-panel-overlay:#111111eb;--font:"Clarity City", sans-serif;--border-width:2px;--radius:12px;--radius-small:4px;--sidebar-width:300px;--page-gap:24px;--shadow:0 2px 6px #1119;--z-backdrop:1200;--z-drawer:1300}*{box-sizing:border-box}body.builder-page{background:var(--color-background);color:var(--color-text);font:15px/1.45 var(--font);-webkit-font-smoothing:antialiased;margin:0}.muted{color:var(--color-muted)}.button{border:1px solid var(--orange);border-radius:var(--radius-small);background:var(--orange);color:var(--white);font:inherit;white-space:nowrap;cursor:pointer;padding:8px 14px;font-weight:600;text-decoration:none;transition:all .3s}.button:hover{background:var(--white);color:var(--orange)}.builder{max-width:1100px;margin:0 auto;padding:24px 16px 48px}.builder__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.builder__header h1{margin:0;font-size:28px}.builder__options{border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-panel);flex-wrap:wrap;align-items:flex-end;gap:16px 24px;margin:20px 0 24px;padding:16px;display:flex}.builder__field{color:var(--color-muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.builder__field select{border-radius:var(--radius);background:var(--color-selected);min-width:260px;min-height:44px;color:var(--color-text);font:inherit;border:none;padding:10px 12px}.builder__field option{background:var(--color-panel)}.builder__check{cursor:pointer;align-items:center;gap:8px;min-height:44px;display:flex}.builder__check input{accent-color:var(--orange)}.builder__grid{grid-template-columns:repeat(auto-fill,minmax(460px,1fr));gap:20px;display:grid}.builder__card{border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-panel);flex-direction:column;min-width:0;padding:16px;display:flex}.builder__card--wide{grid-column:1/-1}.builder__card h2{margin:0;font-size:18px}.builder__card p{margin:4px 0 0}.builder__size{color:var(--color-muted);font-size:13px}.builder__preview{border-radius:var(--radius-small);background:repeating-conic-gradient(var(--lighter-black) 0 25%, var(--black) 0 50%) 0 0 / 20px 20px;margin:14px 0;position:relative;overflow:hidden}.builder__frame{transform-origin:0 0;border:none;position:absolute;top:0;left:0}.builder__url-row{gap:8px;margin-top:auto;display:flex}.builder__url{border:1px solid var(--color-hairline);border-radius:var(--radius-small);background:var(--color-background);min-width:0;color:var(--color-muted);font:13px var(--font);flex:1;padding:8px 10px}@media (width<=560px){.builder__grid{grid-template-columns:1fr}}