@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";.qsl-animation.svelte-1cale9o{display:block;width:100%;height:auto;overflow:visible;--qa-duration: 16s}.qa-callsign.svelte-1cale9o{fill:#1c302e;font:800 44px Manrope,DM Sans,sans-serif;letter-spacing:-1px}.qa-small.svelte-1cale9o{fill:#74807e;font:700 9px DM Sans,sans-serif;letter-spacing:1.4px}.qa-footer.svelte-1cale9o{fill:#74807e;font:600 11px DM Sans,sans-serif;letter-spacing:1px}.qa-word.svelte-1cale9o{fill:#2b5c54;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:600}.qa-sticker-call.svelte-1cale9o{fill:#1c302e;font:700 16px ui-monospace,SFMono-Regular,Consolas,monospace}.qa-sticker-value.svelte-1cale9o{fill:#1c302e;font:600 12px ui-monospace,SFMono-Regular,Consolas,monospace}.qa-word.svelte-1cale9o,.qa-sheet.svelte-1cale9o,.qa-trail.svelte-1cale9o,.qa-globe.svelte-1cale9o{opacity:0}.qa-globe.svelte-1cale9o{transform-origin:740px 48px}.qa-card.svelte-1cale9o,.qa-trail.svelte-1cale9o{transform-origin:214px 185px}.qa-sticker.svelte-1cale9o{transform:translate(40px,150px)}@media(prefers-reduced-motion:no-preference){.qa-word.svelte-1cale9o{animation:svelte-1cale9o-qa-word var(--qa-duration) linear var(--qa-delay) infinite}.qa-sheet.svelte-1cale9o{animation:svelte-1cale9o-qa-sheet var(--qa-duration) ease-out infinite}.qa-sheet-picked.svelte-1cale9o{animation:svelte-1cale9o-qa-sheet-picked var(--qa-duration) step-end infinite}.qa-printer.svelte-1cale9o{animation:svelte-1cale9o-qa-printer var(--qa-duration) linear infinite}.qa-led.svelte-1cale9o{animation:svelte-1cale9o-qa-led var(--qa-duration) linear infinite}.qa-globe.svelte-1cale9o{animation:svelte-1cale9o-qa-globe var(--qa-duration) ease-in-out infinite}.qa-card.svelte-1cale9o{animation:svelte-1cale9o-qa-card var(--qa-duration) ease-in-out infinite}.qa-trail.svelte-1cale9o{animation:svelte-1cale9o-qa-trail var(--qa-duration) ease-in-out infinite}.qa-trail-fade.svelte-1cale9o{animation:svelte-1cale9o-qa-trail-fade var(--qa-duration) linear infinite}.qa-sticker.svelte-1cale9o{animation:svelte-1cale9o-qa-sticker var(--qa-duration) ease-in-out infinite}}@keyframes svelte-1cale9o-qa-word{0%,12%{opacity:0}12.6%,23%{opacity:1}25%,to{opacity:0}}@keyframes svelte-1cale9o-qa-printer{0%,30%,54%,to{transform:translateY(0)}33%,39%,45%,51%{transform:translateY(.8px)}36%,42%,48%{transform:translateY(-.8px)}}@keyframes svelte-1cale9o-qa-led{0%,28%,54%,to{fill:#9fd3b8}31%,37%,43%,49%{fill:#f2b35b}34%,40%,46%,52%{fill:#9fd3b8}}@keyframes svelte-1cale9o-qa-sheet{0%,42%{opacity:1;transform:translateY(106px)}54%{opacity:1;transform:translateY(0)}78%{opacity:1;transform:translateY(0)}86%,to{opacity:0;transform:translateY(0)}}@keyframes svelte-1cale9o-qa-sheet-picked{0%{opacity:1}55%,to{opacity:0}}@keyframes svelte-1cale9o-qa-sticker{0%,55%{opacity:0;transform:translate(574px,206px) scale(.0815,.14)}55.1%{opacity:1;transform:translate(574px,206px) scale(.0815,.14)}63%{opacity:1;transform:translate(270px,40px) rotate(-10deg) scale(.62)}70%{opacity:1;transform:translate(38px,146px) scale(1.03)}73%,to{opacity:1;transform:translate(40px,150px) scale(1)}}@keyframes svelte-1cale9o-qa-card{0%{opacity:0;transform:translateY(12px) rotate(0) scale(1)}5%,76%{opacity:1;transform:translate(0) rotate(0) scale(1)}91%{opacity:1;transform:translate(526px,-137px) rotate(1440deg) scale(.08)}93%,to{opacity:0;transform:translate(526px,-137px) rotate(1440deg) scale(.04)}}@keyframes svelte-1cale9o-qa-trail{0%,76%{opacity:1;transform:translate(0) scale(1)}91%,to{opacity:1;transform:translate(526px,-137px) scale(.3)}}@keyframes svelte-1cale9o-qa-trail-fade{0%,77%{opacity:0}82%{opacity:1}88%{opacity:.5}91%,to{opacity:0}}@keyframes svelte-1cale9o-qa-globe{0%,72%{opacity:0;transform:scale(.6)}78%{opacity:1;transform:scale(1)}91%{opacity:1;transform:scale(1)}94%{opacity:1;transform:scale(1.15)}97%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}:root{font-family:DM Sans,sans-serif;color:#1c302e;background:#f3f6f4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #1c302e;--muted: #74807e;--line: #e5eae7;--green: #477f76;--green-dark: #2b5c54;--mint: #edf5f1;--paper: #ffffff}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh;padding-top:70px}.topbar{position:fixed;z-index:1000;top:0;right:0;left:0;height:70px;padding:0 max(5.4vw,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:flex-start;background:#fff;border-bottom:1px solid #e9eeeb}.app-version{margin-left:10px;color:#86918c;font-size:11px;font-weight:600}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-family:Manrope,sans-serif;font-size:16px;font-weight:600;letter-spacing:-.4px;text-decoration:none}.brand strong{color:var(--green);font-weight:700}.brand-mark{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;border-radius:9px;color:#fff;background:var(--green)}.topbar-note{margin-left:auto;color:#8a9692;font-size:12px;letter-spacing:.1px}main{width:min(1320px,89.2vw);margin:0 auto}.intro{padding:51px 0 34px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.landing{width:min(1180px,100%);min-height:calc(100vh - 150px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:48px;margin:0 auto;padding:60px 0}.landing-content{display:flex;flex-direction:column;align-items:flex-start}.landing-visual{min-width:0}.landing h1{max-width:650px;font-size:clamp(38px,6vw,68px);letter-spacing:-2.5px}.landing-copy{max-width:600px;color:var(--muted);font-size:17px;line-height:1.65}.landing-features{display:grid;gap:12px;margin:8px 0 30px;padding-left:22px;color:#50645c;font-size:14px}.landing-features li::marker{color:var(--green)}.landing-button{min-height:58px;padding:0 25px;border-radius:9px;font-size:16px}.landing-button span{font-size:20px}.workflow-intro{padding-top:38px}.eyebrow{margin:0 0 9px;color:var(--green);font-size:10px;font-weight:700;letter-spacing:1.4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{margin-bottom:8px;font-size:clamp(27px,3vw,36px);font-weight:700;letter-spacing:-1.45px;line-height:1.2}.intro-copy{margin:0;color:var(--muted);font-size:13px}.step-indicator{display:flex;align-items:center;gap:10px;padding-bottom:5px}.step{display:inline-flex;align-items:center;gap:7px;color:#a3adaa;font-size:11px;font-weight:600;white-space:nowrap;padding:0;border:0;background:transparent}.step:not(:disabled):hover{color:var(--green-dark)}.step:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:4px}.step b{width:24px;height:24px;display:grid;place-items:center;border:1px solid #dce4df;border-radius:50%;background:#fff;font-size:10px}.step.active{color:var(--green-dark)}.step.complete{color:var(--green)}.step.active b{border-color:var(--green);color:#fff;background:var(--green)}.step-line{width:27px;height:1px;background:#dce4df}.workspace{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(300px,.84fr);align-items:start;gap:22px;padding-bottom:52px}.workspace.workflow-template,.workspace.workflow-log{grid-template-columns:minmax(0,850px);justify-content:center}.workspace.workflow-design{display:block}.workflow-template .template-panel,.workflow-log .log-panel{width:100%}.workflow-template .paper-section{margin-top:20px}.step-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #edf0ee}.step-actions .button{min-width:150px;min-height:46px;font-size:13px}.workflow-log .upload-zone{min-height:190px}.workflow-log .inline-control{margin-top:22px}.qso-list{margin-top:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.qso-list summary{cursor:pointer;color:var(--green-dark);font-weight:600;margin-bottom:12px}.qso-table-scroll{max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:6px}.qso-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.qso-table th,.qso-table td{padding:5px 10px;text-align:left;border-bottom:1px solid var(--line)}.qso-table th{position:sticky;top:0;background:var(--mint)}.qso-sort{border:0;padding:0;background:transparent;color:var(--green-dark);font-weight:700}.qso-table input{accent-color:var(--green)}.qsl-subscription{display:inline-flex;margin-left:4px;vertical-align:middle;color:var(--green-dark)}.qsl-subscription svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.qso-omitted td{color:var(--muted);background:#f3f6f4}.design-workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);grid-template-areas:"preview controls";align-items:start;gap:22px;padding-bottom:52px}.design-controls{grid-area:controls;display:grid;align-content:start;gap:16px;min-width:0}.design-inspector-panel .property-inspector{margin-top:0;padding-top:0;border-top:0}.design-log-summary{margin:5px 0 0;color:var(--muted);font-size:10px}.design-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px}.design-actions .button{min-height:46px;padding:0 20px;font-size:13px}.design-actions .status-message{flex-basis:100%}.design-log-panel .field-section-title{margin:0 0 4px;color:var(--ink);font-size:13px}.design-log-panel .helper-text{margin-top:0}.design-workspace>.preview-column{grid-area:preview;position:sticky;top:88px}.editor-column{display:grid;gap:16px}.panel,.preview-column{border:1px solid #e6ebe8;border-radius:12px;background:var(--paper);box-shadow:0 3px 12px #263d3410}.panel{padding:22px 24px}.panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.heading-icon{width:33px;height:33px;display:grid;flex:0 0 auto;place-items:center;border:1px solid #dce9e2;border-radius:9px;color:var(--green);background:#f1f7f4;font-size:10px;font-weight:700}.panel-heading h2,.preview-heading h2{margin:0 0 3px;font-size:15px;font-weight:700;letter-spacing:-.3px}.panel-heading p{margin:0;color:var(--muted);font-size:11px}.upload-zone{min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #b7cbc1;border-radius:9px;background:#f7faf8;cursor:pointer;transition:border-color .15s,background .15s}.upload-zone:hover,.upload-zone.drag-over,.upload-zone:focus-within{border-color:var(--green);background:#f0f7f3}.upload-zone input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.upload-icon{width:25px;height:25px;display:grid;place-items:center;margin-bottom:4px;border-radius:50%;color:var(--green);background:#e7f1ec;font-size:16px;font-weight:700}.upload-title{max-width:90%;overflow:hidden;color:var(--ink);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.upload-hint{margin-top:3px;color:#87928e;font-size:10px}.inline-control{display:grid;grid-template-columns:1fr minmax(180px,.8fr);align-items:center;gap:14px;margin-top:14px}.inline-control label,.form-label{color:#596662;font-size:11px;font-weight:600}select,input:not([type=file]){min-width:0;height:36px;padding:0 10px;border:1px solid #dfe6e2;border-radius:6px;outline:none;color:#334541;background:#fff;font-size:11px}select:focus,input:not([type=file]):focus{border-color:#80a99c;box-shadow:0 0 0 3px #528c761c}.helper-text{margin:8px 0 0;color:#71827b;font-size:10px}.form-label{display:block;margin-bottom:7px}#template-choice{width:100%}.layout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:9px;margin-top:13px}.layout-grid label{display:grid;gap:6px;color:#687571;font-size:10px;font-weight:600}.layout-grid small{color:#96a19d;font-size:9px;font-weight:400}.layout-grid input{width:100%}.paper-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}.layout-paper-size{align-self:center;color:#82908a;font-size:10px}.dimensions-group{width:100%;margin-top:14px}.dimensions-group h3{margin:0;padding-bottom:7px;color:#596662;font-size:10px;font-weight:700}.dimensions-grid{display:grid;grid-template-columns:minmax(0,24%) repeat(2,minmax(0,1fr));align-items:center;gap:5px 8px;text-align:left}.dimensions-grid>span{color:#86918c;font-size:9px;font-weight:600}.dimensions-grid .dimension-row-label{color:#596662}.dimensions-grid input{box-sizing:border-box;min-width:0;width:100%;height:31px;padding:0 7px;font-size:10px}.margin-group{margin-top:8px}.margin-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px 8px}.margin-grid label{display:grid;min-width:0;gap:5px}.margin-grid label span{color:#86918c;font-size:9px;font-weight:600;text-align:center;text-transform:capitalize}.layout-hint{margin:7px 0 0;color:#84918b;font-size:9px;line-height:1.5}.section-divider{height:1px;margin:19px 0 16px;background:#edf0ee}.subheading-row,.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.subheading-row{margin-bottom:13px}.subheading-row h3{margin:0 0 3px;font-size:12px;letter-spacing:-.15px}.subheading-row p{margin:0;color:var(--muted);font-size:10px}.count-badge{min-width:23px;height:23px;display:grid;place-items:center;border-radius:7px;color:var(--green-dark);background:#edf5f1;font-size:10px;font-weight:700}.add-field-row{display:grid;grid-template-columns:1fr auto;gap:8px}.button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid transparent;border-radius:6px;font-size:11px;font-weight:600;transition:background .15s,border-color .15s}.button-secondary{border-color:#dce6e1;color:#426d63;background:#fff}.button-secondary:hover:not(:disabled){border-color:#adc7bb;background:#f6faf8}.button-secondary span{font-size:16px;font-weight:400}.button-primary{color:#fff;background:var(--green)}.button-primary:hover:not(:disabled){background:var(--green-dark)}.button-primary span{font-size:13px}.text-button{margin-top:9px;padding:0;border:0;color:#608277;background:transparent;font-size:10px;font-weight:600}.text-button:hover{color:var(--green-dark);text-decoration:underline}.empty-fields{min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:12px;border:1px dashed #e3eae6;border-radius:7px;color:#95a29c;background:#fafcfb}.empty-fields span{margin-bottom:4px;color:#8aa99a;font-size:20px}.empty-fields p{max-width:250px;margin:0;text-align:center;font-size:10px;line-height:1.5}.field-list{display:grid;gap:9px;margin-top:11px}.field-card{padding:11px;border:1px solid #e8edea;border-radius:8px;background:#fbfcfb}.field-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.field-toggles{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.field-toggle{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#fafcfb;color:var(--muted);font-size:11px}.field-toggle.enabled{border-color:#a2c3b5;background:var(--mint);color:var(--green-dark)}.field-toggle.selected{outline:2px solid var(--green-dark);outline-offset:1px}.static-text-buttons{margin-top:16px}.static-text-entry{display:inline-flex;align-items:center;gap:4px}.paper-section{margin-top:18px}.paper-section summary{cursor:pointer;color:var(--green-dark);font-size:12px}.paper-summary{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;color:var(--muted);font-size:11px;font-weight:400}.field-led{width:8px;height:8px;border:1px solid #aab4af;border-radius:50%;background:#dce2de}.enabled .field-led{border-color:var(--green);background:var(--green);box-shadow:0 0 0 2px #477f7618}.toggle-state{font-size:9px;font-weight:700}.field-select{flex:1;border:0;background:transparent;text-align:left}.field-card.selected{border-color:var(--green);background:var(--mint)}.property-inspector{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.property-inspector h3{margin-bottom:6px;font-size:13px}.inspector-text{margin-bottom:12px}.inspector-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;margin-bottom:12px}.inspector-columns.multi-selection{grid-template-columns:minmax(0,1fr)}.inspector-columns .geometry-input{grid-template-columns:64px minmax(0,1fr)}.inspector-columns .geometry-column{gap:7px}.inspector-columns .geometry-input select,.inspector-columns .geometry-input input{height:28px}.inspector-controls-grid{display:grid;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;grid-template-columns:6ch calc(8ch + 2ex) 6ch calc(8ch + 2ex) max-content;align-items:center;gap:8px}.inspector-dimensions-row,.inspector-position-row,.inspector-font-row{display:contents}.inspector-columns .inspector-dimensions-row .geometry-input,.inspector-columns .inspector-position-row .geometry-input{grid-template-columns:6ch calc(8ch + 2ex);gap:8px;grid-column:span 2}.inspector-position-row .geometry-input{grid-row:1}.inspector-dimensions-row .geometry-input{grid-row:2}.inspector-position-row .anchor-button{justify-self:end}.inspector-columns .inspector-font-input{grid-column:1 / 5;grid-row:3;grid-template-columns:6ch minmax(0,1fr);gap:8px;min-width:0}.inspector-columns .inspector-size-input{grid-column:5;grid-row:3;grid-template-columns:7ch max-content}.inspector-font-row>.align-button{grid-column:5;grid-row:1}.inspector-shrink{grid-column:5;grid-row:2}.inspector-columns .inspector-size-input input{width:7ch;min-width:7ch;padding:0 2px}.preview-box.selected{box-shadow:inset 0 0 0 2px var(--green-dark);background:#477f7618}.preview-box.selected .resize-handle{opacity:1}.field-name{color:#365d53;font-size:10px;font-weight:700;letter-spacing:.4px}.remove-button{width:23px;height:23px;border:0;border-radius:5px;color:#899590;background:transparent;font-size:17px;line-height:1}.remove-button:hover{color:#9a4d4d;background:#fbefee}.field-settings{display:grid;grid-template-columns:1.5fr 1fr;gap:8px;margin-top:8px}.field-label-settings{display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px}.geometry-grid{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:8px}.style-column{flex:1 1 0;min-width:108px}.geometry-column:not(.style-column)+.style-column{padding-left:18px;border-left:1px solid #e3e7e4}.style-column .geometry-input{grid-template-columns:16px minmax(0,1fr)}.style-column .geometry-input input{width:52px}.style-column .style-size-row{grid-template-columns:16px 52px 22px}.align-button{display:grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid #d8ddd9;border-radius:4px;background:#fff;color:#31594f;cursor:pointer}.align-button:hover{border-color:#31594f;background:#f1f5f3}.align-button svg{width:14px;height:14px;fill:currentColor}.geometry-input select{width:100%;height:22px;min-height:0;padding:0 2px;border:1px solid #d8ddd9;border-radius:4px;background:#fff;color:#1f2a26;font:inherit;font-family:inherit;font-size:11px}.geometry-column{display:grid;align-content:start;gap:3px;margin:0;padding:0;border:0;min-width:0}.geometry-column legend{padding:0 0 3px;color:#86918c;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.geometry-input{display:grid;grid-template-columns:40px 60px;align-items:center;gap:4px;color:#86918c;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.geometry-input .anchor-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.geometry-input .anchor-toggle:hover{color:#31594f;text-decoration:underline dotted}.geometry-input .from-far{color:#31594f;font-weight:700}.measured-row .measure-button,.measured-row .measure-unavailable{height:20px;min-height:0;padding:0 5px;border:1px dashed #b9c4bf;border-radius:4px;background:transparent;color:#31594f;font:inherit;text-align:left;white-space:nowrap;cursor:pointer}.measured-row .measure-button:hover{border-style:solid;background:#eef4f1}.measured-row .overflow{border-color:#c2483d;color:#b3362b;font-weight:700}.measured-row .measure-unavailable{display:flex;align-items:center;cursor:help}.preview-box.overflow{outline:1px solid #c2483d;background:#c2483d14}.geometry-input input{width:100%;height:22px;min-height:0;padding:0 5px;border:1px solid #d8ddd9;border-radius:4px;background:#fff;color:inherit;font:inherit;color:#1f2a26;text-align:right}.compact-input{display:grid;gap:5px;color:#86918c;font-size:9px;font-weight:600}.compact-input input,.compact-input select{width:100%;height:31px;padding:0 8px;font-size:10px}.button-row{display:flex;justify-content:flex-end;gap:8px}.status-message{margin-top:12px;padding:10px 12px;border-radius:7px;color:#3f6d5c;background:#edf7f1;font-size:10px;line-height:1.5}.status-message.has-errors{color:#875d2c;background:#fff7e9}.status-message p{margin:0}.status-message ul{display:grid;gap:3px;margin:7px 0 0;padding-left:17px}.preview-column{position:sticky;top:18px;overflow:hidden}.preview-heading{padding:19px 21px;border-bottom:1px solid #eef1ef}.preview-heading .eyebrow{margin-bottom:5px;font-size:9px}.preview-heading h2{margin:0;font-size:14px}.preview-tag{padding:5px 8px;border-radius:5px;color:#74837d;background:#f3f6f4;font-size:8px;font-weight:700;letter-spacing:.45px}.preview-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;min-height:288px;padding:32px 22px;background:radial-gradient(#dfe7e2 .7px,transparent .7px) 0 0 / 13px 13px,#f7f9f8}.page-layout-preview{display:grid;justify-items:center;gap:7px;color:#82908a;font-size:9px}.paper-sheet{position:relative;width:88px;border:1px solid #dfe6e2;background:#fff;box-shadow:0 3px 9px #263d3410}.sheet-label-grid{position:absolute;display:grid}.sheet-label{position:relative;border:1px dashed #9bb6a5}.sheet-printable{position:absolute;border:1px solid #e5eee8}.label-preview-navigation{display:grid;grid-template-columns:2em minmax(0,350px) 2em;align-items:center;gap:10px;width:min(100%,calc(370px + 4em))}.preview-record-arrow{position:relative;width:2em;height:50%;padding:0;border:0;border-radius:4px;color:var(--green-dark);background:transparent}.preview-record-arrow:not(:disabled):hover{background:var(--mint)}.preview-record-arrow:disabled{opacity:.25}.preview-record-arrow svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2}.preview-record-arrow path{vector-effect:non-scaling-stroke}.preview-record-status{margin:0;color:var(--muted);font-size:12px}.label-preview{position:relative;container-type:inline-size;width:min(100%,350px);overflow:hidden;outline:1px solid #e2e8e4;border-radius:3px;background:#fff;box-shadow:0 8px 21px #263d3418}.safe-area{position:absolute;z-index:0;border:1px dashed #d9e9df;pointer-events:none}.preview-box{position:absolute;z-index:1;display:flex;align-items:center;overflow:visible;color:#31594f;font-family:DM Sans,sans-serif;font-weight:600;cursor:grab;touch-action:none}.preview-box:hover,.preview-box:focus-within,.preview-box.dragging{box-shadow:inset 0 0 0 1px #6b9d87}.preview-box.dragging{z-index:3;cursor:grabbing}.preview-box-text{display:block;width:100%;overflow:visible;line-height:1;text-overflow:clip;white-space:nowrap;pointer-events:none}.preview-caption{color:#72817a;font-weight:500}.resize-handle{position:absolute;z-index:2;width:8px;height:8px;padding:0;border:1px solid #fff;border-radius:50%;background:#528c76;opacity:0;touch-action:none}.preview-box:hover .resize-handle,.preview-box:focus-within .resize-handle,.preview-box.dragging .resize-handle{opacity:1}.handle-width{top:50%;right:-5px;cursor:ew-resize;transform:translateY(-50%)}.handle-height{bottom:-5px;left:50%;cursor:ns-resize;transform:translate(-50%)}.handle-size{right:-5px;bottom:-5px;cursor:nwse-resize}.preview-empty{position:absolute;right:0;bottom:12px;left:0;margin:0;color:#9aa59f;font-size:10px;text-align:center}.preview-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:13px 20px;border-bottom:1px solid #eef1ef;color:#86918c;font-size:9px}.preview-meta>span:first-child{display:inline-flex;align-items:center;gap:6px}.legend-printable{width:8px;height:8px;border:1px dashed #8fb39e}.preview-note{display:flex;gap:9px;padding:15px 20px 17px;color:#82908a;font-size:9px;line-height:1.55}.preview-note>span{color:var(--green);font-size:13px}.preview-note p{margin:0}.preview-note strong{color:#506d62;font-weight:600}footer{display:flex;justify-content:space-between;padding:17px max(5.4vw,calc((100vw - 1320px)/2));border-top:1px solid #e4eae6;color:#899590;background:#fff;font-size:10px}@media(max-width:850px){main{width:min(680px,91vw)}.intro{align-items:flex-start;flex-direction:column;padding-top:38px}.landing{min-height:calc(100vh - 130px);grid-template-columns:1fr;gap:32px;padding:50px 0}.landing-visual{width:min(560px,100%);justify-self:center}.workspace,.design-workspace{grid-template-columns:1fr}.design-workspace{grid-template-areas:"preview" "controls"}.design-workspace .preview-column{position:static}.design-workspace .preview-stage{min-height:240px}.design-actions{grid-column:1}}@media(max-width:520px){.topbar{height:60px;padding:0 5vw}.app-shell{padding-top:60px}.topbar-note{font-size:10px}main{width:91vw}.intro{padding:32px 0 24px}.landing h1{font-size:clamp(36px,11vw,52px)}.landing-copy{font-size:15px}.step-indicator{gap:7px}.step{gap:5px;font-size:9px}.step b{width:21px;height:21px}.step-line{width:16px}.panel{padding:18px 16px}.layout-grid{grid-template-columns:repeat(2,1fr)}.dimensions-grid input{padding:0 5px;font-size:9px}.inline-control{grid-template-columns:1fr 1.2fr}.button-row{display:grid;grid-template-columns:1fr 1fr}.step-actions{flex-direction:column-reverse}.step-actions .button,.landing-button{width:100%}.design-actions{display:grid;grid-template-columns:1fr}footer{gap:12px;padding:15px 5vw;font-size:9px}}.log-warning{display:grid;gap:4px;margin-top:8px;padding:8px 10px;border:1px solid #d97706;border-radius:6px;background:#fffbeb;color:#92400e;font-size:.85rem}