@font-face{font-family:Arsenal;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Arsenal-Regular.ttf) format("truetype")}@font-face{font-family:Arsenal;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Arsenal-Bold.ttf) format("truetype")}:root{--bg: #e8eef4;--bg-accent: #d5e3f0;--surface: #ffffff;--ink: #1a2a3a;--muted: #5a7085;--line: #c5d4e3;--accent: #0066cc;--accent-soft: #e8f1fb;--danger: #b42318;--radius: 2px;--shadow: 0 12px 40px rgba(26, 42, 58, .08);--field-border: #d4cec2;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-v-1: calc(var(--space-1) * .9);--space-v-2: calc(var(--space-2) * .9);--space-v-4: calc(var(--space-4) * .9);--sidebar-width: 300px;--sidebar-padding-x: 20px;--sidebar-padding-y: 18px;--label-font-size: .78rem;font-family:Inter,system-ui,sans-serif;font-optical-sizing:auto;font-variation-settings:"opsz" 28;line-height:1.45;color:var(--ink);background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden}#root{min-height:100vh}.app{position:relative;min-height:100vh;margin:0;padding:0;background:#fff}.sidebar-header{flex-shrink:0}.sidebar-header h1{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:#f50;font-variation-settings:"opsz" 32}.subtitle{margin:.45rem 0 0;font-size:.85rem;line-height:1.35;color:#000}.language-switcher{display:inline}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:20;width:var(--sidebar-width);padding:var(--sidebar-padding-y) var(--sidebar-padding-x);display:flex;flex-direction:column;overflow:visible;background:#f2f0e6;color:#000;border:none;box-shadow:none}.sidebar-scroll{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;overflow-x:hidden;overflow-y:auto}.sidebar-footer{margin-top:auto;padding-top:0}.sidebar-footer__text{margin:0;font-size:.72rem;line-height:1.4;color:#0000008c}.sidebar-footer__text a{color:inherit;text-decoration:underline;text-decoration-style:solid;text-underline-offset:.15em}.sidebar-footer__text a:hover{color:#000}.sidebar .field>span,.sidebar .radio-option,.sidebar .field input:not([type=radio]),.sidebar .field select{color:#000}.sidebar .radio-option input[type=radio],.sidebar .checkbox-field input[type=checkbox]{accent-color:#000}.form,.export{display:flex;flex-direction:column;gap:16px}.checkbox-field{display:flex;align-items:flex-start;gap:var(--space-1);margin-left:calc(7.5rem + var(--space-2));font-size:var(--label-font-size);line-height:1.35;color:#000;cursor:pointer}.checkbox-field input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:2px 0 0;width:16px;height:16px;border:1px solid var(--field-border);border-radius:var(--radius);background:#fff;cursor:pointer;flex-shrink:0}.checkbox-field input[type=checkbox]:checked{border-color:var(--field-border);background-color:#000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 4.2 3.6 6.8 9 1.2' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.color-field__control{position:relative;display:flex;align-items:center;gap:var(--space-1);min-width:0}.color-swatch{width:40px;height:40px;border:1px solid var(--field-border);border-radius:var(--radius);cursor:pointer;padding:0;flex-shrink:0;box-shadow:none}.color-swatch:focus-visible{outline:2px solid rgba(0,102,204,.35);outline-offset:2px}.color-field__value{font-size:var(--label-font-size);color:#000;font-variant-numeric:tabular-nums}.color-popover{position:fixed;z-index:100;width:min(280px,calc(100vw - 3rem));padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 12px 32px #1a2a3a29}.color-popover__preview{height:56px;border-radius:var(--radius);border:1px solid rgba(0,0,0,.1)}.color-popover__hex{margin:8px 0 12px;font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.color-sliders{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.color-slider{display:grid;grid-template-columns:1.25rem 1fr 3rem;gap:8px;align-items:center;font-size:.78rem;font-weight:650;color:var(--muted)}.color-slider input[type=range]{width:100%;accent-color:var(--accent)}.color-slider input[type=number]{width:100%;border:1px solid var(--field-border);border-radius:var(--radius);padding:4px 6px;font:inherit;font-size:var(--label-font-size);background:#fff;box-shadow:none}.color-presets__label{display:block;margin-bottom:8px;font-size:.72rem;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.color-presets__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.color-preset{aspect-ratio:1;border:1px solid rgba(0,0,0,.15);border-radius:var(--radius);cursor:pointer;padding:0}.color-preset:hover{transform:scale(1.05)}.contrast-warning{margin-left:calc(7.5rem + var(--space-2));padding:var(--space-1) var(--space-2);border-radius:var(--radius);background:#fff4e5;border:1px solid #f0c674;color:#7a4b00;font-size:var(--label-font-size);line-height:1.4}.contrast-warning p{margin:0}.contrast-warning p+p{margin-top:var(--space-v-1)}.field>span{display:block;margin:0;font-size:var(--label-font-size);font-weight:650;line-height:1.25;letter-spacing:normal;text-transform:none;color:var(--muted)}.radio-group{display:flex;flex-direction:column;gap:var(--space-v-1);min-width:0}.radio-option{display:flex;align-items:center;gap:var(--space-1);cursor:pointer;font-size:var(--label-font-size);font-weight:500;color:var(--ink)}.radio-option input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin:0;border:1px solid var(--field-border);border-radius:50%;background:#fff;cursor:pointer;flex-shrink:0}.radio-option input[type=radio]:checked{border-color:var(--field-border);background:radial-gradient(circle,#000 0,#000 35%,#fff 38%)}.field{display:grid;grid-template-columns:7.5rem 1fr;gap:var(--space-2);align-items:center}.field--variant{align-items:start}.field-hint{grid-column:2;margin:0;font-size:.75rem;line-height:1.35;color:var(--muted);word-break:break-word}.field input:not([type=radio]),.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--field-border);border-radius:var(--radius);padding:var(--space-1) 12px;font:inherit;font-size:var(--label-font-size);font-weight:500;color:var(--ink);background:#fff;min-width:0;width:100%;box-shadow:none}.field select{padding-right:36px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%235C6B7A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.field input:not([type=radio]):focus,.field select:focus{outline:none;border-color:#c8c0b2;box-shadow:0 0 0 2px #0066cc40}.export-sentence{margin:0;font-size:var(--label-font-size);line-height:1.55;color:#000}.export-options,.export-option-wrap{display:inline}.export-option-sep{color:#000;margin:0 .15em}.export-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0 0 2px;margin:0;font:inherit;font-size:inherit;line-height:inherit;color:#06c;text-decoration:none;background-image:repeating-linear-gradient(90deg,currentColor 0,currentColor 3px,transparent 3px,transparent 5px);background-repeat:repeat-x;background-size:5px 1px;background-position:0 calc(100% - 1px);cursor:pointer}.export-option.is-selected{color:#000;font-weight:700;background-image:none;padding-bottom:0;cursor:default}.export-option:disabled:not(.is-selected){opacity:.45;cursor:not-allowed}.export-download{border:1px solid #000;background:#000;color:#fff;border-radius:var(--radius);padding:var(--space-2) var(--space-1);font:inherit;font-size:var(--label-font-size);font-weight:650;cursor:pointer;width:100%}.export-download:hover:not(:disabled){background:#222;color:#fff;border-color:#222}.export-download:disabled{opacity:.45;cursor:not-allowed}.main{position:fixed;top:0;right:0;bottom:0;left:var(--sidebar-width);z-index:1;min-width:0;overflow:hidden;background:#fff;pointer-events:auto}.status,.error{position:absolute;left:50%;top:1.25rem;transform:translate(-50%);z-index:3;margin:0;pointer-events:auto;padding:.5rem .85rem;border-radius:var(--radius);background:#ffffffeb;box-shadow:0 4px 16px #1a2a3a1f}.error{color:var(--danger)}.artboard{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.artboard.is-panning{cursor:grabbing}.artboard-controls{position:absolute;top:1rem;right:1rem;z-index:2;pointer-events:auto;cursor:default}.artboard-layout-toggle{display:flex;flex-direction:row;align-items:flex-start;gap:.5rem}.artboard-layout-toggle__row{display:inline-flex;flex:0 0 auto;width:max-content;align-items:stretch;border:1px solid rgba(26,42,58,.16);border-radius:var(--radius);background:#fffffff0;box-shadow:0 4px 16px #1a2a3a1a;overflow:hidden}.artboard-layout-toggle__btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin:0;padding:0;border:none;background:transparent;color:var(--muted);cursor:pointer}.artboard-layout-toggle__btn+.artboard-layout-toggle__btn{border-left:1px solid rgba(26,42,58,.12)}.artboard-layout-toggle__btn:hover{color:var(--ink);background:#1a2a3a0a}.artboard-layout-toggle__btn.is-active{color:var(--ink);background:#1a2a3a14}.artboard-layout-toggle__btn svg{display:block;width:1.05rem;height:1.05rem}.artboard-stage{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.artboard-stage.is-loading{opacity:.72}.preview-frame{display:flex;align-items:flex-start;justify-content:center;padding:0;background:transparent;border-radius:0;overflow:visible}.preview-frame--pair{gap:1rem;align-items:flex-end;justify-content:center;flex-wrap:nowrap}.preview-frame--pair-top{align-items:flex-start}.preview-frame--vertical{flex-direction:column;row-gap:1.75rem}.preview-frame--align-start{align-items:flex-start}.preview-frame--align-center{align-items:center}.preview-frame--align-end{align-items:flex-end}.preview-plate{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0}.preview-plate--dims-offset{padding-bottom:calc(.55rem + 1.25em)}.preview-plate--number,.preview-plate--street{flex:0 0 auto}.preview-plate__svg{display:flex;align-items:center;justify-content:center}.preview-plate svg{display:block;height:var(--preview-plate-height);width:auto;max-width:none;flex-shrink:0;filter:drop-shadow(0 10px 10px rgba(26,42,58,.16))}.preview-dimensions{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.55rem;font-size:.78rem;font-weight:500;letter-spacing:.02em;text-transform:none;color:var(--muted);text-align:center;white-space:nowrap}.preview-placeholder{color:var(--muted);font-size:.95rem;padding:2rem;background:#ffffffd9;border-radius:var(--radius)}@media(max-width:860px){body{overflow:auto}.app{min-height:100vh;display:flex;flex-direction:column}.sidebar{position:relative;width:100%;height:auto;max-height:none;bottom:auto}.main{position:relative;inset:auto;left:auto;width:100%;min-height:60vh;height:60vh}.artboard-controls{top:.75rem;right:.75rem}.status,.error{top:.75rem}.checkbox-field,.contrast-warning{margin-left:0}}