@font-face{font-family:Space;src:url('/fonts/space-grotesk.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:PlexArabic;src:url('/fonts/plex-arabic-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:PlexArabic;src:url('/fonts/plex-arabic-medium.ttf') format('truetype');font-weight:500 800;font-display:swap}
:root{color-scheme:light;--ink:#151515;--muted:#595953;--subtle:#686862;--accent:#ff4b1f;--line:#d3d2cb;--page:#fff;--surface:#f3f2ee;--input:#fff;--link:#a9280c;font-family:Space,PlexArabic,sans-serif;color:var(--ink);background:var(--page);font-synthesis:none;line-height:1.6}
*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth}html[lang=ar]{font-family:PlexArabic,Space,sans-serif}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button,a{transition:background .15s,color .15s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a9280c;outline-offset:3px}svg{width:22px;height:22px;flex-shrink:0}[hidden]{display:none!important}::selection{background:var(--accent);color:#151515}h3{font-size:1rem;font-weight:500}hr{border:0;border-top:1px solid var(--line);margin-block:24px}button{touch-action:manipulation}img{max-width:100%}
.site-header{max-width:1440px;margin:auto;padding:22px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;direction:ltr}.brand-mark{width:40px;height:40px;background:var(--accent);display:grid;place-items:center}.brand-mark svg{width:38px;height:38px}.brand-type{display:flex;align-items:center;gap:24px}.brand strong{font:700 24px Arial,Helvetica,sans-serif;letter-spacing:-1px;white-space:nowrap}.brand small{font-size:9px;letter-spacing:1.4px;max-width:120px;line-height:1.5;border-inline-start:1px solid var(--line);padding-inline-start:18px}.header-actions{display:flex;align-items:center;gap:24px}.free-label{font-size:10px;font-weight:600;letter-spacing:1px;display:flex;align-items:center;gap:8px}.free-label i{width:6px;height:6px;background:var(--accent)}.language{display:flex;align-items:center;gap:8px;border:1px solid var(--ink);border-radius:2px;padding:8px 12px;background:#fff;font-size:13px;min-height:44px}.language svg{width:16px;height:16px}.language:hover{background:var(--surface)}
.studio-shell{max-width:1440px;padding:0 40px;margin:auto}.studio-sidebar{border-block:1px solid var(--ink)}.rail-label,.rail-note,.nav-plus{display:none}.tool-nav{display:flex;gap:32px}.tool-nav a{display:flex;align-items:center;gap:8px;padding:12px 0;text-decoration:none;font-size:13px;border-bottom:3px solid transparent;margin-bottom:-1px;min-height:48px}.tool-nav a[aria-current=page]{border-color:var(--accent);font-weight:600}.tool-nav a:hover{color:var(--link)}.tool-nav svg{width:17px;height:17px}.studio-main{min-width:0}.intro{display:flex;align-items:end;justify-content:space-between;gap:48px;padding:32px 0 36px}.eyebrow{display:block;font-size:10px;letter-spacing:1.8px;font-weight:600;margin-bottom:14px}.intro h1{font-size:clamp(56px,5.6vw,80px);font-weight:500;line-height:.98;letter-spacing:-5px;margin:0}.intro h1 span{color:var(--accent)}.intro-note{max-width:300px;padding-bottom:1px}.intro p{font-size:14px;line-height:1.6;margin:0 0 14px}.local-badge{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px}.local-badge svg{width:13px;height:13px}html[lang=ar] .intro h1{font-size:64px;line-height:1.3;letter-spacing:-1px}html[lang=ar] .eyebrow,html[lang=ar] .brand small{letter-spacing:0}
.workbench{display:grid;grid-template-columns:360px minmax(0,1fr);border:1px solid var(--ink);align-items:start;scroll-margin-top:16px;outline:0;background:var(--surface)}.editor{padding:0 24px 16px;min-width:0;background:#fff;min-height:640px;display:flex;flex-direction:column;border-inline-end:1px solid var(--ink)}.editor-nav{display:flex;margin:0 -24px 24px;border-bottom:1px solid var(--ink);background:#fff}.editor-nav button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:58px;border:0;border-bottom:3px solid transparent;background:transparent;font-size:13px;padding:10px 6px}.editor-nav button>span{font-size:10px;color:var(--muted)}.editor-nav button[aria-pressed=true]{border-color:var(--accent);font-weight:600;background:#f8f7f3}.editor-nav button:hover{background:var(--surface)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-heading h2{font-size:18px;font-weight:500;line-height:1.5;margin:0;letter-spacing:-.4px}.panel-heading>span{font-size:11px;color:var(--muted)}.type-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-bottom:16px}.type-button{border:1px solid var(--line);border-radius:3px;min-height:64px;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:7px 2px;gap:5px;font-size:10px;line-height:1.4;overflow-wrap:anywhere}.type-button svg{width:18px;height:18px}.type-button.active{background:var(--ink);border-color:var(--ink);color:#fff}.type-button:hover:not(.active){background:var(--surface)}.more-types{margin:0 0 16px;border-bottom:1px solid var(--line)}.more-types summary{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:12px;list-style:none}.more-types summary::after{content:'+';font-size:20px;color:var(--link)}.more-types[open] summary::after{content:'−'}.more-types summary>span{margin-inline-start:auto;font-size:11px;color:var(--muted)}.extra-types{grid-template-columns:repeat(3,minmax(0,1fr))}.extra-types .type-button{font-size:11px}.content-divider{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;font-size:11px;color:var(--muted)}.content-kind{display:flex;align-items:center;gap:5px;color:var(--ink)}.content-kind svg{width:13px;height:13px}.content-note{display:flex;align-items:start;gap:7px;font-size:12px;color:var(--muted);margin:24px 0}.content-note svg{width:16px;height:16px;color:#21623a;margin-top:2px}
.field{min-width:0;margin-bottom:16px}label{font-size:13px;font-weight:500;line-height:1.6}.field>label{display:block;margin-bottom:6px}input:not([type=checkbox]):not([type=color]),textarea,select{display:block;width:100%;min-width:0;min-height:46px;padding:10px 12px;font-size:16px;line-height:1.5;border:1px solid #85857e;border-radius:3px;background:var(--input)}textarea{resize:vertical;max-height:360px}select{padding-inline-end:28px;font-size:13px}input::placeholder,textarea::placeholder{color:#6a6a64}.help{font-size:12px;line-height:1.65;color:var(--muted);margin:8px 0 0}.optional{font-size:11px;color:var(--muted);font-weight:400;margin-inline-start:8px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-grid .field{align-self:start}.before-fields{margin:-4px 0 16px}.sample{font-size:11px;color:#61532c;display:inline-flex;gap:6px;align-items:center;background:#f6f1e5;padding:5px 8px;margin:0 0 8px}.sample:before{content:'';width:4px;height:4px;background:#8d681a}.editor-bottom{margin-top:auto;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);flex-wrap:wrap}.clear-button,.text-button{display:inline-flex;gap:6px;align-items:center;min-height:44px;border:0;background:none;font-size:12px;padding:8px 0;color:var(--link)}.clear-button{color:var(--muted)}.clear-button svg,.text-button svg{width:16px;height:16px}.text-button:hover,.clear-button:hover{text-decoration:underline;text-underline-offset:3px}#next-panel{border:1px solid var(--line);border-radius:3px;padding:8px 10px;color:var(--ink)}.error{font-size:14px;line-height:1.6;color:#9b241b;background:#fff0ed;border-inline-start:3px solid #9b241b;padding:12px;margin:16px 0}[aria-invalid=true]{border-color:#9b241b!important}.password-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.password.masked{-webkit-text-security:disc}.check-label{display:flex;align-items:center;gap:9px;margin:16px 0 8px}.check-label input{width:18px;height:18px;accent-color:#151515;margin:0}summary{cursor:pointer;min-height:44px;font-size:13px;padding:10px 0;font-weight:500}.advanced,.contact-details{border-top:1px solid var(--line);margin-top:16px}.advanced[open]>summary,.contact-details[open]>summary{margin-bottom:12px}
.preview{min-width:0;padding:0 28px 24px;position:sticky;top:0;background:var(--surface)}.preview-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:16px 0;min-height:58px}.preview-header h2{font-size:12px;font-weight:500;display:flex;align-items:center;gap:8px;margin:0}.preview-plus{font-size:18px;color:var(--link)}.live-label{font-size:10px;padding:3px 7px;border:1px solid var(--line);color:var(--muted)}.live-label.is-ready{color:#21623a;border-color:#9cbaa5}.live-label.is-ready:before{content:'●';font-size:7px;margin-inline-end:6px}.preview-stage{background:#fff;position:relative;display:flex;align-items:center;justify-content:center;min-height:480px;padding:40px;border:1px solid var(--line);overflow:hidden}.preview-stage:before,.preview-stage:after{content:'+';position:absolute;color:#a5a59b;font:18px ui-monospace;top:6px;left:12px}.preview-stage:after{top:auto;left:auto;bottom:6px;right:12px}.canvas-top{position:absolute;top:12px;right:16px;color:#73736d;font-size:8px;letter-spacing:1.5px;direction:ltr}.stage-label{position:absolute;bottom:12px;left:16px;font-size:8px;letter-spacing:1.2px;line-height:1.5;color:#676760}.qr-paper{width:min(100%,420px);aspect-ratio:1;position:relative;background:#fff}.qr-paper img{display:block;width:100%;height:100%;object-fit:contain}.empty{min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);font-size:14px;text-align:center;padding:24px}.empty svg{width:32px;height:32px}.code-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:10px;color:var(--muted);padding:12px 0}.code-meta bdi{font-family:Space,sans-serif}.export-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.8fr);column-gap:16px;border-top:1px solid var(--line);padding-top:16px;align-items:end}.export-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.export-controls .field{margin:0}.export-controls input,.export-controls select{font-size:13px;min-height:46px;padding:10px}.export-controls label{font-size:11px}.primary{background:var(--accent);color:#151515;border:1px solid var(--accent);border-radius:3px;min-height:46px;padding:10px 16px;font-weight:600;font-size:14px}.primary:hover:not(:disabled){background:#ff714d;border-color:#ff714d}.secondary{border:1px solid var(--ink);border-radius:3px;background:#fff;color:var(--ink);min-height:46px;padding:10px 16px;font-size:13px}.secondary:hover{background:var(--surface)}.download-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px}.download-button svg{width:18px;height:18px}.export-panel>.help{grid-column:1/-1;font-size:11px}.scan-check{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.scan-check .text-button{color:#21623a}.scan-check p{font-size:12px;line-height:1.6;color:#21623a;margin:0}.scan-advice{font-size:11px;color:var(--muted);margin:0}.secret-warning,.dense-notice{background:#fff0d5;color:#705015;padding:10px 12px;font-size:12px;margin:12px 0}.payload-details{margin-top:12px;border-top:1px solid var(--line)}.payload-details summary{font-size:12px;color:var(--muted)}.payload-details pre,.reader-result{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;unicode-bidi:plaintext;max-height:260px;overflow:auto;background:#fff;border:1px solid var(--line);padding:16px;font:12px/1.7 ui-monospace,monospace;text-align:start}#export-status:empty,.scan-check p:empty{display:none}
.print-readiness{border-top:1px solid var(--line)}.print-readiness>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;font-size:12px}.print-readiness>summary:after{content:'+';font-size:18px}.print-readiness[open]>summary:after{content:'−'}.print-readiness #print-badge{margin-inline-start:auto;font-size:10px;font-weight:400}.pass{color:#21623a}.caution{color:#9b241b}.readiness-content{padding:8px 0 20px}.readiness-content .field{max-width:220px}#print-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0}#print-metrics dt{font-size:10px;color:var(--muted)}#print-metrics dd{margin:2px 0;font-size:17px}.template-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.template-picker button{display:grid;justify-items:center;background:#fff;border:1px solid var(--line);padding:16px 5px;gap:8px;border-radius:3px}.template-picker button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 -3px var(--accent)}.template-picker strong{font-size:12px;font-weight:500}.template-picker small{font-size:10px;color:var(--muted)}.template-outline{display:flex;align-items:center;justify-content:center;width:42px;height:58px;border:1px solid var(--ink);border-top:3px solid var(--accent)}.template-outline.tag{width:52px;height:52px;margin:3px 0}.template-outline i{width:22px;height:22px;background:repeating-conic-gradient(#151515 0% 25%,white 0% 50%) 0 0/8px 8px}.print-intro{margin-top:0}#print-proof{display:none;width:auto;height:auto;max-height:570px;max-width:100%;box-shadow:0 10px 25px #00000016}.workbench[data-mode=print] #print-proof{display:block}.workbench[data-mode=print] .qr-paper,.workbench[data-mode=print] .export-panel{display:none}.workbench[data-mode=print] .preview-stage{min-height:610px;background:#e9e8e1}.workbench[data-mode=print] .stage-label{display:none}
.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.theme-swatch{display:grid;justify-items:center;gap:8px;padding:10px 6px;border:1px solid var(--line);background:#fff;border-radius:3px;font-size:12px;min-width:0}.theme-swatch img{width:56px;height:56px}.theme-swatch[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 -3px var(--accent)}.shape-fieldset{padding:0;border:0;margin:0 0 20px}.shape-fieldset legend{font-size:13px;margin-bottom:8px}.shape-options{display:flex;flex-wrap:wrap;gap:6px}.shape-options button{flex:1 1 28%;display:flex;gap:6px;align-items:center;justify-content:center;min-height:44px;font-size:11px;padding:8px 5px;background:#fff;border:1px solid var(--line);border-radius:3px}.shape-options button[aria-pressed=true]{background:#151515;color:#fff;border-color:#151515}.shape-icon{display:grid;grid-template-columns:repeat(2,5px);gap:2px}.shape-icon i{width:5px;height:5px;background:currentColor}.shape-rounded i,.shape-soft i{border-radius:2px}.shape-dots i{border-radius:50%}.shape-classy i{border-radius:2px 0}.shape-diamond i{transform:rotate(45deg);width:4px;height:4px}.colors{display:grid;grid-template-columns:1fr 1fr;gap:8px}.colors label{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:2px 8px;border:1px solid var(--line);padding:8px;font-size:11px;overflow-wrap:anywhere;min-width:0}.colors input{width:30px;height:30px;padding:0;border:0;grid-row:span 2;background:transparent;cursor:pointer}.colors bdi{font-size:10px;color:var(--muted)}.logo-section{border-bottom:1px solid var(--line);padding-bottom:16px}.logo-section h3{margin:0}.upload{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px dashed #85857e;background:var(--surface);padding:12px;font-size:12px;margin:12px 0;cursor:pointer}.upload input{font-size:11px!important;padding:0!important;border:0!important;background:none!important;max-width:100%}.upload input::file-selector-button{font:inherit;color:#151515;background:#fff;border:1px solid #85857e;padding:10px;margin-inline-end:8px;cursor:pointer}.logo-current{display:flex;align-items:center;gap:12px}.logo-current img{object-fit:contain;background:#fff}.batch-inputs{margin-top:24px}.batch-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.batch-actions button{font-size:13px}.batch-actions .upload{margin:0}.batch-row{border:1px solid var(--line);padding:16px;margin-top:12px;background:#fff}.row-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.row-fields label{display:block}#batch-results{max-height:600px;overflow:auto}.saved-styles>div{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:8px 0}.saved-styles>div span{margin-inline-end:auto;overflow-wrap:anywhere}.workbench:is([data-mode=batch],[data-mode=labels],[data-mode=scan],[data-mode=project]){grid-template-columns:1fr}.workbench:is([data-mode=batch],[data-mode=labels],[data-mode=scan],[data-mode=project]) .preview,.workbench:is([data-mode=batch],[data-mode=labels],[data-mode=scan],[data-mode=project]) .editor-nav,.workbench:is([data-mode=batch],[data-mode=labels],[data-mode=scan],[data-mode=project])~.mobile-preview{display:none}.workbench:is([data-mode=batch],[data-mode=labels],[data-mode=scan],[data-mode=project]) .editor{border:0;padding-top:24px;min-height:480px}.workbench:is([data-mode=batch],[data-mode=labels],[data-mode=scan],[data-mode=project]) .editor-bottom{margin-top:24px}.workbench[data-mode=batch] .batch-inputs{display:grid;grid-template-columns:minmax(170px,.4fr) minmax(0,1fr);gap:24px}#labels-root,#scan-root,#project-root{max-width:1000px;width:100%;margin-inline:auto}#labels-root .field-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}
.stories{margin:80px 0 64px}.stories-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}.stories-heading h2{font-size:36px;font-weight:500;line-height:1.15;letter-spacing:-1.5px;margin:0}.stories-heading p{font-size:14px;max-width:300px;color:var(--muted);margin:0}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.story-card{min-width:0}.photo-scene{position:relative;aspect-ratio:3/2;overflow:hidden;direction:ltr;background:#eeece7}.scene-photo{display:block;width:100%;height:100%;object-fit:cover}.photo-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.photo-ink{mix-blend-mode:multiply}.story-copy{padding:20px 0;border-bottom:1px solid var(--ink)}.story-index{font-size:10px;letter-spacing:1px;color:var(--muted)}.story-copy h3{font-size:23px;font-weight:500;letter-spacing:-.7px;line-height:1.3;margin:8px 0 12px}.story-copy p{font-size:13px;color:var(--muted);line-height:1.7;max-width:400px;margin:0 0 16px}.story-action{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:8px 0;border:0;background:none;font-size:13px;font-weight:500;color:var(--link);text-align:start}.story-action span{font-size:24px}.story-action:hover{text-decoration:underline;text-underline-offset:3px}.story-demo-note{font-size:11px;color:var(--muted);margin:20px 0}.privacy{display:grid;grid-template-columns:22px minmax(0,1fr) minmax(160px,.5fr);gap:12px;padding:28px 0 48px;border-top:1px solid var(--ink)}.privacy h2{font-size:14px;font-weight:500;margin:0 0 8px}.privacy p{font-size:12px;color:var(--muted);line-height:1.8;margin:0;max-width:640px}.privacy>span svg{width:18px;height:18px}.privacy details{justify-self:end;max-width:320px}.privacy details summary{padding:0;font-size:12px}.privacy h3{font-size:13px;margin:16px 0 6px}footer{max-width:1360px;margin:auto;border-top:1px solid var(--ink);padding:20px 0 28px;display:flex;justify-content:space-between;gap:24px;font-size:10px;color:var(--muted)}.mobile-preview{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;inset-inline-start:16px;z-index:30;background:var(--accent);color:#151515;padding:12px}.skip:focus{top:12px}.not-found{max-width:720px;margin:10vh auto;padding:28px}.not-found img{max-width:100%;height:auto}
@media(max-width:1439px){footer{margin-inline:40px}.preview-stage{min-height:440px}.qr-paper{width:min(100%,380px)}}
@media(max-width:1100px){.site-header,.studio-shell{padding-inline:24px}.brand small{display:none}.intro{gap:24px}.intro h1{font-size:64px;letter-spacing:-3px}.intro-note{max-width:250px}.workbench{grid-template-columns:330px minmax(0,1fr)}.editor{padding-inline:20px}.editor-nav{margin-inline:-20px}.preview{padding-inline:20px}.preview-stage{padding:32px 20px;min-height:370px}.qr-paper{width:min(100%,340px)}.export-panel{display:block}.download-button{margin-top:12px}footer{margin-inline:24px}.field-grid{grid-template-columns:1fr;gap:0}}
@media(max-width:700px){.intro h1{font-size:56px}.workbench{grid-template-columns:minmax(0,1fr)}.editor{border-inline-end:0;border-bottom:1px solid var(--ink);min-height:0;padding-bottom:20px}.type-picker{grid-template-columns:repeat(5,minmax(0,1fr))}.type-button{min-height:64px;font-size:12px}.editor-bottom{margin-top:24px}.preview{position:static;padding-bottom:24px}.preview-stage{min-height:460px}.qr-paper{width:min(100%,410px)}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.export-panel{display:grid}.download-button{margin-top:0}.theme-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.free-label{font-size:9px;letter-spacing:.5px}.stories-heading h2{font-size:32px}.story-grid{gap:24px}.privacy{grid-template-columns:22px minmax(0,1fr)}.privacy details{grid-column:2;justify-self:start;max-width:640px}.brand strong{font-size:22px}.brand-mark{width:36px;height:36px}.brand-mark svg{width:34px;height:34px}html[lang=ar] .intro h1{font-size:50px}}
@media(max-width:600px){body{padding-bottom:76px}.site-header{padding:16px;gap:8px}.brand{gap:8px}.brand strong{font-size:20px;letter-spacing:-.8px}.brand-mark{width:30px;height:30px}.brand-mark svg{width:29px;height:29px}.free-label{display:none}.header-actions{gap:0}.language{padding:8px;font-size:12px;gap:5px}.language svg{width:14px;height:14px}.studio-shell{padding-inline:16px}.tool-nav{gap:0;justify-content:space-between}.tool-nav a{gap:5px;font-size:10px;min-height:50px}.tool-nav svg{width:14px;height:14px}.intro{display:block;padding:28px 0}.eyebrow{font-size:9px;margin-bottom:12px;letter-spacing:1.4px}.intro h1{font-size:44px;line-height:1.06;letter-spacing:-2.5px}.intro-note{max-width:340px;margin-top:16px}.intro p{font-size:13px;margin-bottom:8px}.local-badge{font-size:10px}.editor{padding:0 16px 16px}.editor-nav{margin:0 -16px 20px}.editor-nav button{font-size:12px;gap:6px;min-height:54px}.panel-heading h2{font-size:17px}.type-picker{gap:4px}.type-button{font-size:10px;min-height:66px}.type-button svg{width:18px;height:18px}.extra-types .type-button{font-size:11px}.preview{padding:0 16px 20px}.preview-stage{min-height:300px;padding:26px 8px}.qr-paper{width:100%;max-width:330px}.canvas-top{font-size:6px;right:10px;top:9px;letter-spacing:1px}.stage-label{font-size:6px;bottom:8px;left:10px}.code-meta{font-size:9px}.export-panel{display:block}.download-button{margin-top:12px;min-height:48px}.export-controls select,.export-controls input{font-size:14px}.print-readiness #print-badge{font-size:9px}.print-readiness>summary{gap:6px;font-size:11px}#print-metrics{grid-template-columns:1fr 1fr;gap:8px}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid{grid-template-columns:1fr;gap:0}.workbench[data-mode=print] .preview-stage{min-height:440px;padding:32px 20px}#print-proof{max-height:440px}.stories{margin:48px 0 32px}.stories-heading{display:block;margin-bottom:24px}.stories-heading h2{font-size:32px;letter-spacing:-1.3px}.stories-heading p{margin-top:16px;font-size:13px}.story-grid{grid-template-columns:1fr;gap:32px}.story-copy h3{font-size:24px}.story-copy{padding-top:16px}.story-demo-note{font-size:11px}.privacy{padding-bottom:24px;gap:10px}.privacy h2{font-size:13px}.privacy p{font-size:12px}.mobile-preview{display:flex;position:fixed;z-index:10;bottom:12px;inset-inline:12px;align-items:center;gap:10px;min-height:54px;padding:7px 12px;background:#151515;color:#fff;border:1px solid #555;text-decoration:none;font-size:12px;box-shadow:0 3px 18px #0003}.mobile-preview img{width:36px;height:36px;background:white}.mobile-preview>span:last-child{margin-inline-start:auto;font-size:24px;color:var(--accent)}footer{margin-inline:16px;flex-wrap:wrap;gap:8px;font-size:10px}.workbench[data-mode=batch] .batch-inputs{display:block}.row-fields{grid-template-columns:1fr}#labels-root .field-grid{grid-template-columns:1fr}.saved-styles>div{flex-wrap:wrap}.saved-styles>div span{flex-basis:100%}html[lang=ar] .intro h1{font-size:40px;line-height:1.4;letter-spacing:0}html[lang=ar] .tool-nav a{font-size:11px}html[lang=ar] .eyebrow{font-size:11px}.brand-type{gap:0}}
@media(max-width:350px){.brand strong{font-size:18px}.brand-mark{width:26px;height:26px}.brand-mark svg{width:25px;height:25px}.tool-nav a{flex-direction:column;font-size:10px;gap:2px}.intro h1{font-size:39px}.editor,.preview{padding-inline:12px}.editor-nav{margin-inline:-12px}.type-button{font-size:9px}.preview-stage{min-height:270px}.print-readiness>summary{flex-wrap:wrap}.colors{grid-template-columns:1fr}.header-actions .language svg{display:none}.intro p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.site-header,.studio-sidebar,.editor,.intro,.stories,.privacy,footer,.mobile-preview,.preview-header,.export-panel,.code-meta,.scan-check,.scan-advice,.payload-details,.secret-warning,.print-readiness,.stage-label,.canvas-top{display:none!important}html,body,main,.studio-main,.preview,.workbench,.preview-stage{display:block;position:static;border:0;background:white;padding:0;margin:0;box-shadow:none}.preview-stage:before,.preview-stage:after{display:none}.qr-paper{width:50mm;padding:0;border:0}.workbench[data-mode=print] #print-proof{width:105mm;max-height:none;box-shadow:none}}
/* Export is next to the proof title, before the canvas on every screen. */
.preview>.export-panel{padding:0 0 16px;border-top:0}.preview>.export-panel>.help{margin-top:6px}.preview>.export-panel #export-status:empty{display:none}.preview .scan-check{border-top:1px solid var(--line)}
#print-output-spec{display:none;font-size:11px;color:var(--muted);margin:10px 0 0}.workbench[data-mode=print] #print-output-spec{display:block}.workbench[data-mode=print] .code-meta>span:first-child{display:none}#print-root .field-grid{grid-template-columns:1fr;gap:0}