/* DualDrafts v2. Canva document discovery + Typst paper workspace; original identity. */
:root{--ink:#102045;--muted:#5a6478;--line:#dce1eb;--soft:#f3f5fb;--canvas:#fff;--desk:#e9edf5;--lime:#e5ecff;--blue:#2955dc;--blue-dark:#1d3fae;--radius:14px}
html,body{background:#fff;color:var(--ink)}body{font-size:15px}.topbar{height:80px;padding:0 40px;background:#fff;border-bottom:1px solid var(--line)}.brand-lockup{width:198px;height:auto;display:block}.top-note{font-size:11px;letter-spacing:1px}.template-nav{gap:2px}.template-nav button{border-radius:10px;font-size:13px;padding:11px 14px;color:var(--muted)}.template-nav button[aria-pressed=true]{background:#edf1ff;color:var(--blue)}.language{border-radius:12px;border:1px solid var(--line);font-size:13px;min-height:44px;padding:10px 14px}
main{max-width:1600px;padding:0 40px 50px}.studio-nav{display:flex;align-items:center;gap:26px;min-height:58px;border-bottom:1px solid var(--line)}.studio-nav button,.studio-nav a{font-size:13px;font-weight:700;min-height:44px;padding:12px 0;border:0;border-radius:0;background:none;color:var(--muted);text-decoration:none;display:inline-flex;align-items:center}.studio-nav [aria-current=page]{color:var(--blue);box-shadow:inset 0 -3px var(--blue)}.studio-nav #drafts-link{margin-inline-start:auto}
body[data-view=gallery] .workspace-heading,body[data-view=gallery] .workspace,body[data-view=gallery] .mobile-switch,body[data-view=gallery] .workflow-progress,body[data-view=gallery] #recovery-banner{display:none}body[data-view=workspace] .template-gallery,body[data-view=workspace] .studio-welcome{display:none}body[data-view=workspace] .atelier-story{display:none}.studio-welcome{position:relative;overflow:hidden;border-radius:24px;padding:52px 30px 0;margin:28px 0 54px;background:radial-gradient(ellipse at 85% 90%,#d6e8ff 0,transparent 50%),radial-gradient(ellipse at 5% 0%,#dbe5ff 0,transparent 55%),#f4f3ff}.studio-topline{justify-content:center;padding:0 0 16px;min-height:0}.studio-kicker{font-size:11px;font-weight:700;letter-spacing:1.6px;color:#31519b}#studio-toggle{display:none}.studio-body{display:block;min-height:0}.studio-copy{display:flex;align-items:center;flex-direction:column;text-align:center!important;width:100%;max-width:none!important}.studio-copy h1{white-space:pre-line;font-size:72px;font-weight:700;letter-spacing:-3px;line-height:1.08;max-width:900px;margin:0 0 22px}.studio-copy p{font-size:17px;line-height:1.65;max-width:610px;margin:0 auto;color:#465371}.studio-start{display:inline-flex;align-items:center;justify-content:center;gap:34px;border:1px solid var(--blue-dark);border-bottom:4px solid var(--blue-dark);border-radius:14px;background:var(--blue);color:white;padding:13px 25px;min-height:54px;font-size:15px;font-weight:700;margin-top:26px}.studio-start:hover{background:#204bcf}.studio-start:active{transform:translateY(2px);border-bottom-width:2px}.studio-scene,.studio-detail{display:none!important}.hero-proof{width:100%;margin-top:20px}.proof-badge{display:flex;justify-content:center;align-items:center;gap:7px;font-size:12px;color:#52607c}.proof-check{width:20px;height:20px;background:white;color:#177044;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:700}.hero-documents{display:flex;justify-content:center;gap:32px;margin:34px auto -140px;max-width:780px;height:340px;overflow:hidden;align-items:flex-start}.hero-documents img{height:330px;width:233px;object-fit:cover;object-position:top;background:white;box-shadow:0 10px 35px #23385b24;border-radius:5px 5px 0 0;border:1px solid #cbd4e5}.hero-documents img:first-child{transform:rotate(-8deg) translateY(32px)}.hero-documents img:last-child{transform:rotate(8deg) translateY(32px)}
.template-gallery{padding:0 0 24px;scroll-margin-top:20px}.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.gallery-heading h2{font-size:34px;line-height:1.25;letter-spacing:-1px;font-weight:700;margin:6px 0 0}.gallery-heading p:not(.eyebrow){max-width:290px;font-size:13px;line-height:1.7;color:var(--muted);margin:0}.eyebrow{font-size:10px;letter-spacing:1.2px;color:var(--muted);font-weight:700}.gallery-search{display:flex;gap:20px;align-items:center}.search-box{display:flex;gap:8px;align-items:center;max-width:520px;width:100%;border:1px solid #bdc7d9;border-radius:14px;padding:0 15px;background:#fff}.search-box>span{font-size:27px;color:var(--muted)}.search-box input{border:0!important;box-shadow:none!important;background:none!important;font-size:14px;padding:14px 2px;min-height:50px;width:100%;outline-offset:3px}.search-box:focus-within{outline:3px solid #a7bcff;outline-offset:3px}#gallery-count{font-size:12px;color:var(--muted);white-space:nowrap}.catalog-filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px}.catalog-filters button{min-height:44px;padding:10px 18px;border:1px solid var(--line);border-bottom:3px solid var(--line);border-radius:12px;background:white;font-size:13px;font-weight:700;color:#47536a}.catalog-filters button[aria-pressed=true]{color:#2146af;background:#eaf0ff;border-color:#a9bcec;border-bottom-color:#7193e9}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px}.catalog-card{text-align:start;border:0;padding:0;background:transparent;color:var(--ink);border-radius:15px;min-width:0}.catalog-art{height:330px;display:flex;position:relative;align-items:flex-start;justify-content:center;padding:22px 22px 0;border-radius:15px;background:#eef1f7;overflow:hidden;border:1px solid #e0e5f0}.tone-letter{background:#eeeafa}.tone-report{background:#e5f1ee}.tone-quote{background:#f8eee2}.tone-invoice{background:#e5edff}.catalog-art img{height:320px;width:auto;max-width:100%;object-fit:contain;object-position:top;box-shadow:0 4px 15px #10204520;transition:transform .18s ease}.catalog-card:hover .catalog-art img{transform:translateY(-5px)}.catalog-action{position:absolute;bottom:12px;inset-inline:12px;padding:10px 12px;background:#fff;border:1px solid #d8deef;border-radius:10px;box-shadow:0 2px 0 #dce1eb;color:var(--blue);font-size:12px;font-weight:700;text-align:center;opacity:0;transform:translateY(3px);transition:opacity .15s ease,transform .15s ease}.catalog-card:hover .catalog-action,.catalog-card:focus-visible .catalog-action{opacity:1;transform:translateY(0)}.catalog-name{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 1px 5px}.catalog-name strong{font-size:16px}.catalog-name>span{font-size:12px;color:var(--muted)}.catalog-description{display:flex;font-size:11px;color:var(--muted);padding:0 1px}.free-label{margin-inline-start:auto;color:#406557}.gallery-empty{text-align:center;padding:40px 20px;background:var(--soft);border-radius:20px}.gallery-empty h2{font-size:22px}.gallery-empty img{object-fit:contain}.gallery-empty p{color:var(--muted)}
.workflow-progress{display:flex;gap:28px;list-style:none;margin:0;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px;font-weight:700;color:var(--muted)}.workflow-progress li{display:flex;align-items:center;gap:8px}.workflow-progress li::before{content:'';display:block;width:7px;height:7px;background:#c9d1e3;border-radius:50%}.workflow-progress li[data-done=true]::before{background:#2955dc}.workspace-heading{padding:16px 0;border-top:0;min-height:82px}.workspace-index{display:none}.workspace-identity h1,html[lang=ar] .workspace-identity h1{font-size:25px;font-weight:700}.workspace-identity .eyebrow{display:none}.workspace-intro{display:block;margin:3px 0 0;font-size:12px;color:var(--muted)}.workspace-actions{gap:10px}.button{border-radius:11px;border:1px solid var(--line);border-bottom:3px solid var(--line);padding:10px 15px;font-size:12px;font-weight:700;min-height:44px;transition:background .15s ease}.button.primary{background:var(--blue);border-color:var(--blue-dark);color:#fff}.button.primary:hover{background:#214ac9}.button.secondary{background:#fff;color:var(--ink)}.button.secondary:hover{background:#f3f6ff}.button:active:not(:disabled){transform:translateY(1px)}.workspace-toolbox>summary{border-radius:11px;border-bottom-width:3px;font-weight:700}.toolbox-body{width:350px;top:52px;border-radius:16px;padding:20px;box-shadow:0 16px 60px #10204524}.workspace,html[dir=rtl] .workspace{gap:24px;padding-top:20px;grid-template-columns:340px minmax(0,1fr)}html[dir=rtl] .workspace{grid-template-columns:minmax(0,1fr) 340px}.editor-panel{border-radius:16px;background:#fff;top:16px}.editor-tabs{padding:7px;gap:5px;background:#f5f7fc;border-radius:15px 15px 0 0}.editor-tabs button{border-radius:10px;font-weight:700;min-height:44px;font-size:13px}.editor-tabs button[aria-selected=true]{background:white;color:var(--blue);box-shadow:0 2px 4px #17337116}.editor-scroll{padding:20px;max-height:calc(100dvh - 145px)}input,select,textarea,.field input,.field select,.field textarea{border-radius:10px;border-color:#cbd3e1;font-size:14px;min-height:44px;padding:10px 12px;color:var(--ink);background:#fff}.field label,label{font-size:12px;font-weight:700;color:var(--ink)}textarea{line-height:1.65;resize:vertical}.layout-control p,.local-note,.help{font-size:12px;color:var(--muted);line-height:1.6}.layout-control{margin-bottom:18px}.editor-top h2,.panel-heading h2{font-size:17px}.example-notice{border:1px solid #d8def0;background:#f1f4ff;color:#475b87;border-radius:10px;font-size:12px;padding:12px;line-height:1.65}#editor details{border-radius:12px;border:1px solid var(--line);margin-bottom:12px;box-shadow:none}#editor details>summary{font-size:13px;min-height:48px;font-weight:700;padding:14px}#editor .fields{padding:14px;border-top:1px solid var(--line)}.section-card,.item-card{border-radius:10px;background:#f8f9fc;border:1px solid var(--line);padding:12px}.card-head button{min-height:35px}.add-button{border-radius:10px;min-height:44px;background:#edf2ff;color:#2547a4;border:1px dashed #adc0e6}.template-art,.template-art img{height:150px}.template-index{font-size:10px}#family-chooser>button{border-radius:10px;padding:10px;background:#f0f3f9;border-color:#dbe2ed}#family-chooser>button[aria-pressed=true]{background:#e8eeff;border:1px solid #6f8fdf;box-shadow:0 0 0 1px #6f8fdf}.template-check{background:#dce6ff;color:#234cbe}.template-description strong{color:var(--ink)!important}.paper-settings-summary>summary{font-size:13px}.page-number-setting{font-size:12px}
.preview-toolbar{padding:0 0 12px;gap:8px}.preview-label h2{font-size:15px;font-weight:700}#pdf-status{font-size:11px}.preview-toolbar .button{font-size:12px}.atelier-review{padding:5px 0 12px;border:0;gap:8px}.page-navigation,.page-navigation select,#focus-paper,.preview-tools button{font-size:12px}.preview-tools button{border-radius:9px;background:#fff;border:1px solid var(--line);min-height:40px}.preview-tools button.active{background:#eaf0ff;color:var(--blue)}.readiness{font-size:12px;padding:8px 14px;border:1px solid #d5def3;border-radius:12px 12px 0 0;background:#edf2ff;color:#425a8b;min-height:48px}.readiness button{font-size:12px}.readiness[data-state=ready]{background:#eaf8ed;color:#236b3d;border-color:#c2dfca}.readiness[data-state=error]{background:#fff0ec;color:#92372c;border-color:#ebc3bb}.paper-viewport{border:1px solid #d6deec;background-color:#e9edf5;background-image:radial-gradient(#cbd3e5 .65px,transparent .65px);background-size:12px 12px;border-radius:0 0 14px 14px;padding:30px;max-height:calc(100dvh - 210px);height:calc(100dvh - 240px)}#document{max-width:680px}.pdf-sheet{box-shadow:0 3px 6px #20345218,0 15px 36px #20345214;margin-bottom:26px}.preview-note{font-size:11px}.document-text summary{font-size:12px}.preview-bottom{padding:12px 2px}.text-button{font-size:12px}.atelier-story{border-radius:22px;background:#f0f3fa;border:0;padding:32px;margin-top:55px;grid-template-columns:220px 1fr 160px;gap:36px}.atelier-story img,.atelier-story img:last-child{height:220px;border-radius:12px}.atelier-story h2{font-family:inherit;font-size:30px;font-weight:700;letter-spacing:-.6px;line-height:1.2}.atelier-story p:not(.eyebrow){font-size:14px;line-height:1.7}.atelier-story .eyebrow{font-size:10px}footer{background:#102045;color:#c5cee2;padding:25px 40px;font-size:12px;gap:20px}footer .text-button{color:white;font-size:12px}footer::before{content:'';display:block;width:38px;height:38px;background:url('brand/dualdrafts-icon.png') center/contain no-repeat;flex:none}
dialog{border:1px solid var(--line);border-radius:20px;padding:26px;max-width:min(720px,calc(100vw - 32px));box-shadow:0 24px 100px #1020453d;color:var(--ink)}dialog::backdrop{background:#10204566;backdrop-filter:blur(4px)}.dialog-head{padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:24px;line-height:1.25}.dialog-head>button{border-radius:12px;width:44px;height:44px;border:1px solid var(--line);background:#f4f6fb;font-size:24px;flex:none}.dialog-inline{gap:10px;flex-wrap:wrap;margin:15px 0}.dialog-inline input{flex:1;min-width:160px}dialog p{font-size:14px;line-height:1.65}dialog label{display:block;margin:12px 0 7px}dialog label.check-label{display:flex}.draft-list article{padding:18px;border:1px solid var(--line);border-radius:12px;background:#f8faff;margin-top:12px}.draft-list article small{display:block;font-size:12px;color:var(--muted);margin:6px 0}.draft-list button{min-height:40px;color:var(--blue);font-size:12px}.tool-grid{gap:12px}.tool-grid button{padding:16px;text-align:start;background:#f3f6ff;border-radius:12px}.toast{border:1px solid #b7d9c2;background:#edf9f0;color:#195733;border-radius:14px;padding:16px 20px;box-shadow:0 5px 25px #10204515;font-size:14px;max-width:calc(100vw - 32px)}[role=alert]:not(:empty){padding:12px;border-radius:10px;background:#fff0ec;color:#92372c}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #5078ec;outline-offset:3px}.button[aria-disabled=true],button:disabled{opacity:.5}
html[lang=ar] .studio-copy h1{font-size:62px;line-height:1.3;letter-spacing:0}html[lang=ar] .gallery-heading h2{letter-spacing:0}html[lang=ar] .studio-copy p{line-height:1.8}html[dir=rtl] .hero-documents{direction:ltr}
@media(max-width:1180px){.topbar{padding-inline:24px;gap:12px}.brand-lockup{width:172px}.template-nav button{padding:10px;font-size:12px}main{padding-inline:24px}.top-note{display:none}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-art{height:320px}.workspace,html[dir=rtl] .workspace{grid-template-columns:320px minmax(0,1fr);gap:20px}html[dir=rtl] .workspace{grid-template-columns:minmax(0,1fr) 320px}.preview-toolbar .button{padding:10px}.studio-copy h1{font-size:64px}.paper-viewport{padding:24px}.atelier-story{grid-template-columns:180px 1fr 120px}}
@media(max-width:900px){.topbar{height:auto;min-height:76px;flex-wrap:wrap;gap:10px;padding:16px 24px}.header-end{margin-inline-start:auto}.template-nav{order:3;border-top:1px solid var(--line);padding-top:10px;width:100%;display:flex}.template-nav button{flex:1;justify-content:center;padding:10px 5px}.workspace,html[dir=rtl] .workspace{display:block}.editor-panel{position:static}.editor-scroll{max-height:none;overflow:visible}.paper-viewport{height:auto;max-height:none;padding:24px}.mobile-switch{display:flex;gap:6px;background:#edf1f8;border-radius:14px;padding:6px;margin:16px 0 2px;position:sticky;top:0;z-index:20}.mobile-switch button{border:0;border-radius:10px;font-weight:700;color:var(--muted)}body:not([data-mobile=preview]) #mobile-editor,body[data-mobile=preview] #mobile-preview{background:white;color:var(--blue);box-shadow:0 2px 4px #10204515}#family-chooser{grid-template-columns:repeat(3,1fr)}.template-art,.template-art img{height:200px}.catalog-art{height:280px;padding:18px 18px 0}.catalog-art img{height:280px}.gallery-heading h2{font-size:30px}.gallery-heading p:not(.eyebrow){max-width:225px}.studio-copy h1{font-size:56px}.studio-nav{gap:25px}.atelier-story{grid-template-columns:170px 1fr}.atelier-story img:last-child{display:none}.atelier-story h2{font-size:27px}.hero-documents{gap:20px}.hero-documents img{height:285px;width:201px}}
@media(max-width:600px){.topbar{padding:14px 16px;gap:9px}.brand-lockup{width:163px}.template-nav{gap:1px}.template-nav button{font-size:11px;padding:10px 3px;gap:4px}.template-nav svg{display:none}.language{font-size:12px;min-height:42px}.studio-nav{gap:18px;overflow-x:auto;white-space:nowrap;min-height:54px;scrollbar-width:none}.studio-nav button,.studio-nav a{font-size:12px;flex:none}main{padding:0 16px 28px}.studio-welcome{padding:32px 16px 0;border-radius:20px;margin:20px 0 34px}.studio-copy h1{font-size:40px;line-height:1.13;letter-spacing:-1.7px;margin-bottom:18px}.studio-copy p{font-size:14px;line-height:1.7}.studio-kicker{font-size:9px;letter-spacing:1px}.studio-start{min-height:50px;padding:11px 20px;margin-top:22px;font-size:14px}.proof-badge{font-size:10px;gap:5px}.proof-check{height:16px;width:16px}.hero-documents{width:410px;max-width:none;position:relative;left:50%;transform:translateX(-50%);gap:14px;height:230px;margin-top:25px;margin-bottom:-110px}.hero-documents img{height:220px;width:155px;flex-shrink:0}html[dir=rtl] .hero-documents{left:auto;right:50%;transform:translateX(50%)}.gallery-heading{display:block;margin-bottom:20px}.gallery-heading h2{font-size:27px;letter-spacing:-.7px}.gallery-heading p:not(.eyebrow){font-size:12px;max-width:300px;margin-top:10px}.gallery-heading .eyebrow{font-size:9px}.gallery-search{gap:10px;display:block}#gallery-count{display:block;margin-top:10px;font-size:11px}.search-box{border-radius:12px;padding-inline:12px}.search-box input{font-size:13px;min-height:48px}.catalog-filters{gap:7px;margin:16px 0 20px}.catalog-filters button{padding:8px 12px;font-size:11px;min-height:41px;border-radius:10px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 12px}.catalog-art{height:215px;padding:12px 10px 0;border-radius:12px}.catalog-art img{height:210px;max-width:100%}.catalog-name{display:block;padding:10px 0 5px}.catalog-name strong{font-size:15px}.catalog-name>span{display:block;font-size:11px;margin-top:2px}.catalog-description{font-size:10px;line-height:1.5}.free-label{display:none}.catalog-action{display:none}.workflow-progress{gap:12px;justify-content:space-between;font-size:10px;padding:14px 0}.workflow-progress li{gap:5px}.workflow-progress li::before{height:5px;width:5px}.workspace-heading{gap:10px;padding:14px 0}.workspace-identity{flex-basis:100%}.workspace-intro{font-size:12px}.workspace-identity h1,html[lang=ar] .workspace-identity h1{font-size:24px}.workspace-actions{margin:0;flex:1}.history{display:none}.file-actions .button{font-size:11px;padding:9px 10px;gap:5px}.file-actions svg{width:14px}.workspace-toolbox>summary{font-size:11px;padding:10px;min-height:44px}.toolbox-body{max-width:calc(100vw - 32px);width:330px}.editor-scroll{padding:16px}#family-chooser{grid-template-columns:1fr 1fr}.template-art,.template-art img{height:160px}.editor-tabs button{font-size:13px}.atelier-review{flex-wrap:wrap}.atelier-review .preview-tools{order:3;width:100%;display:flex;gap:6px;margin-top:3px;border:0}.preview-tools button{flex:1;font-size:11px}.preview-toolbar .button{font-size:11px;padding:10px 8px}.preview-label{flex-basis:100%;min-width:100%;padding-bottom:3px}.preview-label h2{font-size:15px}.page-navigation select{font-size:12px;max-width:100px}.page-navigation span{display:none}#focus-paper{font-size:11px}.readiness{font-size:11px;padding:8px 10px;line-height:1.5;gap:10px}.readiness button{font-size:11px;flex:none}.paper-viewport{padding:12px}.preview-note{font-size:11px}.atelier-story{grid-template-columns:1fr;padding:20px;gap:20px;border-radius:18px;margin-top:38px}.atelier-story img{height:180px}.atelier-story h2{font-size:28px}.atelier-story p:not(.eyebrow){font-size:13px}footer{padding:20px 16px;flex-wrap:wrap;justify-content:flex-start;font-size:11px}footer::before{width:30px;height:30px}dialog{padding:20px;max-width:calc(100vw - 20px);width:calc(100vw - 20px);border-radius:16px}.dialog-head h2{font-size:21px}dialog p{font-size:13px}.dialog-inline{align-items:stretch}.dialog-inline .button{flex:1}.tool-grid{grid-template-columns:1fr}html[lang=ar] .studio-copy h1{font-size:37px;line-height:1.35}html[lang=ar] .gallery-heading h2{font-size:26px}}
@media(max-width:350px){main{padding-inline:12px}.topbar{padding-inline:12px}.brand-lockup{width:150px}.studio-copy h1{font-size:34px}.studio-welcome{padding-inline:12px}.proof-badge{font-size:9px}.catalog-art{height:185px;padding:10px 8px 0}.catalog-art img{height:183px}.gallery-heading h2{font-size:25px}.template-art,.template-art img{height:143px}.workflow-progress{gap:7px;font-size:9px}.file-actions .button{padding:9px 7px;font-size:10px}.workspace-toolbox>summary{padding:10px 8px;font-size:10px}.readiness{font-size:10px}.readiness button{font-size:10px}html[lang=ar] .studio-copy h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.catalog-card:hover .catalog-art img,.studio-start:active,.button:active{transform:none!important}}
@media print{.studio-nav,.template-gallery,.studio-welcome,.workflow-progress{display:none!important}}
.studio-start{box-shadow:none}.export-options label{margin-top:8px}.export-options select{width:100%}.export-options a{display:block;color:var(--blue);font-size:12px;margin-top:12px}.tool-guide{margin-top:52px;border-top:1px solid var(--line);padding:35px 0 5px}.tool-guide h2{font-size:28px;line-height:1.3;margin:8px 0 24px}.tool-guide h3{font-size:15px;margin:0 0 8px}.tool-guide p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 24px}.tool-guide a{color:#204ba8;text-underline-offset:3px}.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px}.tool-guide nav{display:flex;gap:12px 22px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:22px;font-size:12px}.guide-ar{display:none}html[lang=ar] .guide-ar{display:block}html[lang=ar] .guide-en{display:none}.guide-page main{max-width:1200px}.guide-hero{padding:60px 0 38px;max-width:850px}.guide-hero h1{font-size:48px;letter-spacing:-1.6px;line-height:1.12;font-weight:700}.guide-hero>p:not(.eyebrow){font-size:17px;line-height:1.7;color:var(--muted);max-width:750px}.locale-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden}.locale-inputs{padding:28px}.locale-inputs label{display:block;margin:16px 0 7px}.locale-inputs input,.locale-inputs select{width:100%;min-width:0}.locale-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.locale-output{background:#eef2ff;padding:32px;min-width:0}.locale-output h2,.locale-inputs h2{font-size:23px;margin:0 0 20px}.locale-output label{display:block;margin:23px 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#526489}.locale-output output{display:block;background:white;border:1px solid #d1dbf1;border-radius:12px;padding:18px;font-size:29px;font-weight:700;overflow-wrap:anywhere}.locale-output .help{font-size:12px}.source-note{font-size:12px;line-height:1.7;margin:24px 0 0;padding-top:18px;border-top:1px solid #cbd5ed}.source-note a{color:#2347a5}.locale-output .button{margin-top:15px}.standalone-guide{max-width:840px;border-top:1px solid var(--line);padding:24px 0}.standalone-guide h2{font-size:25px;margin-top:28px}.standalone-guide p{font-size:16px;line-height:1.9;color:var(--muted)}.standalone-guide a{color:#2347a5}#advanced-dialog{background:#fff;color:var(--ink);border-radius:20px;border-color:var(--line)}#advanced-dialog::backdrop{background:#10204566;backdrop-filter:blur(4px)}#advanced-body input,#advanced-body select,#advanced-body textarea{border-color:#cbd3e1;border-radius:10px;color:var(--ink)}
@media(max-width:768px){.guide-hero{padding-top:32px}.guide-hero h1{font-size:36px}.guide-hero>p:not(.eyebrow){font-size:15px}.locale-workspace{grid-template-columns:1fr}.locale-inputs,.locale-output{padding:22px}.guide-columns{grid-template-columns:1fr;gap:5px}.guide-page .topbar .button{font-size:11px;padding:8px}.guide-page .topbar>a:last-child{font-size:12px}.tool-guide h2{font-size:25px}.locale-output output{font-size:26px}.tool-guide{margin-top:35px}.standalone-guide p{font-size:14px}.guide-hero h1{letter-spacing:-.7px}}

.search-box input:focus-visible{outline:none!important}.draft-list button{background:#edf1ff;color:#244cbb;border:1px solid #d4ddef;border-bottom-width:3px;border-radius:9px;min-height:40px}.dialog-head{position:sticky;top:-26px;z-index:3;background:#fff;padding-top:10px;padding-bottom:14px}.dialog-head button{min-width:44px;min-height:44px}.mapping-row textarea{font-size:14px;line-height:1.65}@media(max-width:600px){.dialog-head{top:-20px}}