/* DualDrafts atelier — original UI, paper first. */
@font-face{font-family:AtelierSerif;src:url('./fonts/Amiri-Regular.ttf') format('truetype');font-display:swap}
:root{--canvas:#f8f7f1;--soft:#f1f1e9;--muted:#596052;--line:#d4d6cb;--desk:#e9e9e1}
html{background:var(--canvas)}body{background:var(--canvas)}
.topbar{height:76px;background:var(--canvas);color:var(--ink);border-bottom:1px solid var(--line);padding:0 32px;gap:20px}
.brand-lockup{width:190px}.top-note{color:var(--muted);font-size:11px}.language{color:var(--ink);border-color:var(--line);border-radius:4px}.language span{color:var(--ink)}
.template-nav{background:transparent;border:0;border-radius:0;padding:0;gap:2px}.template-nav button{border-radius:4px;color:var(--muted);padding:10px 18px}.template-nav button:hover{background:var(--soft)}.template-nav button[aria-pressed=true]{background:var(--ink);color:var(--lime)}
main{max-width:1600px;padding:0 32px 32px}.studio-welcome{margin:0 0 24px;padding:0;border:0;background:none;border-radius:0}.studio-topline{padding:14px 0 8px}.studio-kicker{font-size:10px;letter-spacing:1.4px}.studio-topline button{min-height:44px}.studio-body{display:grid;grid-template-columns:1fr 270px;gap:48px;align-items:center;min-height:160px}.studio-copy{border:0;background:none;border-radius:0;padding:0;display:block}.studio-copy h2{font-size:48px;line-height:1.04;letter-spacing:-2px;max-width:700px;margin:0 0 12px;font-weight:400}.studio-copy p{font-size:14px;line-height:1.6;max-width:610px;margin:0;color:var(--muted)}.studio-start{background:none;border:0;border-bottom:1px solid var(--ink);padding:4px 0;min-height:44px;border-radius:0;margin-top:4px;font-size:12px;display:inline-flex;gap:40px}.studio-start:hover{background:var(--lime)}.studio-scene{height:168px;border-radius:0;margin:0;overflow:hidden}.studio-scene img{width:100%;height:100%;object-fit:cover;object-position:48% 50%}.studio-scene figcaption{display:none}.studio-welcome.is-compact{margin-bottom:8px}.studio-welcome.is-compact .studio-topline{padding:4px 0}.studio-detail{display:none!important}
.workspace-heading{position:relative;gap:16px;margin:0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:78px}.workspace-identity{gap:14px;flex:1}.workspace-index{font-size:25px;letter-spacing:-1px;padding-inline-end:14px;color:var(--muted)}.workspace-identity h1,html[lang=ar] .workspace-identity h1{font-size:24px;line-height:1.3}.eyebrow{font-size:10px;letter-spacing:1.2px}.workspace-intro{display:none}.workspace-actions{gap:10px}.file-actions{gap:4px}.button{border-radius:4px;font-size:12px;padding:10px 13px}.button.secondary{background:transparent;border-color:var(--line)}.button.primary{background:var(--ink);color:var(--lime)}.button.primary:hover{background:#363d2d}.history{gap:0}.history button{font-size:11px}.workspace-toolbox{position:relative;flex:none}.workspace-toolbox>summary{list-style:none;min-height:44px;padding:12px 14px;border:1px solid var(--line);border-radius:4px;font-size:12px;cursor:pointer}.workspace-toolbox>summary::after{content:' +';margin-inline-start:8px}.workspace-toolbox[open]>summary::after{content:' −'}.toolbox-body{position:absolute;z-index:30;inset-inline-end:0;top:53px;width:330px;padding:16px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 50px #171a1620;border-radius:4px}.toolbox-body .feature-bar{margin:0;display:block;padding:0}.toolbox-body .feature-bar>div{display:flex;flex-wrap:wrap;gap:8px}.toolbox-body .task-links{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-top:16px;border-top:1px solid var(--line)}.toolbox-body .task-links a{padding:10px 0;font-size:12px;min-height:44px}.toolbox-body .task-links a:last-child{margin-bottom:0}
.workspace,html[dir=rtl] .workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;padding-top:24px;direction:ltr;align-items:start}.workspace>*{min-width:0}html[dir=rtl] .workspace>*{direction:rtl}html[dir=rtl] .workspace .editor-panel{grid-column:2;grid-row:1}html[dir=rtl] .workspace .preview-panel{grid-column:1;grid-row:1}html[dir=rtl] .workspace{grid-template-columns:minmax(0,1fr) 340px}.editor-panel{position:sticky;top:12px;background:none;border:1px solid var(--line);border-radius:4px;overflow:hidden}.editor-tabs{background:none;padding:0;border-bottom:1px solid var(--line);gap:0}.editor-tabs button{border-radius:0;min-height:48px;flex:1;font-size:13px;background:none}.editor-tabs button[aria-selected=true]{background:var(--ink);color:var(--lime)}.editor-scroll{max-height:calc(100dvh - 90px);overflow:auto;padding:16px;background:#fff;scrollbar-width:thin}.layout-control{margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid var(--line)}.layout-control label{font-size:12px}.layout-control select{min-height:44px}.layout-control p{font-size:11px;margin:6px 0 0}.panel-heading{margin-bottom:12px}.panel-heading h2{font-size:17px}.panel-count{font-size:11px}.field label,fieldset legend{font-size:12px}.field input,.field select,.field textarea,input,select,textarea{border-radius:3px}.field input,.field select,.field textarea{font-size:14px;padding:10px}.form-group{border-radius:0;box-shadow:none}.form-group summary{min-height:48px}.local-note{font-size:11px;line-height:1.7;margin-top:20px;border-top:1px solid var(--line);padding-top:14px}
#family-chooser{display:grid;grid-template-columns:1fr 1fr;gap:10px}#family-chooser>button{display:block;position:relative;padding:8px;border:1px solid var(--line);border-radius:3px;background:var(--canvas);text-align:start;overflow:hidden}#family-chooser>button:hover{border-color:var(--ink);background:#fff}#family-chooser>button[aria-pressed=true]{background:#eef5df;border:1px solid var(--ink);box-shadow:0 0 0 1px var(--ink)}.template-art{height:145px;padding:0;display:flex;justify-content:center;border:0;background:none;border-radius:0;overflow:hidden}.template-art img{display:block;width:auto;max-width:100%;height:145px;object-fit:contain;transform:none!important;box-shadow:0 2px 5px #171a1614}.template-description{display:block;padding:9px 0 2px}.template-index{font-size:9px;line-height:1.5;color:var(--muted)}.template-description strong{font-size:15px;line-height:1.3;margin-top:2px;display:block}.template-check{top:auto;bottom:10px;inset-inline-end:8px;width:20px;height:20px;font-size:12px;border-radius:50%}.paper-settings-summary{border-top:1px solid var(--line);margin-top:18px}.paper-settings-summary>summary{padding:14px 0;min-height:48px;cursor:pointer;font-size:12px;font-weight:700}#style-controls{padding:4px 0 10px}.page-number-setting{display:flex;align-items:center;gap:9px;padding:12px 0;font-size:12px;min-height:44px}.page-number-setting input{width:18px;height:18px;accent-color:var(--ink)}
.preview-panel{background:none;border:0;min-width:0;border-radius:0;overflow:visible}.preview-toolbar{padding:0 0 12px;min-height:48px;gap:8px;flex-wrap:wrap;border:0;background:none}.preview-label{flex:1;gap:8px;min-width:150px}.preview-label h2{font-size:14px}.paper-icon{display:none}#pdf-status{font-size:10px;white-space:normal;background:none;border:0;color:var(--muted);padding:0}.preview-toolbar>.button{padding:10px 12px}.preview-options{padding:0 0 8px;gap:8px;background:none;align-items:center}.print-hint{font-size:11px;margin:0}.preview-tools{gap:3px}.preview-tools button{font-size:11px;border-radius:3px;min-height:44px;padding:5px 9px}.atelier-review{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line)}.page-navigation{display:flex;align-items:center;gap:8px;font-size:11px}.page-navigation select{width:auto;max-width:110px;min-height:44px;font-size:12px;padding:6px 28px 6px 10px}.page-navigation span{font-variant-numeric:tabular-nums;color:var(--muted)}#focus-paper{font-size:11px;min-height:44px}.readiness{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:#eef1e7;font-size:11px;border:1px solid var(--line);border-bottom:0;min-height:48px}.readiness button{font-size:11px;background:none;text-decoration:underline;min-height:36px;padding:4px}.readiness[data-state=error]{color:#9b2f24;background:#fff1ed;border-color:#e2b3a9}.readiness[data-state=ready]{background:#edf4e8;color:#235a3c}#validation:empty{display:none}#validation:not(:empty){padding:12px;font-size:12px;background:#fff1ed;color:#9b2f24;border-radius:0}.paper-viewport{background:var(--desk);border:1px solid var(--line);padding:32px;max-height:calc(100dvh - 170px);overflow:auto;border-radius:0;scrollbar-width:thin}#document{display:block;max-width:620px;width:100%;margin:0 auto}.pdf-sheet{width:100%;max-width:none;margin:0 auto 24px;box-shadow:0 4px 16px #171a1624;border:0;scroll-margin-top:16px}.pdf-sheet canvas{width:100%;height:auto;display:block}.full-size .pdf-sheet{width:794px;max-width:none}#document.full-size{max-width:none;width:794px}.preview-bottom{padding:12px 0;background:none;gap:12px}.preview-note{font-size:10px}.export-secondary{gap:12px;font-size:11px}.document-text{background:none;border:0;border-top:1px solid var(--line);border-radius:0}.document-text summary{font-size:12px;min-height:44px;padding:12px 0}.document-text pre{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.text-button{min-height:44px}
.atelier-story{display:grid;grid-template-columns:200px 1fr 110px;gap:32px;align-items:center;border-top:1px solid var(--line);margin:48px 0 0;padding:32px 0}.atelier-story img{width:100%;height:160px;object-fit:cover}.atelier-story h2{font-family:AtelierSerif,StudioArabic,serif;font-size:36px;font-weight:400;line-height:1.2;margin:8px 0 12px}.atelier-story p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:560px}.atelier-story img:last-child{height:160px}footer{background:var(--canvas);color:var(--muted);border-top:1px solid var(--line);font-size:11px;padding:18px 32px}footer .text-button{color:var(--ink);font-size:11px}
.paper-focus .studio-welcome,.paper-focus .workspace-heading,.paper-focus .editor-panel,.paper-focus .atelier-story{display:none}.paper-focus .workspace,html[dir=rtl] .paper-focus .workspace{grid-template-columns:1fr}.paper-focus .preview-panel,html[dir=rtl] .paper-focus .preview-panel{grid-column:1;max-width:1100px;width:100%;margin:auto}.paper-focus .paper-viewport{max-height:calc(100dvh - 240px)}
html[lang=ar] .studio-copy h2{font-size:44px;line-height:1.4;letter-spacing:0}html[lang=ar] .studio-kicker,html[lang=ar] .eyebrow{letter-spacing:0}html[lang=ar] .atelier-story h2{line-height:1.5}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #244b60;outline-offset:3px}.mobile-switch{display:none}
@media(max-width:1100px){.topbar{gap:12px;padding:0 24px}.template-nav button{padding:10px}.top-note{display:none}.brand-lockup{width:166px}main{padding-inline:24px}.workspace,html[dir=rtl] .workspace{gap:18px;grid-template-columns:310px minmax(0,1fr)}html[dir=rtl] .workspace{grid-template-columns:minmax(0,1fr) 310px}.paper-viewport{padding:20px}.studio-copy h2{font-size:40px}.studio-body{grid-template-columns:1fr 230px;gap:24px}}
@media(max-width:900px){.topbar{height:auto;min-height:72px;flex-wrap:wrap;padding:14px 16px;gap:12px}.brand{order:0}.header-end{margin-inline-start:auto;order:1}.template-nav{order:2;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}.template-nav button{flex:1;justify-content:center;font-size:12px;padding:8px 4px}.template-nav svg{width:16px}.studio-body{grid-template-columns:1fr 180px;gap:20px}.studio-copy h2{font-size:36px;letter-spacing:-1px}.studio-scene{height:160px}.workspace-heading{flex-wrap:wrap}.workspace-actions{margin-inline-start:auto}.workspace-toolbox{margin-inline-start:0}.workspace,html[dir=rtl] .workspace{display:block;padding-top:12px}.editor-panel{position:static;width:100%}.editor-scroll{max-height:none}.editor-tabs{position:sticky;top:58px;z-index:5;background:var(--canvas)}.preview-panel{display:none}body[data-mobile=preview] .editor-panel{display:none}body[data-mobile=preview] .preview-panel{display:block}.mobile-switch{display:flex;position:sticky;top:0;z-index:20;gap:0;background:var(--canvas);padding:8px 0;margin:0;border-radius:0}.mobile-switch button{flex:1;min-height:44px;border:1px solid var(--line);border-radius:0;background:#fff;font-size:13px}body:not([data-mobile=preview]) #mobile-editor,body[data-mobile=preview] #mobile-preview{background:var(--ink);color:var(--lime)}#family-chooser{grid-template-columns:repeat(3,1fr)}.template-art,.template-art img{height:180px}.paper-viewport{max-height:none;padding:24px}.atelier-story{grid-template-columns:140px 1fr;gap:20px}.atelier-story img:last-child{display:none}.atelier-story h2{font-size:30px}.paper-focus .preview-panel{display:block}.paper-focus .mobile-switch{display:none}.paper-focus .paper-viewport{max-height:none}}
@media(max-width:540px){main{padding:0 16px 24px}.brand-lockup{width:160px}.studio-topline{padding-top:8px}.studio-kicker{font-size:8px}.studio-body{display:block;min-height:0}.studio-copy h2{font-size:34px;line-height:1.12;letter-spacing:-1.3px;max-width:330px}.studio-copy p{font-size:12px;max-width:350px}.studio-copy .studio-start{font-size:11px}.studio-scene{display:none}.studio-welcome{margin-bottom:18px}html[lang=ar] .studio-copy h2{font-size:32px;line-height:1.4}.workspace-heading{gap:10px;padding:12px 0}.workspace-identity{flex-basis:100%}.workspace-identity h1,html[lang=ar] .workspace-identity h1{font-size:22px}.workspace-actions{margin:0;gap:4px;flex:1}.file-actions .button{padding:8px;font-size:10px}.file-actions svg{width:14px}.history{display:none}.workspace-toolbox>summary{font-size:10px;padding:12px 8px}.toolbox-body{width:min(310px,calc(100vw - 32px))}.editor-scroll{padding:14px}#family-chooser{grid-template-columns:1fr 1fr;gap:10px}.template-art,.template-art img{height:168px}.template-description strong{font-size:16px}.template-index{font-size:9px}.preview-toolbar{gap:6px}.preview-label{flex-basis:100%;padding-bottom:4px}.preview-toolbar>.button{flex:1;font-size:11px;padding:10px 6px}.print-hint{max-width:140px;font-size:10px}.preview-tools button{font-size:10px;padding:6px}.atelier-review{gap:6px}.page-navigation{gap:5px;font-size:10px}.page-navigation select{max-width:85px}.page-navigation span{display:none}#focus-paper{font-size:10px}.readiness{font-size:10px;gap:6px;padding:6px 8px}.readiness button{font-size:10px}.paper-viewport{padding:12px}.preview-bottom{flex-wrap:wrap}.preview-note{font-size:10px;margin:0}.atelier-story{grid-template-columns:90px 1fr;margin-top:32px;padding:24px 0;gap:16px}.atelier-story img{height:150px}.atelier-story h2{font-size:25px}.atelier-story p:not(.eyebrow){font-size:11px}.atelier-story .eyebrow{font-size:8px}footer{padding:16px;gap:12px;font-size:10px}dialog{border-radius:8px;max-width:calc(100vw - 20px)}.dialog-head{gap:8px}.dialog-head h2{font-size:20px}}
@media(max-width:350px){main{padding-inline:10px}.topbar{padding-inline:10px}.template-nav button{font-size:10px;gap:4px}.template-art,.template-art img{height:145px}.file-actions .button{padding:8px 6px}.workspace-toolbox>summary{padding:12px 6px}.studio-copy h2{font-size:30px}.atelier-story{grid-template-columns:76px 1fr}.page-navigation select{max-width:75px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.atelier-story,.atelier-review,.readiness{display:none!important}.paper-viewport{max-height:none;overflow:visible;padding:0;border:0}.pdf-sheet{box-shadow:none}}

/* Tight review strip and consistent selected specimen contrast. */
#family-chooser>button[aria-pressed=true] .template-description strong{color:var(--ink)}
.atelier-review .preview-tools{border:0;background:none;padding:0;box-shadow:none}
.atelier-review{padding:2px 0 8px}.readiness{min-height:40px;padding-block:2px}.preview-toolbar{padding-bottom:6px}.paper-viewport{padding-top:24px}
.studio-copy h2{font-size:42px;max-width:800px;line-height:1.08}.studio-copy{padding:0!important}.studio-topline{min-height:40px}.studio-body{min-height:142px}.studio-scene{height:142px}.studio-copy p{font-size:13px}.studio-welcome{margin-bottom:16px}
@media(max-width:540px){.studio-copy h2{font-size:32px;max-width:350px}.atelier-review{flex-wrap:wrap}.atelier-review .preview-tools{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);margin-top:4px}.atelier-review .preview-tools button{flex:1}.studio-body{min-height:0}}
/* Keep rail thumbnails generous and avoid nested sticky offsets on touch layouts. */
.template-art{width:100%}.paper-viewport{height:calc(100dvh - 240px)}
@media(max-width:900px){.editor-tabs{position:static}.editor-scroll{height:auto;max-height:none;overflow:visible}.paper-viewport{height:auto;min-height:0}}

@media(max-width:900px){.workspace-heading{flex-direction:row;align-items:center}.workspace-actions{width:auto;min-width:0}}