:root{color:var(--ink);background:var(--bg);font-synthesis:none;--bg:#fff;--border:#e9e9e9;--border-bright:#a8a8a8;--orange:#fc5a29;--orange-text:#c43d12;--accent:#e5590c;--orange-deep:#c2410c;--btn-primary-bg:#0a0a0a;--ink:#171717;--muted:#737373;--line:var(--border);--radius-xs:4px;--radius-sm:8px;--radius-md:16px;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--hit-touch:48px;--shadow-hard:0 2px 8px color-mix(in srgb, var(--ink) 10%, transparent);--chrome:#2563eb;--border-strong:#d4d4d4;--text-dim:#4b5563;--surface:#f9fafb;--success:#16a34a;--success-text:#15803d;--danger:#dc2626;--warning-text:#8a5a00;font-family:-apple-system,system-ui,Inter,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,[tabindex]:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange-deep);outline-offset:2px}button:disabled,button[aria-disabled=true]{cursor:not-allowed;opacity:.45}button[aria-busy=true]{cursor:progress}.app-shell{min-height:100vh}.topbar{background:var(--bg);height:68px;color:var(--ink);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 max(24px,4vw);display:flex}.wordmark{color:var(--ink);letter-spacing:-1.5px;font-size:27px;font-weight:700;text-decoration:none}.wordmark span{color:var(--orange-deep)}main{width:min(1180px,100% - 40px);margin:0 auto;padding-bottom:80px}.hero{grid-template-columns:1.35fr 1fr;align-items:end;gap:12px 70px;padding:36px 0 22px;display:grid}.hero .eyebrow{grid-column:1/-1}.eyebrow,.section-heading>p{letter-spacing:.12em;color:var(--orange-text);margin:0 0 10px;font-size:11px;font-weight:700}.hero h1{letter-spacing:-.06em;margin:0;font-size:clamp(44px,6vw,76px);font-weight:600;line-height:.93}.hero>p:not(.eyebrow){color:var(--muted);max-width:480px;margin:0;font-size:18px;line-height:1.5}.test-warning{background:color-mix(in srgb, var(--accent) 6%, white);border-left:3px solid var(--accent);grid-column:1/-1;margin-top:22px;padding:12px 15px;font-size:13px}.steps{border-bottom:1px solid var(--border-strong);gap:4px;margin:10px 0 24px;display:flex}.steps button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:9px;padding:14px 18px;display:flex}.steps button span{border:1px solid var(--border-strong);border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.steps button.active{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}.steps button.active span{border-color:var(--accent);color:var(--orange-text)}.notice{border:1px solid var(--border-strong);background:#fff;border-radius:8px;margin:-8px 0 18px;padding:12px 14px;font-size:13px}.panel{border:1px solid var(--line);box-shadow:var(--shadow-hard);background:#fff;border-radius:10px}.flow-panel{padding:clamp(20px,3vw,36px)}.ready-panel{padding:clamp(24px,4vw,54px)}.section-heading{max-width:630px;margin-bottom:30px}.section-heading h2,.inspector h2,.ready-panel h2{letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(28px,3vw,42px);font-weight:600;line-height:1.05}.section-heading>span,.subtle{color:var(--muted);line-height:1.5}.media-search{max-width:520px;color:var(--text-dim);gap:7px;margin:-8px 0 24px;font-size:11px;font-weight:700;display:grid}.media-search input{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--ink);border-radius:9px;padding:13px 15px;font-size:15px;font-weight:450}.search-results-status{color:var(--muted);margin:-14px 0 16px;font-size:11px}.preset-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.preset-card{text-align:left;border:1px solid var(--border-strong);background:var(--surface);border-radius:9px;min-height:300px;padding:18px;transition:transform .15s,border-color .15s,box-shadow .15s}.preset-card:hover{border-color:var(--accent);box-shadow:0 8px 20px color-mix(in srgb, var(--accent) 12%, transparent);transform:translateY(-2px)}.preset-card.recommended{background:color-mix(in srgb, var(--accent) 4%, white);border:2px solid var(--accent);grid-column:span 2}.preset-card div{align-items:start;gap:7px;min-height:22px;display:flex}.preset-card em{letter-spacing:.08em;color:var(--orange-text);font-size:10px;font-style:normal;font-weight:700}.preset-card em.muted{color:var(--muted)}.output-tag{color:var(--text-dim);margin-left:auto;font-size:11px}.preset-card h3{letter-spacing:-.02em;margin:13px 0 5px;font-size:19px}.preset-card p{color:var(--muted);margin:0 0 10px;font-size:13px}.preset-card small{font-size:11px;font-weight:600}.preset-preview-stage{background:color-mix(in srgb, var(--muted) 7%, transparent);border-radius:7px;justify-content:center;align-items:center;gap:18px;height:94px;margin-top:10px;display:flex}.preset-preview-option{min-width:74px;color:var(--text-dim);place-items:center;gap:5px;font-size:10px;font-weight:650;display:grid}.preset-preview{border:1px solid var(--border-bright);box-shadow:0 3px 9px color-mix(in srgb, var(--ink) 8%, transparent);background:#fff;position:relative;overflow:hidden}.preset-preview.shape-circle{border-radius:50%}.preset-preview.shape-rounded{border-radius:5px}.preset-preview>span{display:block;position:absolute}.preset-preview .mini-field{border-bottom:1px solid var(--text-dim)}.preset-preview .mini-marker{border:1px solid var(--text-dim);border-radius:999px}.preset-preview .mini-code128{background:repeating-linear-gradient(90deg, var(--ink) 0 1px, white 1px 2px, var(--ink) 2px 4px, white 4px 5px)}.preset-preview .mini-datamatrix svg,.preset-preview .mini-qr svg{position:absolute}.preset-preview .mini-qr{background:repeating-conic-gradient(var(--ink) 0 25%, white 0 50%) 0/4px 4px;outline:1px solid var(--ink);border:2px solid #fff}.preset-code-choice,.preset-fields{margin-top:9px;font-size:11px;line-height:1.4;display:block}.preset-code-choice{color:var(--orange-text);font-weight:750}.preset-fields{color:var(--text-dim)}.empty-search{text-align:center;justify-items:center;gap:6px;padding:40px 24px;display:grid}.empty-search strong{font-weight:600}.empty-search span{color:var(--muted);max-width:46ch;font-size:13px}.inspector{gap:0;display:grid}.code-choice,.print-style-choice{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;margin:0 0 16px;padding:12px}.code-choice>span,.print-style-choice>span{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.code-choice>div,.print-style-choice>div{grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:5px;display:grid}.code-choice button,.print-style-choice button{border:1px solid var(--border-strong);color:var(--text-dim);background:#fff;border-radius:7px;padding:8px 6px;font-size:11px;font-weight:650}.code-choice button.active,.print-style-choice button.active{border-color:var(--accent);color:var(--ink);box-shadow:inset 0 -2px var(--accent)}.code-choice small,.code-choice em{color:var(--muted);margin-top:7px;font-size:10px;line-height:1.35;display:block}.code-choice em{color:var(--muted);font-style:normal}.print-style-choice small{color:var(--muted);margin-top:7px;font-size:10px;line-height:1.35;display:block}.code-reset-warning{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 6%, white);border-radius:7px;margin-top:10px;padding:10px}.code-reset-warning strong{font-size:11px}.code-reset-warning p{color:var(--text-dim);margin:4px 0 8px;font-size:10px;line-height:1.4}.code-reset-warning>div{gap:5px;display:flex}.code-reset-warning button:first-child{border-color:var(--orange-deep);background:var(--orange-deep);color:#fff}.field-list{gap:5px;max-height:230px;display:grid;overflow:auto}.field-list button{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:7px;justify-content:space-between;align-items:center;padding:9px 11px;display:flex}.field-list button.selected{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.field-list small{color:var(--muted);font-size:10px}.editor-actions{flex-wrap:wrap;gap:4px;margin-top:12px;display:flex}.editor-actions button{padding:7px 9px;font-size:10px}.properties{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.properties label{color:var(--text-dim);gap:6px;font-size:11px;font-weight:600;display:grid}.properties input{border:1px solid var(--border-strong);width:100%;color:var(--ink);background:#fff;border-radius:7px;padding:9px 10px}.dimensions-tool,.calibration-tool{border:1px solid var(--border-strong);border-radius:8px;margin-top:16px;padding:12px}.dimensions-tool summary,.calibration-tool summary{cursor:pointer;font-size:12px;font-weight:700}.dimensions-tool>p,.calibration-tool>p,.sheet-dimensions>p{color:var(--muted);font-size:11px;line-height:1.45}.dimensions-tool label,.calibration-tool label,.sheet-dimensions label{color:var(--text-dim);gap:5px;font-size:10px;font-weight:600;display:grid}.dimensions-tool input,.calibration-tool input,.sheet-dimensions select{border:1px solid var(--border-strong);background:#fff;border-radius:6px;width:100%;padding:7px}.sheet-dimensions>label{margin-top:10px}.calibration-button{margin-top:12px}.number-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:10px;display:grid}.validation-card{background:var(--surface);border-radius:8px;gap:10px;margin:18px 0;padding:13px;font-size:12px;display:flex}.validation-card p{color:var(--muted);margin:3px 0 0;line-height:1.4}.good-dot,.bad-dot{background:var(--success);border-radius:50%;flex:none;width:9px;height:9px;margin-top:3px}.bad-dot{background:var(--accent)}.button-row{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}.primary,.secondary,.text-button{border-radius:var(--radius-sm);border:1px solid #0000;padding:11px 16px;font-size:13px;font-weight:600;transition:transform 80ms,background .15s}.primary{background:var(--btn-primary-bg);color:#fff}.primary:hover{background:color-mix(in srgb, var(--btn-primary-bg) 82%, white)}.secondary{border-color:var(--border-strong);color:var(--ink);background:#fff}.text-button{color:var(--text-dim);background:0 0}.primary:active:not(:disabled),.secondary:active:not(:disabled),.text-button:active:not(:disabled){transform:scale(.97)}.canvas-panel{place-items:center;min-height:650px;padding:25px;display:grid;overflow:auto}.canvas-stage{justify-items:center;min-width:max-content;display:grid}.canvas-stage>:not(.ruler-frame){max-width:640px}.size-readout{color:var(--muted);justify-self:start;margin-bottom:12px;font-size:11px}.media-canvas{border:1px solid var(--border-bright);box-shadow:0 12px 32px color-mix(in srgb, var(--ink) 12%, transparent);touch-action:none;background:#fff;background-image:linear-gradient(color-mix(in srgb, var(--chrome) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--chrome) 6%, transparent) 1px, transparent 1px);background-size:20px 20px;flex:none;position:relative;overflow:hidden}.media-canvas.shape-rounded{border-radius:14px}.media-canvas.shape-circle{border-radius:50%}.write-field{-webkit-user-select:none;user-select:none;touch-action:none;cursor:move;background:#ffffffb8;border:0;position:absolute}.write-field>span{white-space:nowrap;letter-spacing:.08em;font-weight:700;line-height:1;position:absolute}.write-field.selected{box-shadow:0 0 0 2px var(--chrome);z-index:2}.marker-band{-webkit-user-select:none;user-select:none;touch-action:none;cursor:move;background:#fff;border-style:solid;grid-template-columns:auto 1fr;align-items:center;display:grid;position:absolute;overflow:hidden}.marker-band>span{white-space:nowrap;text-transform:uppercase;padding-right:4px;font-weight:700;line-height:1;display:block}.marker-band>div{background:repeating-linear-gradient(135deg, transparent 0 9px, color-mix(in srgb, var(--chrome) 8%, transparent) 9px 11px)}.marker-band.selected{box-shadow:0 0 0 2px var(--chrome);z-index:2}.resize-handle{background:var(--chrome);cursor:nwse-resize;border:3px solid #fff;border-radius:50%;width:22px;height:22px;padding:0;position:absolute;bottom:-8px;right:-8px}@media (pointer:coarse){.resize-handle:after{content:"";border-radius:50%;position:absolute;inset:-14px}}.code-block{outline:1px dotted var(--chrome);outline-offset:1px;z-index:3;cursor:move;touch-action:none;background:#fff;position:absolute}.code-block.selected{outline:2px solid var(--chrome);outline-offset:1px}.code-block .code-pattern{background:repeating-conic-gradient(#000 0 25%, white 0 50%) 0/9px 9px;position:absolute}.code-block.code128 .code-pattern{background:repeating-linear-gradient(90deg,#000 0 2px,#fff 2px 4px,#000 4px 5px,#fff 5px 8px);border:2px solid #fff;outline:none;width:100%;height:100%;top:0;left:0}.code-block.datamatrix .code-pattern{background:repeating-conic-gradient(#000 0 25%, white 0 50%) 0/6px 6px;box-sizing:border-box;border-bottom:3px solid #000;border-left:3px solid #000}.code-block.too-small .code-pattern{background:repeating-linear-gradient(45deg, var(--danger) 0 4px, white 4px 8px);width:100%;height:100%;top:0;left:0}.code-block .code-caption{white-space:nowrap;color:#000;font-weight:700;line-height:1;position:absolute}.scan-cue{box-sizing:border-box;position:absolute}.scan-cue:before{content:"";pointer-events:none;border:1.5px dotted var(--chrome);background:repeating-linear-gradient(135deg, transparent 0 7px, color-mix(in srgb, var(--chrome) 7%, transparent) 7px 8px);position:absolute;inset:0}.scan-cue.selected:before{box-shadow:0 0 0 2px var(--chrome);border-style:solid}.canvas-help{color:var(--muted);margin:15px 0 0;font-size:11px;line-height:1.5}.sheet-summary{color:var(--text-dim);font-size:13px}.start-position{width:250px;color:var(--text-dim);gap:6px;margin-top:18px;font-size:12px;font-weight:600;display:grid}.start-position input{border:1px solid var(--border-strong);border-radius:7px;width:120px;padding:9px 10px}.start-position small,.sheet-map-wrap>small{color:var(--muted);font-weight:400}.sheet-map-wrap{background:var(--surface);border-radius:8px;gap:9px;width:fit-content;margin-top:18px;padding:14px;display:grid}.sheet-map{border:1px solid var(--border-bright);box-shadow:0 4px 12px color-mix(in srgb, var(--ink) 7%, transparent);background:#fff;position:relative}.sheet-slot{border:1px solid var(--border-bright);color:var(--muted);place-items:center;font-size:9px;display:grid;position:absolute}.sheet-slot.shape-circle{border-radius:50%}.sheet-slot.shape-rounded{border-radius:4px}.sheet-slot.will-print{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, white);color:var(--orange-text);font-weight:700}.sheet-slot.already-used{background:repeating-linear-gradient(45deg, var(--border) 0, var(--border) 2px, white 2px, white 4px);color:var(--muted)}.ready-panel{text-align:center;max-width:820px;margin:0 auto}.ready-mark{color:#fff;background:var(--success);border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 18px;font-size:24px;display:grid}.ready-panel .subtle{margin:8px 0 28px}.ready-panel code{background:var(--surface);border-radius:4px;padding:3px 6px;font-size:11px}.download-grid{text-align:left;grid-template-columns:1fr 1fr;gap:12px;display:grid}.download-card{border:1px solid var(--border-strong);background:#fff;border-radius:9px;align-items:center;gap:13px;padding:18px;display:flex}.download-card>span{background:var(--surface);border-radius:6px;padding:10px 8px;font-size:11px;font-weight:700}.download-card strong,.download-card small{display:block}.download-card small{color:var(--muted);margin-top:4px}.download-card.primary-card{border:2px solid var(--btn-primary-bg);background:#fff}.download-card.primary-card>span{background:var(--orange-deep);color:#fff}.signup-cta{color:var(--text-dim);margin:22px 0 0;font-size:13px}.signup-cta a{color:var(--orange-text);font-weight:700;text-decoration:none}.signup-cta a:hover{text-decoration:underline}.reuse-box{border:1px solid var(--border-strong);text-align:left;border-radius:9px;justify-content:space-between;align-items:center;gap:15px;margin-top:25px;padding:18px;display:flex}.reuse-box p{color:var(--muted);margin:4px 0 0;font-size:12px}.centered{justify-content:center}footer{background:var(--btn-primary-bg);color:color-mix(in srgb, white 70%, var(--btn-primary-bg));text-align:center;padding:22px;font-size:11px}@media (width<=850px){.hero{grid-template-columns:1fr}.hero .eyebrow,.test-warning{grid-column:auto}.preset-grid{grid-template-columns:1fr 1fr}.canvas-panel{min-height:500px}}@media (width<=560px){main{width:min(100% - 24px,1180px)}.hero{padding-top:35px}.hero h1{font-size:46px}.steps{overflow-x:auto}.steps button{padding:12px 10px;font-size:12px}.preset-grid,.download-grid{grid-template-columns:1fr}.preset-card.recommended{grid-column:auto}.reuse-box{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.canvas-rejection{background:color-mix(in srgb, var(--accent) 6%, white);border:1px solid var(--accent);color:var(--orange-text);border-radius:7px;margin:8px 0 0;padding:8px 10px;font-size:12px;font-weight:600}.printable-bounds{z-index:1;pointer-events:none;border:1px dashed var(--chrome);box-shadow:0 0 0 100vmax color-mix(in srgb, var(--chrome) 6%, transparent);background:0 0;position:absolute}.media-canvas.shape-circle .printable-bounds{border-radius:50%}.brand-mark{z-index:3;cursor:move;touch-action:none;border:1px dashed #0000;place-items:center;display:grid;position:absolute;overflow:hidden}.brand-mark>span{letter-spacing:-.03em;font-size:clamp(5px,90%,13px);font-weight:800;line-height:1}.brand-mark:hover{border-color:color-mix(in srgb, var(--chrome) 55%, white)}.brand-mark.selected{border:2px solid var(--chrome);box-shadow:0 0 0 2px color-mix(in srgb, var(--chrome) 13%, transparent)}.print-preview{border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;margin-top:18px;overflow:hidden}.print-preview-head{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:10px 12px;font-size:12px;display:flex}.print-preview-head span{color:var(--muted)}.print-preview-head button{margin-left:auto}.print-preview iframe{background:var(--text-dim);border:0;width:100%;height:460px;display:block}.element-row{align-items:stretch;gap:4px;display:flex}.element-row .element-select{flex:auto;min-width:0}.element-row.selected .element-select{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.field-list .element-delete{width:30px;color:var(--muted);flex:none;justify-content:center;padding:0;font-size:16px;line-height:1}.field-list .element-delete:hover{color:var(--danger);border-color:var(--danger);background:color-mix(in srgb, var(--danger) 6%, white)}.field-options{border:1px solid var(--border);background:var(--surface);border-radius:7px;gap:6px;margin:10px 0 0;padding:10px 11px;font-size:12px;display:grid}.field-options label{align-items:center;gap:7px;font-weight:600;display:flex}.field-options input{width:auto;margin:0}.field-options small{color:var(--muted);font-size:10px}.editor-hint{border-radius:7px;margin:8px 0 0;padding:8px 10px;font-size:12px;font-weight:600}.editor-hint.blocked{background:color-mix(in srgb, var(--accent) 6%, white);border:1px solid var(--accent);color:var(--orange-text)}.editor-hint.done{background:color-mix(in srgb, var(--success) 8%, white);border:1px solid var(--success);color:var(--success-text)}.field-rule{position:absolute;left:0;right:0}.write-field.no-rule{outline:1px dotted var(--chrome);outline-offset:-1px}.field-options .field-size{gap:4px;font-weight:600;display:grid}.field-options .field-size input{border:1px solid var(--border-strong);border-radius:7px;width:110px;padding:7px 9px;font-size:12px}.live-source{border-left:3px solid var(--success);background:color-mix(in srgb, var(--success) 8%, white);color:var(--success-text);border-radius:0 7px 7px 0;margin:0 0 14px;padding:9px 12px;font-size:12px}.ruler-frame{grid-template-rows:18px auto;grid-template-columns:18px auto;justify-content:start;display:grid}.ruler{cursor:grab;background:repeating-linear-gradient(var(--ruler-angle,90deg), var(--border-strong) 0 1px, transparent 1px 5px) var(--surface);touch-action:none;border:0;border-radius:3px;padding:0}.ruler:hover,.ruler:focus-visible{background-color:color-mix(in srgb, var(--chrome) 14%, white)}.ruler-x{grid-area:1/2;align-self:end;height:14px}.ruler-y{--ruler-angle:0deg;grid-area:2/1;justify-self:end;width:14px}.media-canvas{grid-area:2/2}.guide{z-index:4;touch-action:none;cursor:grab;background:0 0;border:0;padding:0;position:absolute}.guide:before{content:"";background:var(--chrome);opacity:.62;position:absolute}.guide-x{cursor:col-resize;width:11px;margin-left:-5px;top:0;bottom:0}.guide-x:before{width:1px;top:0;bottom:0;left:5px}.guide-y{cursor:row-resize;height:11px;margin-top:-5px;left:0;right:0}.guide-y:before{height:1px;top:5px;left:0;right:0}.guide>span{background:var(--chrome);color:#fff;white-space:nowrap;opacity:0;border-radius:3px;padding:0 3px;font-size:9px;font-weight:700;line-height:1.5;position:absolute}.guide-x>span{top:2px;left:7px}.guide-y>span{top:7px;left:2px}.guide:hover>span,.guide:focus-visible>span{opacity:1}.guide:focus-visible:before{opacity:1;box-shadow:0 0 0 1px #fff}.tool-group{align-items:center;gap:7px;display:flex}.tool-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:11px;font-weight:700}.tool-status .tool-label{text-transform:none;letter-spacing:0;text-overflow:ellipsis;max-width:34ch;font-weight:600;overflow:hidden}.segmented{border:1px solid var(--border-strong);border-radius:8px;display:inline-flex;overflow:hidden}.segmented button{cursor:pointer;white-space:nowrap;background:#fff;border:0;padding:6px 11px;font-size:12px;font-weight:650}.segmented button+button{border-left:1px solid var(--border)}.segmented button:hover{background:var(--surface)}.segmented button.active,.segmented button[aria-pressed=true]{background:var(--orange-deep);color:#fff}.tool-numbers{gap:6px;display:flex}.tool-numbers label{justify-items:center;gap:1px;display:grid}.tool-numbers input{border:1px solid var(--border-strong);text-align:right;border-radius:7px;width:62px;padding:5px 7px;font-size:12px}.tool-numbers small{color:var(--muted);letter-spacing:.02em;font-size:9px}.tool-note{color:var(--text-dim);margin:0;padding:0 4px;font-size:12px}.tool-note em{color:var(--muted);font-style:normal}.write-field>span,.marker-band>span,.brand-mark span,.code-block span{font-family:Helvetica,Arial,sans-serif}.print-guide{border:1px solid var(--border-strong);background:var(--surface);text-align:left;border-radius:8px;max-width:640px;margin:18px auto 0;padding:14px 16px}.print-guide h3{margin:0 0 8px;font-size:14px}.print-guide ol{margin:0;padding-left:20px;font-size:13px;line-height:1.5}.print-guide pre{background:var(--surface);white-space:pre-wrap;word-break:break-all;border-radius:6px;margin:6px 0 0;padding:8px 10px;font-size:11px;overflow-x:auto}.print-guide-check{color:var(--text-dim);margin:10px 0 0;font-size:12px}.print-guide-note{color:var(--text-dim);margin:4px 0 0;font-size:12px}.print-guide-advanced{margin:10px 0 0;font-size:12px}.print-guide-advanced summary{cursor:pointer;color:var(--text-dim)}.print-guide-command-label{margin:8px 0 0;font-size:12px;font-weight:600}.print-guide-command-row{align-items:flex-start;gap:8px;display:flex}.print-guide-command-row pre{flex:1;min-width:0}.print-guide-command-row .copy-command{flex:none;margin-top:6px;padding:6px 10px;font-size:12px}.field-error{color:var(--danger);text-transform:none;letter-spacing:normal;margin-top:3px;font-size:10px;font-weight:600;line-height:1.3;display:block}input[aria-invalid=true]{border-color:var(--danger)}.fixed-dimension{color:var(--text-dim);align-self:end;margin:0;font-size:11px}.print-panel{border:1px solid var(--btn-primary-bg);text-align:left;background:#fff;border-radius:10px;max-width:680px;margin:20px auto 8px;padding:16px 18px}.print-panel>h3{margin:0 0 10px;font-size:16px}.print-route+.print-route{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.print-route-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.print-route-head strong{font-size:14px}.print-tier{background:var(--orange);color:var(--btn-primary-bg);text-transform:uppercase;letter-spacing:.06em;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:700}.print-tested{color:var(--warning-text);flex-basis:100%;font-size:12px}.print-tested.printed{color:var(--success-text)}.print-actions{margin:10px 0 0}.print-actions-steps{margin:10px 0 0;padding-left:20px;font-size:13px;line-height:1.6}.print-actions-steps li+li{margin-top:6px}.print-actions-steps li>span{font-weight:650}.print-actions button,.print-actions-steps button{padding:8px 14px;font-size:13px}.print-status{margin:8px 0 0;font-size:13px}.print-status p{margin:0}.print-status .text-button{padding:2px 6px;text-decoration:underline}.print-failed{color:var(--danger)}.print-panel .print-guide{max-width:none;margin-top:12px}.print-other{margin-top:14px}.print-other>summary{cursor:pointer;color:var(--text-dim);font-size:13px;font-weight:650}.files-heading{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin:22px 0 10px;font-size:13px}@media (width<=640px){.print-panel{padding:14px 12px}}.preset-tile{flex-direction:column;display:flex}.preset-tile.recommended{grid-column:span 2}.preset-media{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-top:8px;padding:10px 12px;font-size:12px}.preset-media-summary{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preset-media-name{font-weight:650}.arda-tested-badge{background:var(--orange);color:var(--btn-primary-bg);text-transform:uppercase;letter-spacing:.04em;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:700}.preset-media-specs{color:var(--muted);margin-top:3px}.preset-media-links{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.buy-link{color:var(--orange-text);font-size:12px;font-weight:650;text-decoration:underline}.preset-media-details{margin-top:6px}.preset-media-details summary{cursor:pointer;color:var(--text-dim);font-size:12px}.preset-media-details dl{color:var(--text-dim);margin:6px 0 0;font-size:11px}.preset-media-details dt{margin-top:4px;font-weight:650}.preset-media-details dd{margin:0}.affiliate-disclosure{color:var(--muted);grid-column:1/-1;margin:10px 0 0;font-size:11px}.code-size-panel{gap:12px;padding:14px 16px 16px;display:grid}.code-size-panel .section-heading.small{max-width:none;margin:0}.code-size-panel .section-heading.small h3{letter-spacing:-.01em;margin:0;font-size:15px}.code-size-slider-row{grid-template-columns:minmax(160px,260px) 1fr;align-items:center;gap:8px 18px;display:grid}.code-size-slider{width:100%;accent-color:var(--accent)}.code-size-readout{color:var(--text-dim);gap:2px;font-size:12px;display:grid}.code-size-readout strong{color:var(--ink);font-size:13px}.code-size-counts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.code-size-dpi{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.code-size-dpi label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);gap:3px;font-size:11px;font-weight:700;display:grid}.code-size-dpi input{border:1px solid var(--border-strong);border-radius:7px;width:90px;padding:6px 8px;font-size:12px}.code-size-dpi small{color:var(--muted)}@media (width<=640px){.code-size-slider-row{grid-template-columns:1fr}}.field-palette{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.field-chip{border:1px solid var(--line);cursor:grab;touch-action:none;background:#fff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:650}.field-chip:hover:not(:disabled){border-color:var(--chrome);color:var(--chrome)}.field-chip:active:not(:disabled){cursor:grabbing}.field-chip:disabled,.field-chip.placed{cursor:default;opacity:.55;background:var(--surface)}.field-chip-custom{border-style:dashed}.field-drop-highlight{z-index:50;pointer-events:none;border:2px solid var(--chrome);background:color-mix(in srgb, var(--chrome) 12%, transparent);border-radius:3px;position:fixed}.scan-cue.has-ink:before{background:0 0;border-color:#0000}.scan-cue.has-ink:hover:before{border:1.5px dotted var(--chrome)}.scan-cue.has-ink.selected:before{border-color:var(--chrome);background:0 0}.about{border-top:1px solid var(--line);max-width:900px;margin-top:56px;padding-top:36px}.about h2{letter-spacing:-.03em;margin:0 0 16px;font-size:26px}.about h2+.about-steps,.about h2+.about-faq{margin-top:0}.about-steps{counter-reset:about-step;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 40px;padding:0;list-style:none;display:grid}.about-steps li{counter-increment:about-step;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:16px}.about-steps li:before{content:counter(about-step);border:1px solid var(--accent);width:24px;height:24px;color:var(--orange-text);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.about-steps h3{margin:10px 0 6px;font-size:16px}.about-steps p{color:var(--text-dim);margin:0;font-size:14px;line-height:1.45}.about-faq{gap:14px;margin:0;display:grid}.about-faq dt{font-size:15px;font-weight:700}.about-faq dd{color:var(--text-dim);margin:4px 0 0;font-size:14px;line-height:1.5}@media (width<=850px){.about-steps{grid-template-columns:1fr}}.paper-card{border:2px solid var(--accent);background:color-mix(in srgb, var(--accent) 4%, white);height:100%;color:var(--ink);border-radius:9px;align-content:start;gap:12px;padding:18px;display:grid}.paper-card-head{align-items:start;gap:7px;min-height:22px;display:flex}.paper-card-head em{letter-spacing:.08em;color:var(--orange-text);font-size:11px;font-style:normal;font-weight:700}.paper-card h3{letter-spacing:-.02em;margin:0;font-size:19px}.paper-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.paper-card .output-tag{color:var(--muted)}.paper-switch{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.paper-card .paper-switch .tool-label{color:var(--muted)}.paper-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.paper-choice{text-align:left;border:1px solid var(--border-strong);color:var(--ink);background:#fff;border-radius:8px;align-items:center;gap:10px;min-width:0;padding:10px;transition:border-color .15s,background .15s;display:flex}.paper-choice:hover{border-color:var(--orange);background:color-mix(in srgb, var(--accent) 6%, white)}.paper-choice-text{min-width:0;color:var(--muted);gap:2px;font-size:12px;display:grid}.paper-choice-text strong{color:var(--ink);font-size:14px}.paper-thumb{border:1px solid var(--border);background:#fff;border-radius:2px;flex:none;position:relative}.paper-thumb span{box-shadow:inset 0 0 0 1px var(--border-bright);background:var(--surface);position:absolute}.paper-panel{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;padding:12px 16px;font-size:13px;display:flex}@media (width<=850px){.paper-choices{grid-template-columns:1fr}}@media (width<=560px){.preset-tile.recommended{grid-column:auto}small{font-size:max(11px,.8333em)}.design-panel>*,.more-options-body>*{min-width:0}.tool-group,.segmented{flex-wrap:wrap}.steps{gap:0;overflow-x:visible}.steps button{flex-direction:column;flex:1 1 0;justify-content:center;gap:4px;min-width:0;padding:10px 2px;font-size:12px}.preset-card em,.preset-preview-option,.code-choice>span,.print-style-choice>span,.code-choice small,.code-choice em,.print-style-choice small,.code-reset-warning p,.field-list small,.editor-actions button,.dimensions-tool label,.calibration-tool label,.sheet-dimensions label,.sheet-slot,.field-options small,.guide>span,.tool-numbers small,.field-error,.print-tier,.arda-tested-badge{font-size:11px}.canvas-stage{min-width:0}}.hero.compact{align-items:center;padding:22px 0 10px}.hero.compact h1{font-size:clamp(28px,3.4vw,42px);line-height:1}.hero.compact>p:not(.eyebrow){font-size:14px}.code-odds{margin:24px 0 0}.code-odds .live-source,.code-odds .test-warning{margin:0}.design-shell{gap:12px;display:grid}.design-panel{min-width:0;padding:clamp(16px,2.5vw,28px)}.design-head{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.design-head .section-heading{margin:0 auto 0 0}.design-head .section-heading h2{margin:0;font-size:clamp(22px,2.4vw,30px)}.design-head .tool-status{align-items:center;gap:7px;display:flex}.design-head .tool-status .good-dot,.design-head .tool-status .bad-dot{margin-top:0}.design-panel .canvas-panel{min-height:0;padding:18px 0 8px}.design-quantity{border-top:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:12px 24px;margin-top:16px;padding-top:16px;display:flex}.design-quantity-notes p{color:var(--muted);margin:0 0 4px;font-size:13px}.design-quantity-notes .tool-note{color:var(--orange-text);padding:0}.design-panel .paper-panel{margin:12px 0 0;padding:0}.design-code-row{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:10px;display:flex}.design-code-row .tool-group{flex-wrap:wrap}.code-style-only{margin:0}.code-style-only .tool-label{margin-right:6px}.pieces-per-page{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pieces-per-page select{border:1px solid var(--border-strong);max-width:100%;min-height:40px;color:var(--ink);background:#fff;border-radius:8px;padding:6px 10px}.pieces-per-page .tool-note{color:var(--orange-text);flex-basis:100%;padding:0}.cut-lines-switch{min-height:40px;color:var(--ink);cursor:pointer;align-items:center;gap:8px;font-weight:650;display:inline-flex}.cut-lines-switch input{width:20px;height:20px;accent-color:var(--ink);margin:0}.design-panel .validation-card{margin:12px 0 0}.design-actions{z-index:6;padding:10px clamp(16px, 2.5vw, 28px) calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:#fff;border-radius:0 0 10px 10px;justify-content:flex-end;margin:16px calc(-1*clamp(16px,2.5vw,28px)) calc(-1*clamp(16px,2.5vw,28px));display:flex;position:sticky;bottom:0}.design-make{min-height:48px;padding:12px 28px;font-size:15px}.quantity-stepper{gap:6px;display:grid}.quantity-stepper>.tool-label{text-transform:none;letter-spacing:0;color:var(--ink);font-size:13px}.stepper-row{align-items:center;gap:8px;display:flex}.stepper-key{border:1px solid var(--border-strong);width:48px;height:48px;color:var(--ink);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#fff;border-radius:8px;place-items:center;font-size:24px;line-height:1;display:grid}.stepper-key:hover:not(:disabled){background:var(--surface)}.quantity-stepper input{text-align:center;border:1px solid var(--border-strong);font-variant-numeric:tabular-nums;width:96px;height:48px;color:var(--ink);border-radius:8px;font-size:24px;font-weight:600}.quantity-stepper small{color:var(--muted);font-size:11px}.quantity-stepper .field-error{color:var(--danger);margin-top:0;font-size:12px}.more-options>summary{cursor:pointer;padding:16px 20px;font-size:14px;font-weight:650}.more-options-body{gap:16px;padding:0 20px 20px;display:grid}.more-group{border-top:1px solid var(--border);gap:10px;padding-top:14px;display:grid}.more-group>h3{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:12px;font-weight:700}.more-group .tool-group{flex-wrap:wrap}.more-group .code-size-panel{padding:0}.more-group .dimensions-tool{margin-top:12px}.dimensions-tool>h4{margin:0;font-size:12px}.print-files{gap:10px;margin-top:14px;display:grid}.print-more{text-align:left;margin-top:18px}.print-more>summary{cursor:pointer;color:var(--text-dim);font-size:13px;font-weight:650}.print-more .button-row{flex-wrap:wrap;justify-content:flex-start;margin-top:12px}@media (width<=767px){.design-actions{padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 18px color-mix(in srgb, var(--ink) 8%, transparent)}.design-make{width:100%;min-height:48px}.more-options>summary,.print-more>summary,.print-other>summary{align-items:center;min-height:44px;display:flex}.design-head .secondary{min-height:44px}.buy-link{align-items:center;min-height:44px;display:inline-flex}.preset-media-details summary{align-items:center;min-height:44px;display:flex}.segmented button,.code-choice button,.print-style-choice button,.editor-actions button{min-height:var(--hit-touch)}}.inline-icon{vertical-align:-2px;margin-right:2px}.toast{left:50%;bottom:var(--space-lg);z-index:30;background:var(--ink);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);box-shadow:var(--shadow-hard);text-align:center;max-width:min(90vw,420px);font-size:13px;font-weight:600;position:fixed;transform:translate(-50%)}