:root{--bent-font-mono:var(--font-geist-mono,"Geist Mono"), ui-monospace, monospace;--bent-color-accent-light:#0647ff;--bent-color-accent-dark:#2870ff;--bent-color-background-light:#fff;--bent-color-background-dark:#000;--bent-color-foreground-light:#111;--bent-color-foreground-dark:#fff;--bent-border-width:1px;--bent-radius:0px}.bent-control,.bent-button{border:var(--bent-border-width) solid currentColor;border-radius:var(--bent-radius);background:var(--bent-control-background,var(--bent-color-background-light));color:inherit;font:inherit}.bent-control{width:100%;min-width:0;min-height:40px;padding:8px 10px}.bent-control[type=range]{accent-color:var(--bent-control-accent,var(--bent-color-accent-light));border:0;padding:0}.bent-control[type=checkbox]{width:16px;height:16px;min-height:auto;accent-color:var(--bent-control-accent,var(--bent-color-accent-light));padding:0}.bent-control[type=color]{cursor:pointer;width:40px;height:40px;padding:3px}.bent-field{gap:8px;min-width:0;display:grid}.bent-field>label{font-size:12px}.bent-button{cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 12px;display:inline-flex}.bent-button--primary{background:var(--bent-control-accent,var(--bent-color-accent-light));border-color:var(--bent-control-accent,var(--bent-color-accent-light));color:var(--bent-control-background,var(--bent-color-background-light))}.bent-button--ghost{background:0 0;border-color:#0000}.bent-button:hover{text-underline-offset:3px;text-decoration:underline}.bent-control:focus-visible,.bent-button:focus-visible{outline:2px solid var(--bent-control-accent,var(--bent-color-accent-light));outline-offset:3px}.bent-control:disabled,.bent-button:disabled,.bent-button[data-disabled]{opacity:.45;cursor:default}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--bent-font-mono);--background:var(--bent-color-background-light);--foreground:var(--bent-color-accent-light);--bent-control-background:var(--background);--bent-control-accent:var(--foreground);color:var(--foreground);background:var(--background);font-synthesis:none;font-size:13px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:var(--bent-color-background-dark);--foreground:var(--bent-color-accent-dark)}}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline-offset:4px;outline:2px solid}.site-header{border-bottom:1px solid;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:16px 32px;display:flex}.site-header a{text-decoration:none}main{max-width:1440px;margin:auto;padding:32px}h1{margin:0 0 24px;font-size:28px;font-weight:400}h2{margin:0;font-size:13px;font-weight:400}.workspace{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:32px;display:grid}.preview-panel{border:1px solid;min-width:0;position:sticky;top:24px}.panel-heading{border-bottom:1px solid;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:12px 16px;display:flex}.panel-heading span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.preview-stage{background:var(--background);place-items:center;min-height:600px;padding:24px;display:grid;position:relative}.card-wrap{border:1px solid;width:100%;max-width:310px}.card-wrap.square{max-width:480px}.card-wrap canvas{width:100%;height:auto;display:block}.checkerboard{background-color:#18202b;background-image:conic-gradient(#293343 25%, transparent 0 50%, #293343 0 75%, transparent 0);background-size:16px 16px}.preview-warning{background:var(--background);border:1px solid;margin:0 12px;padding:12px;position:absolute;bottom:12px}.preview-toolbar{border-top:1px solid;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.activity-summary{border-top:1px solid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.activity-summary>div{border-right:1px solid;padding:16px}.activity-summary>div:last-child{border:0}dt{margin-bottom:8px;font-size:9px}dd{margin:0;font-size:20px}dd small{font-size:11px}.editor{min-width:0}fieldset{border:1px solid;min-width:0;margin:0 0 24px;padding:20px}legend{padding:0 8px}.fields{gap:20px;display:grid}.upload-zone{border:1px dashed;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.upload-zone small{width:100%;font-size:10px}.is-dragging{outline-offset:-4px;outline:2px solid}details{margin:16px 0}summary{cursor:pointer;font-size:11px}details p,.file-note{font-size:11px;line-height:1.7}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field-label{margin-bottom:10px;font-size:12px;display:block}.swatches,.media-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.swatch{width:40px;padding:0}.swatch[aria-pressed=true]{outline:2px solid var(--foreground);outline-offset:3px}.segments{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.segments button{margin-right:-1px}.segments [aria-pressed=true]{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.toggles{gap:24px;display:flex}.toggles label{align-items:center;gap:8px;display:flex}.message{border:1px solid;padding:12px;font-size:12px;line-height:1.7}.error{color:#b62920}@media (prefers-color-scheme:dark){.error{color:#ff776b}}.export-progress{gap:12px;margin-bottom:16px;display:grid}progress{width:100%;accent-color:var(--foreground)}footer{border-top:1px solid;gap:24px;margin-top:32px;padding-top:20px;font-size:11px;display:flex}@media (width<=900px){.workspace{grid-template-columns:minmax(0,1fr) 340px;gap:20px}main{padding:24px}.site-header{padding:16px 24px}.preview-stage{min-height:520px;padding:16px}.card-wrap{max-width:260px}.activity-summary>div{padding:12px}dd{font-size:16px}fieldset{padding:16px}}@media (width<=720px){.site-header{padding:16px;font-size:11px}main{padding:24px 16px}.workspace{flex-direction:column;gap:28px;display:flex}.preview-panel{width:100%;position:static}.preview-stage{min-height:460px}.card-wrap{max-width:240px}.editor{width:100%}.bent-control{font-size:16px}.panel-heading{padding:12px}.activity-summary>div{padding:12px 8px}dd{font-size:18px}dt{font-size:8px}}