@font-face{font-family:StudioArabic;src:url('./fonts/IBMPlexSansArabic-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:StudioArabic;src:url('./fonts/IBMPlexSansArabic-Bold.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:StudioSans;src:url('./fonts/NotoSans-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:StudioSans;src:url('./fonts/NotoSans-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--ink:#171a16;--muted:#62675d;--line:#e2e5dc;--lime:#dbff73;--canvas:#ebeee7;--paper:#fff;--soft:#f4f6f0;--font:StudioSans,StudioArabic,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.5 var(--font)}html[lang=ar]{--font:StudioArabic,StudioSans,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:44px;border:0}button:disabled{opacity:.3;cursor:not-allowed}[hidden]{display:none!important}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7d58d9;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid var(--ink);outline-offset:2px}button{transition:background .15s,color .15s,transform .15s,box-shadow .15s}button:active:not(:disabled){transform:translateY(1px)}button svg,.button svg,.template-nav svg{width:18px;height:18px;flex-shrink:0}.topbar{height:78px;background:var(--ink);color:#f8faf3;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:29px;font-weight:700;line-height:1}.brand small{display:block;letter-spacing:2px;font:700 10px StudioSans,sans-serif;margin-top:6px}.template-nav{display:flex;background:#2a2e27;border:1px solid #383d32;border-radius:12px;padding:5px;gap:4px}.template-nav button{background:transparent;color:#d1d5ca;display:flex;align-items:center;gap:9px;font-size:14px;padding:8px 20px;border-radius:8px;white-space:nowrap}.template-nav button:hover{background:#363c30}.template-nav button[aria-pressed=true]{background:var(--lime);color:var(--ink);font-weight:700}.header-end{display:flex;align-items:center;gap:20px}.top-note{font-size:12px;font-weight:700;letter-spacing:.5px;color:#c9cfbf}.language{border:1px solid #606952;border-radius:50px;color:#f8faf3;background:none;padding:7px 14px;white-space:nowrap;font-size:14px;font-weight:700}.language span{margin-inline-start:12px;color:var(--lime)}main{max-width:1800px;margin:auto;padding:24px 28px 30px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 24px}.workspace-identity{display:flex;align-items:center;gap:16px}.workspace-index{font:400 42px/1 StudioSans,sans-serif;color:#898f80;border-inline-end:1px solid #c7cdbf;padding-inline-end:20px;letter-spacing:-2px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.4px;color:var(--muted);margin:0 0 3px}h1{font-size:27px;line-height:1.25;letter-spacing:-.6px;margin:0;font-weight:700}html[lang=ar] h1{letter-spacing:0;font-size:29px}.workspace-intro{font-size:14px;color:var(--muted);margin:5px 0 0}.workspace-actions,.file-actions,.history{display:flex;align-items:center;gap:8px}.workspace-actions{gap:20px}.history{gap:12px}.history button{min-width:44px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:700;border-radius:10px;padding:11px 17px;min-height:44px;text-decoration:none}.secondary{background:transparent;color:var(--ink);border:1px solid #c9cfc0}.secondary:hover{background:#fff}.primary{background:var(--lime);color:var(--ink);border:1px solid #c8e969;box-shadow:0 2px 0 #171a1610}.primary:hover{background:#cfff49}.text-button{background:none;color:var(--ink);font-size:14px;padding:8px 4px}.text-button:hover{color:#6542af}.workspace{display:grid;grid-template-columns:380px minmax(0,1fr);grid-template-areas:'editor preview';direction:ltr;gap:24px;align-items:start}html[dir=rtl] .workspace{grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:'preview editor'}.editor-panel{grid-area:editor;background:white;border:1px solid #dfe4d6;border-radius:18px;overflow:hidden;box-shadow:0 5px 16px #171a1605}html[dir=rtl] .editor-panel,html[dir=rtl] .preview-panel{direction:rtl}.editor-tabs{display:grid;grid-template-columns:1fr 1fr;padding:7px;gap:7px;border-bottom:1px solid var(--line);background:#fff}.editor-tabs button{border-radius:10px;color:var(--muted);background:transparent;font-size:15px;font-weight:700;min-height:46px}.editor-tabs button[aria-selected=true]{background:var(--ink);color:#fff}.editor-scroll{overflow:auto;height:calc(100dvh - 258px);min-height:390px;scrollbar-width:thin;scrollbar-color:#c5cdba transparent}.layout-control{padding:20px 22px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.1fr;gap:8px 12px;align-items:center}.layout-control label{margin:0}.layout-control p{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px;line-height:1.5}.layout-control select{font-size:13px;padding:8px 10px;min-height:39px;border-color:var(--line);border-radius:8px}.editor-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 22px 12px}h2{font-size:16px;margin:0;font-weight:700}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-count{font:12px StudioSans;padding:5px 9px;border-radius:5px;background:#e9efdf;color:#56604a}#design-panel{padding:22px}#family-chooser{display:grid;gap:10px;margin-bottom:28px}#family-chooser>button{position:relative;display:flex;align-items:center;gap:18px;min-width:0;min-height:138px;background:#f4f6f0;border:1px solid #e3e7db;border-radius:12px;padding:12px;color:var(--ink);text-align:start;overflow:hidden}#family-chooser>button:hover{border-color:#9ba98a;background:#edf2e4}#family-chooser>button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white;box-shadow:0 5px 12px #171a1620}.template-art{display:block;position:relative;width:83px;height:112px;flex-shrink:0;border-radius:4px;background:#dce2d2;overflow:hidden;padding:8px 10px 0}.art-editorial{background:#e0e6cd}.art-sidebar{background:#ddd3ef}.art-executive{background:#eccdc0}.template-art img{width:100%;display:block;box-shadow:0 4px 8px #171a1630;transform:rotate(-5deg);transform-origin:bottom center;transition:transform .2s}.art-sidebar img{transform:rotate(5deg)}.art-executive img{transform:rotate(-3deg)}#family-chooser>button:hover img{transform:rotate(0) translateY(-2px)}.template-description{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.template-index{font:700 10px/1.5 StudioSans,StudioArabic;letter-spacing:.7px;opacity:.65}.template-description strong{font:700 27px/1.1 StudioSans;letter-spacing:-1px}.template-caption{font-size:13px;line-height:1.6;opacity:.75}.template-check{position:absolute;top:12px;inset-inline-end:12px;width:20px;height:20px;font:14px/20px StudioSans;text-align:center;border:1px solid #b3bea6;border-radius:50%}#family-chooser>button[aria-pressed=true] .template-check{background:var(--lime);color:var(--ink);border-color:var(--lime)}#style-controls{border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:18px 12px}#style-controls .field{margin:0}fieldset{border:0;margin:0;padding:0;grid-column:1/-1}legend{font-size:14px;font-weight:700;margin-bottom:12px}.swatches{display:flex;gap:13px}.swatches button{width:36px;height:36px;min-height:36px;border-radius:50%;color:white;border:3px solid white;outline:1px solid #c9d1bf}.swatches button[aria-pressed=true]{outline:2px solid var(--ink);box-shadow:0 0 0 4px white}.local-note{font-size:12px;line-height:1.7;color:var(--muted);margin:0;padding:18px 22px;background:#fafbf7;border-top:1px solid var(--line)}label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}input,textarea,select{display:block;width:100%;min-height:44px;border:1px solid #dbe1d2;border-radius:9px;background:#f8faf5;padding:11px 12px;color:var(--ink);font-size:15px;line-height:1.5}input:hover,textarea:hover,select:hover{border-color:#adb99d}textarea{resize:vertical;min-height:90px;unicode-bidi:plaintext}.field{margin-bottom:18px}.field:last-child{margin-bottom:0}.pair-fields{display:grid;gap:12px}.field-language{font-size:12px;font-weight:400;color:var(--muted);margin-inline-start:8px}.example-notice{margin:0 20px 12px;padding:11px 13px;font-size:12px;line-height:1.7;background:#f1f4eb;color:#66734f;border-radius:8px}.example-button{margin:9px 22px}.help,.required-note{color:var(--muted);font-size:12px;line-height:1.7}.help{margin:8px 0}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 22px;font-size:15px;font-weight:700;cursor:pointer}summary::-webkit-details-marker{display:none}summary:after{content:'+';font:20px StudioSans;color:var(--muted)}details[open]>summary:after{content:'−'}.fields{padding:5px 22px 22px}.section-card,.item-card{padding:12px;background:#fafbf7;border:1px solid #e1e7d8;border-radius:12px;margin-bottom:14px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--muted);margin-bottom:12px}.card-head>span:last-child{display:flex;align-items:center;flex-wrap:wrap}.card-head button{background:none;color:#755344;padding:5px;min-width:38px;font-size:12px}.numeric-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.add-button{width:100%;border:1px dashed #a9b791;background:#edf2e5;border-radius:8px;padding:10px 14px;font-size:14px;color:#3b4a2b}.logo-control{display:flex;align-items:center;gap:10px}.logo-control img{max-width:60px;max-height:48px}.logo-control input{font-size:12px}.invalid{border:2px solid #b54429!important}.preview-panel{grid-area:preview;min-width:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.preview-label{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.paper-icon{font:26px/1 StudioSans;color:#747e66}#pdf-status{font-size:12px;color:var(--muted);border:1px solid #d1d8c5;padding:4px 8px;border-radius:5px;white-space:nowrap}.preview-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.print-hint{font-size:12px;color:var(--muted);margin:0}.preview-tools{display:flex;padding:3px;border:1px solid #d4ddc7;border-radius:8px;background:#f9fbf5}.preview-tools button{background:none;color:var(--muted);font-size:12px;padding:5px 11px;min-height:31px;border-radius:5px}.preview-tools button:hover{background:#e5edda;color:var(--ink)}.paper-viewport{background-color:#e1e6d9;background-image:radial-gradient(#b8c2aa .75px,transparent .75px);background-size:16px 16px;border:1px solid #d1dbc5;border-radius:16px;padding:25px;overflow:auto;direction:ltr;height:calc(100dvh - 350px);min-height:400px;scrollbar-width:thin;scrollbar-color:#9fac8d transparent}.pdf-sheet{background:white;box-shadow:0 14px 38px #38462c25,0 1px 2px #38462c20;margin:0 auto 24px;width:100%;max-width:610px}.pdf-sheet:last-child{margin-bottom:0}.pdf-sheet canvas{display:block;width:100%;height:auto}.full-size{width:794px}.full-size .pdf-sheet{max-width:none}.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 4px}.preview-note{font-size:12px;color:var(--muted);margin:0}.export-secondary{display:flex;gap:18px}.export-secondary button{font-size:12px}.document-text{border:1px solid #d6dfc9;border-radius:10px;background:#f5f8ef}.document-text summary{font-size:13px;padding:12px 15px}.document-text pre{direction:ltr;unicode-bidi:plaintext;font:14px/1.6 var(--font);white-space:pre-wrap;overflow-wrap:anywhere;padding:0 18px 18px;max-height:250px;overflow:auto}#validation:not(:empty){background:#fff0e9;border:1px solid #e4b6a4;color:#91361b;font-size:14px;border-radius:8px;padding:12px;margin-bottom:12px}footer{max-width:1800px;margin:auto;padding:0 30px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;color:var(--muted)}footer button{font-size:12px}dialog{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:20px;width:90vw;max-width:560px;padding:28px;box-shadow:0 24px 80px #171a1640}dialog::backdrop{background:#171a1677;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.dialog-head button{background:none;font-size:27px;min-width:44px;color:var(--muted)}#dialog-content{font-size:15px;line-height:1.8}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border:1px solid #586549;border-radius:12px;padding:14px 21px;box-shadow:0 8px 24px #171a1630;font-size:14px;max-width:90vw;z-index:50}.skip{position:fixed;top:-100px;z-index:60;padding:12px;background:var(--lime);color:var(--ink)}.skip:focus{top:0}.mobile-switch{display:none}.noscript-note{padding:20px}
@media(min-width:1600px){.workspace{grid-template-columns:420px minmax(0,1fr)}html[dir=rtl] .workspace{grid-template-columns:minmax(0,1fr) 420px}.template-art{width:98px;height:128px}}
@media(max-width:1100px){.topbar{padding:0 22px;gap:15px}.top-note{display:none}.template-nav button{padding:8px 15px}main{padding:22px}.workspace{grid-template-columns:330px minmax(0,1fr);gap:18px}html[dir=rtl] .workspace{grid-template-columns:minmax(0,1fr) 330px}.template-description strong{font-size:25px}.template-art{width:65px;height:98px;padding:7px 8px 0}#family-chooser>button{gap:12px;min-height:124px}#design-panel{padding:18px}.template-index{font-size:9px}.template-caption{font-size:12px}.workspace-actions{gap:12px}.preview-label h2{font-size:14px}.preview-toolbar{gap:8px}.preview-options{flex-wrap:wrap}}
@media(max-width:760px){.topbar{height:auto;min-height:136px;display:grid;grid-template-columns:1fr auto;gap:16px;padding:16px 18px}.brand{font-size:27px}.template-nav{grid-column:1/-1;grid-row:2;display:flex;width:100%;border-radius:10px}.template-nav button{flex:1;justify-content:center;font-size:13px;padding:8px 6px;gap:6px}.template-nav svg{width:16px;height:16px}.header-end{grid-column:2;grid-row:1}.language{font-size:13px}.brand small{font-size:9px}main{padding:20px 14px}.workspace-heading{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:15px}.workspace-identity{gap:12px}.workspace-index{font-size:36px;padding-inline-end:14px}h1,html[lang=ar] h1{font-size:25px}.workspace-intro{font-size:13px}.workspace-actions{width:100%;justify-content:space-between;flex-direction:row-reverse}.file-actions{gap:7px}.button{font-size:13px;padding:10px 13px;min-height:43px}.history{gap:8px}.history button{font-size:12px}.workspace,html[dir=rtl] .workspace{display:block}.editor-panel{border-radius:15px}.editor-scroll{height:auto;min-height:0;overflow:visible}.template-art{width:92px;height:124px}#family-chooser>button{min-height:148px;gap:20px}.template-description strong{font-size:30px}.template-index{font-size:11px}.template-caption{font-size:14px}.panel-heading{margin-bottom:18px}.mobile-switch{display:flex;position:sticky;top:0;z-index:10;gap:5px;padding:6px;background:#dce5cd;border:1px solid #cbd6bd;border-radius:12px;margin-bottom:16px;box-shadow:0 4px 12px #26341712}.mobile-switch button{flex:1;background:transparent;color:#657154;font-size:14px;font-weight:700;border-radius:8px}body:not([data-mobile=preview]) #mobile-editor,body[data-mobile=preview] #mobile-preview{background:var(--ink);color:var(--lime)}.preview-panel{display:none;scroll-margin-top:76px}body[data-mobile=preview] .editor-panel{display:none}body[data-mobile=preview] .preview-panel{display:block}.preview-toolbar{margin-bottom:12px}.preview-label{gap:6px}.preview-label h2{font-size:14px}.paper-icon{display:none}#pdf-status{font-size:11px;padding:4px 6px}.preview-options{margin-bottom:14px;gap:8px;align-items:center}.print-hint{font-size:12px}.preview-tools button{min-height:38px;padding:5px 10px}.paper-viewport{height:auto;max-height:none;min-height:0;padding:14px;border-radius:12px}.preview-bottom{flex-wrap:wrap;justify-content:center;gap:3px;padding:12px}.export-secondary{gap:22px}.export-secondary button{font-size:13px}.preview-note{width:100%;text-align:center}.layout-control{padding:19px}.local-note{font-size:12px}.document-text summary{font-size:14px}footer{padding:0 18px 20px;align-items:flex-start;font-size:11px;gap:12px}footer span{max-width:200px}.toast{bottom:16px}.fields{padding:5px 19px 20px}.card-head button{min-width:42px;font-size:13px}.swatches button{width:42px;height:42px;min-height:42px}.swatches{gap:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
#download-pdf[aria-disabled=true]{opacity:.45;pointer-events:none}
@page{size:auto;margin:0}@media print{body>*{display:none!important}main{display:block!important;padding:0!important;margin:0!important}main>*:not(.workspace),.workspace>*:not(.preview-panel),.preview-panel>*:not(.paper-viewport){display:none!important}.workspace,.preview-panel,.paper-viewport,#document{display:block!important;position:static!important;padding:0!important;margin:0!important;width:auto!important;height:auto!important;max-height:none!important;border:0!important;background:white!important;overflow:visible!important}.pdf-sheet{break-after:page;margin:0!important;box-shadow:none!important;max-width:none!important;width:100%!important}.pdf-sheet:last-child{break-after:auto}button,a,iframe,dialog{display:none!important}}
/* Document library and import tools share the existing studio palette. */
.feature-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-6px 0 14px}.feature-bar>div{display:flex;gap:8px;flex-wrap:wrap}.feature-bar .button{font-size:12px;min-height:38px;padding:8px 12px}#local-status{font-size:12px;color:#596348;max-width:360px}.task-links{display:flex;gap:15px;flex-wrap:wrap;padding:0 0 18px;font-size:12px;color:#596348}.task-links a{text-underline-offset:4px}.recovery-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#e0efc3;border:1px solid #afc287;border-radius:12px;padding:12px 16px;margin:0 0 16px;font-size:13px}.preview-toolbar{flex-wrap:wrap}.preview-label{margin-inline-end:auto}.preview-toolbar .button{padding:10px 13px}#feature-dialog{max-width:800px;max-height:90dvh;overflow:auto}#feature-dialog p{font-size:14px;line-height:1.7}#feature-dialog input,#feature-dialog textarea,#feature-dialog select{margin-bottom:10px}.dialog-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dialog-inline input{flex:1;min-width:180px;margin:0!important}.check-label{display:flex;align-items:center;gap:10px;margin:20px 0 0}.check-label input{width:20px;min-height:20px;margin:0!important}.draft-list article{border-top:1px solid #dfe4d6;padding:15px 0;display:flex;flex-direction:column;gap:6px}.draft-list small{color:#62675d}.draft-list article button{background:#edf2e5;border-radius:7px;padding:7px 12px;margin:3px}.mapping-row{border-top:1px solid #dce2d4;padding-top:18px;margin-top:18px}.mapping-row textarea{direction:auto}#feature-error{color:#9c341d}.photo-preview{max-width:80px;max-height:80px;border-radius:8px}.art-atlas{background:#d6e6e6}.art-trace{background:#e6d4d4}.art-folio{background:#d9dded}.art-ledger{background:#dfdfd0}.art-minimal{background:#d2e0e8}.editor-scroll{height:calc(100dvh - 350px)}.paper-viewport{height:calc(100dvh - 440px)}
@media(max-width:1000px){.topbar{padding:0 20px;gap:12px}.template-nav button{padding:8px 12px}.top-note{display:none}.feature-bar{align-items:flex-start;flex-direction:column}.workspace-actions{gap:8px}.workspace-heading{gap:14px}.history{gap:5px}}
@media(max-width:760px){.feature-bar{margin:0 0 12px}.feature-bar>div{width:100%;gap:6px}.feature-bar .button{flex:1;white-space:nowrap}.task-links{gap:10px;font-size:11px}.editor-scroll{height:auto}.paper-viewport{height:auto;min-height:250px}.preview-toolbar{gap:8px}.preview-label{width:100%}.preview-toolbar .button{flex:1}.template-nav button{padding:8px 9px;font-size:12px}.template-nav svg{display:none}.dialog-inline{align-items:stretch}.dialog-inline button{flex:1}.workspace-actions{flex-wrap:wrap}}
/* Document tools retain the studio palette and compact editing rhythm. */
.format-bar{display:flex;gap:3px;margin:5px 0}.format-bar button{font-size:12px;min-width:30px;border:1px solid var(--line,#ddd);border-radius:5px;padding:4px 8px;background:#fff;color:#272b25}.format-bar button[data-format=bold]{font-weight:700}.format-bar button[data-format=italic]{font-style:italic}.section-options{display:grid;gap:5px;margin-top:12px}.section-options label{font-size:12px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.tool-grid button{text-align:start;height:auto;white-space:normal}#advanced-dialog{width:min(680px,calc(100vw - 28px));max-height:85vh;border:1px solid #cfd4c7;border-radius:18px;padding:24px;background:#f8faf4;color:#1b2117}#advanced-dialog::backdrop{background:#10150eb8;backdrop-filter:blur(6px)}#advanced-body{display:grid;gap:10px}#advanced-body input,#advanced-body select,#advanced-body textarea{width:100%;min-width:0;padding:10px;border:1px solid #cbd3c0;border-radius:8px;background:white;color:#1b2117;font:inherit}#advanced-body label{font-size:13px;font-weight:700}#advanced-body p{font-size:13px;line-height:1.7}#advanced-error{color:#a12725;font-size:13px}#advanced-body .button{justify-self:start}#advanced-body .tool-grid .button{justify-self:stretch}#style-controls input[type=color]{height:42px;width:100%;padding:4px}.export-actions{flex-wrap:wrap}

/* A tactile studio welcome, separate from the document canvas. */
.studio-welcome{margin:0 0 34px}.studio-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.studio-kicker{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#62675d}.studio-topline button{min-height:32px;background:transparent;color:#555b50;font-size:11px;padding:4px 0;white-space:nowrap}.studio-topline button:hover{color:#171a16;text-decoration:underline}.studio-body{display:grid;grid-template-columns:1fr 1.45fr .48fr;gap:12px;min-height:292px;animation:studio-arrive .45s ease-out both}.studio-copy{padding:27px 30px;background:#f8f7f1;border:1px solid #dedfd5;border-radius:18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.studio-copy h2{font-size:clamp(34px,3.2vw,56px);font-weight:700;line-height:1.07;letter-spacing:-2.2px;max-width:360px;margin:0 0 14px;text-wrap:balance}.studio-copy p{font-size:13px;line-height:1.65;max-width:310px;margin:0 0 22px;color:#65685d}.studio-start{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--lime);color:var(--ink);padding:10px 16px;border-radius:8px;font-size:12px;font-weight:700;box-shadow:0 2px 0 #c8e966}.studio-start:hover{background:#d2f86a;box-shadow:0 3px 0 #bdd65e}.studio-start>span:last-child{font-size:21px;line-height:1}.studio-scene,.studio-detail{position:relative;min-width:0;margin:0;border-radius:18px;overflow:hidden;background:#dbd1bb}.studio-scene img,.studio-detail img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .65s ease}.studio-scene img{object-position:50% 51%}.studio-detail img{object-position:50% 55%}.studio-scene:hover img,.studio-detail:hover img{transform:scale(1.025)}.studio-scene figcaption{position:absolute;bottom:16px;inset-inline-start:16px;max-width:calc(100% - 32px);background:#fbfaf0ed;color:#2a2e22;border:1px solid #fff9;border-radius:99px;padding:7px 12px;font-size:11px;font-weight:700;line-height:1.5}.studio-stamp{position:absolute;top:15px;inset-inline-end:15px;display:grid;place-content:center;width:59px;height:59px;background:var(--lime);color:#262a20;border-radius:50%;font-family:StudioSans,sans-serif;font-size:13px;font-weight:700;line-height:1.15;text-align:center;direction:ltr;transform:rotate(10deg)}.studio-welcome.is-compact{margin-bottom:16px;border-bottom:1px solid #d4d9cc}.workspace-heading{scroll-margin-top:20px}html[lang=ar] .studio-kicker{font-size:12px;letter-spacing:0}html[lang=ar] .studio-copy h2{line-height:1.3;letter-spacing:-1.1px;font-size:clamp(34px,3.1vw,51px)}html[lang=ar] .studio-copy p{font-size:14px}html[lang=ar] .studio-start>span:last-child{transform:scaleX(-1)}
@keyframes studio-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.studio-body{grid-template-columns:1fr 1.2fr .4fr;min-height:275px}.studio-copy{padding:24px}.studio-copy h2{font-size:38px}.studio-copy p{font-size:12px}.studio-stamp{width:48px;height:48px;font-size:11px;inset-inline-end:10px;top:10px}}
@media(max-width:760px){.studio-welcome{margin-bottom:24px}.studio-topline{gap:10px;margin-bottom:9px}.studio-kicker{font-size:8px;letter-spacing:.7px}.studio-topline button{font-size:10px;min-height:32px}html[lang=ar] .studio-kicker{font-size:11px}.studio-body{grid-template-columns:1fr .42fr;gap:9px;min-height:0}.studio-copy{grid-column:1/-1;padding:21px 22px;border-radius:14px}.studio-copy h2{font-size:38px;letter-spacing:-1.5px;max-width:290px;margin-bottom:10px}.studio-copy p{max-width:100%;font-size:12px;margin-bottom:15px}.studio-start{font-size:11px;min-height:40px;padding:8px 13px}.studio-scene,.studio-detail{height:158px;border-radius:14px}.studio-scene figcaption{bottom:9px;inset-inline-start:9px;max-width:calc(100% - 18px);font-size:9px;padding:5px 8px}.studio-stamp{width:40px;height:40px;font-size:10px;top:8px;inset-inline-end:8px}html[lang=ar] .studio-copy h2{font-size:37px;max-width:290px;line-height:1.25}html[lang=ar] .studio-copy p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.studio-body{animation:none}.studio-scene img,.studio-detail img{transition:none}.studio-scene:hover img,.studio-detail:hover img{transform:none}}

/* DualDrafts identity remains readable in both writing directions. */
.brand{direction:ltr;flex-shrink:0}.brand-lockup{display:block;width:195px;height:auto}.footer-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.footer-links button{white-space:nowrap}.studio-kicker{letter-spacing:1.2px}#dialog-content ol{padding-inline-start:22px}#dialog-content li{margin:10px 0}@media(max-width:760px){.brand-lockup{width:178px}.footer-links{gap:4px 15px}footer{flex-wrap:wrap}footer span{max-width:none}.studio-kicker{letter-spacing:.4px}}