@font-face{font-family:Interface;src:url('assets/interface.ttf') format('truetype');font-display:swap}@font-face{font-family:Amiri;src:url('assets/calligraphy/Amiri-Regular.ttf') format('truetype');font-display:swap}@font-face{font-family:Amiri;src:url('assets/calligraphy/Amiri-Bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Quran;src:url('assets/calligraphy/AmiriQuran-Regular.ttf') format('truetype');font-display:swap}@font-face{font-family:Ruqaa;src:url('assets/calligraphy/ArefRuqaa-Regular.ttf') format('truetype');font-display:swap}@font-face{font-family:Caveat;src:url('assets/calligraphy/Caveat.ttf') format('truetype');font-display:swap}
:root{--green:#102c27;--green-deep:#0c2521;--gold:#c9ae74;--gold-light:#e3cc99;--cream:#f5efdf;--muted:#aab8b1;--line:rgba(218,231,221,.2);font-family:Interface,Arial,sans-serif;color:#182d25;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--cream)}button,input,select,textarea{font:inherit}button,a,label,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,select,textarea,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold-light)}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.topbar{height:78px;background:var(--green);color:#f6efdf;display:flex;align-items:center;gap:28px;padding:0 28px;border-bottom:1px solid #80908055}.brand{display:flex;gap:18px;align-items:center;text-decoration:none;white-space:nowrap}.brand img{width:38px;height:49px}.brand span{font-size:27px;letter-spacing:-1px;font-weight:500}.edition{font-size:11px;color:#dccaab;letter-spacing:.2px;background:#c4ab7224;padding:9px 12px;border-radius:5px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:15px}.icon-button{border:0;background:transparent;color:#ddccaa;display:grid;place-items:center;width:38px;height:38px}.gold-button{display:flex;justify-content:center;align-items:center;gap:10px;border:1px solid #ddc48d;border-radius:6px;background:linear-gradient(115deg,#cfb77f,#baa16a);color:#14251e;min-height:44px;padding:10px 20px;box-shadow:inset 0 1px 0 #ffffff25;font-size:14px;font-weight:600;transition:filter .15s,transform .15s}.gold-button:hover{filter:brightness(1.1)}.gold-button:active{transform:translateY(1px)}.app-layout{display:grid;grid-template-columns:350px minmax(0,1fr);height:calc(100dvh - 78px);min-height:680px}.controls{background:radial-gradient(ellipse at 0 0,#15372e,var(--green-deep) 95%);color:#edf1e9;padding:23px 25px 18px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#527267 transparent;border-right:2px solid #cfbb8f66}.control-section{margin-bottom:23px}.control-section h2{font-size:17px;font-weight:500;display:flex;align-items:center;gap:14px;margin:0 0 17px;letter-spacing:-.25px}.step{width:30px;height:30px;border:1px solid #c4b47e66;background:linear-gradient(140deg,#9e8e62,#6b684d);border-radius:50%;display:grid;place-items:center;font-size:17px;color:#fff9e7;flex-shrink:0}.segmented{display:flex;border:1px solid #b5c6b645;border-radius:5px;overflow:hidden;margin-bottom:12px;padding:2px;background:#ffffff03}.segmented button{border:0;background:transparent;color:#bdc7c0;padding:8px 10px;width:50%;border-radius:3px;font-size:12px}.segmented .selected{background:#bca570;color:#11251c;box-shadow:inset 0 1px 0 #ffffff40}.controls textarea,.controls select{color:#f0f2e9;border:1px solid #a8c3b347;border-radius:5px;background:#0a221f66;width:100%;padding:10px 12px;transition:border-color .2s}.controls select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23d5decd' stroke-width='1.5'%3E%3Cpath d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:30px;font-size:12px;cursor:pointer}.controls option{background:#19352d}.controls textarea:focus,.controls select:focus{border-color:var(--gold)}.main-text{font-family:Amiri,serif;font-size:30px!important;line-height:1.6;resize:vertical;height:77px;min-height:77px;text-align:center;margin-bottom:12px;padding:5px 10px!important}.form-row{display:flex;align-items:center;gap:14px;margin-bottom:10px}.form-row label{flex-shrink:0;font-size:12px;min-width:74px}.form-row select{flex:1;min-width:0}.helper{font-size:10px;color:#a1b2a7;line-height:1.6;margin:5px 0 0}.full-select{margin-bottom:12px;min-height:41px}#innerText{font-family:Quran,Amiri,serif;line-height:2.05;font-size:19px;height:126px;resize:vertical;scrollbar-width:thin;scrollbar-color:#758b7c transparent;padding:8px 13px}.source-line{display:flex;align-items:center;justify-content:space-between;margin:7px 0 11px;color:#a3b6a8;font-size:10px}.text-button{background:none;border:none;padding:0;color:#d5bd88;font-size:10px;text-align:start}.text-button:hover{text-decoration:underline}.micro-font-row{margin-bottom:0}.slider-row{display:flex;align-items:center;gap:13px;min-height:39px}.slider-row label{width:92px;font-size:12px;flex-shrink:0}.slider-row output{width:54px;text-align:right;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.slider-row input{width:100%;min-width:0;accent-color:var(--gold);appearance:none;background:#536f63;height:4px;border-radius:4px;cursor:pointer}.slider-row input::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:#d5bd83;border:1px solid #f0d9a1;border-radius:50%;box-shadow:0 1px 2px #0003}.swatch-row{display:flex;align-items:center;gap:15px;min-height:47px;font-size:12px}.swatch-row>span:first-child,.swatch-row>label:first-child{width:77px;flex-shrink:0}.swatches{display:flex;gap:12px;align-items:center}.swatch{width:30px;height:30px;border-radius:50%;border:1px solid #b29c6c;outline:2px solid transparent;outline-offset:3px;background:var(--swatch)}.swatch.selected{outline-color:#e2c895}.custom-color{width:25px;height:25px;position:relative;border:1px solid #ffffff30;border-radius:50%;color:#d9c49b;display:grid;place-items:center;cursor:pointer}.custom-color input{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.paper-picker{width:31px;height:31px;border-radius:50%;overflow:hidden;border:1px solid #e8ddb9;display:block}.paper-picker input{width:45px;height:45px;margin:-7px;padding:0;border:none;cursor:pointer}.paper-name{font-size:10px;color:#acbbb0}.check-row{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.5;margin-top:11px;cursor:pointer}.check-row input,.light-check input{accent-color:#bda16b}.subtle-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:1px solid #b5c6b630;border-radius:5px;background:#ffffff04;color:#cfdbcf;font-size:11px;padding:9px 12px;margin-top:12px;cursor:pointer}.subtle-button svg{width:15px;height:15px}.subtle-button:hover{background:#ffffff0a}.create-area{padding-top:18px;border-top:1px solid var(--line)}.render-button{width:100%;font-size:13px;min-height:46px}.saved-label{display:block;text-align:center;color:#8da397;font-size:9px;margin-top:11px}.workspace{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;background-color:var(--cream);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%237f754b' opacity='.035' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.workspace-heading{display:flex;justify-content:space-between;align-items:flex-start;padding:28px 32px 0;z-index:2}.workspace-heading h1{font-size:18px;letter-spacing:-.5px;font-weight:600;margin:0}.workspace-heading p{font-size:11px;color:#827e6c;margin:9px 0 0;letter-spacing:.05px}.workspace-icon{background:none;border:0;color:#8b846e;padding:2px}.workspace-icon svg{width:19px;height:19px}.art-viewport{flex:1;position:relative;min-height:390px;margin:5px 0;overflow:auto;scrollbar-width:thin;scrollbar-color:#bca57744 transparent}.canvas-stage{position:relative;width:100%;height:100%;min-height:390px;display:flex;align-items:center;justify-content:center;transform-origin:50% 50%;transition:width .2s,height .2s}#artCanvas{display:block;max-width:100%;width:100%;height:auto;max-height:100%;object-fit:contain;cursor:crosshair}.magnifier{position:absolute;bottom:8%;right:3%;width:clamp(145px,20vw,270px);aspect-ratio:1;border:3px solid #bda16a;border-radius:50%;background:#f5efdf;box-shadow:0 8px 22px #50432216;pointer-events:none;transition:opacity .2s;z-index:3}.magnifier canvas{width:100%;height:100%;border-radius:50%;display:block}.magnifier span{position:absolute;bottom:-14px;right:10px;padding:7px 17px;background:#ded3b6;border-radius:18px;font-size:11px;box-shadow:0 3px 8px #69532922;white-space:nowrap;color:#68604c}.workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 30px 25px}.view-tools{display:flex;align-items:center;gap:12px}.zoom-controls{display:flex;height:38px;border:1px solid #c1bba955;align-items:center;border-radius:7px;box-shadow:0 2px 6px #443b2608;background:#ffffff28}.zoom-controls button{border:0;background:none;color:#455348;padding:6px 10px;font-size:17px}.zoom-controls #zoomReset{font-size:11px;min-width:48px;padding:6px 0}.tool-divider{height:22px;background:#a49c8944;width:1px;margin:0 7px}.format-shortcut{border:0;background:none;color:#65695d;padding:5px 0;font-size:12px}.format-shortcut:hover{color:#123d32;text-decoration:underline}.dot{color:#969180;font-size:11px}.source-credit{font-size:9px;color:#8b8877;text-decoration:none;text-align:right;line-height:1.6}.source-credit:hover{text-decoration:underline}.layout-status{font-size:10px;line-height:1.6;margin:0 32px;min-height:25px;color:#64816b;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.layout-status:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%;flex-shrink:0}.layout-status.warning{color:#9c5b34}.layout-status.error{color:#a13838}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f5efdfcc;z-index:5;color:#54705d;font-size:12px}.loading[hidden]{display:none}.loading>span{width:26px;height:26px;border:2px solid #b8a98355;border-top-color:#796947;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#5b6e5d;padding:30px;text-align:center}.empty-state[hidden]{display:none}.empty-state strong{font-family:Georgia,serif;font-size:28px;font-weight:400}.empty-state p{font-size:13px}.upload-area{border:1px dashed #b8c4ad66;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px 10px;gap:8px;cursor:pointer}.upload-area:hover,.upload-area.dragover{background:#ffffff08;border-color:var(--gold)}.upload-area svg{width:25px;height:25px;fill:none;stroke:#d1b77f;stroke-width:1.4}.upload-area strong{font-size:12px;font-weight:400}.upload-area span{font-size:9px;color:#97ad9f;line-height:1.7}#imageControls .helper{margin-bottom:12px}#clearImage{margin-top:10px}.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}[hidden]{display:none!important}dialog{border:1px solid #c7b991;background:#f9f5ea;color:#1c3529;border-radius:13px;padding:28px;width:min(460px,calc(100vw - 30px));box-shadow:0 22px 90px #0005;max-height:90dvh;overflow:auto}dialog::backdrop{background:#071e1acc;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.dialog-top h2{font-size:25px;letter-spacing:-.7px;margin:7px 0 0;font-weight:500}.eyebrow{font-size:9px;color:#a58c55;letter-spacing:2px}.close-button{background:none;border:0;font-size:26px;line-height:1;color:#768175;padding:0 3px}.dialog-intro{font-size:12px;color:#738172;line-height:1.8;margin:19px 0}.export-form{display:flex;flex-direction:column;gap:10px}.export-form>label{font-size:12px;margin-top:5px}.export-form select{border:1px solid #b6c0ad;background:#fffdf7;color:#203b2c;border-radius:5px;padding:12px;font-size:12px}.field-note{font-size:10px;line-height:1.7;color:#7c8375;margin:3px 0}.light-check{display:flex;gap:7px;align-items:center}.light-check span{color:#919381;font-size:10px}.export-summary{background:#e7eddf;border-radius:5px;padding:12px;font-size:11px;color:#3a6147;line-height:1.8}.text-dialog{width:min(800px,calc(100vw - 30px))}.text-dialog #readingContent{font-family:Quran,Amiri,serif;font-size:27px;line-height:2.4;direction:rtl;margin:22px 0;text-align:justify}.verse-item{display:inline}.verse-number{font-size:21px;color:#9c8050;padding:0 7px}.text-dialog a{font-size:11px}.project-actions{display:flex;gap:12px;margin:20px 0}.subtle-button.light{background:#fffef7;color:#33543f;border-color:#b7c5b0;margin:0;width:auto;font-size:12px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;transition:.2s;background:#17372e;color:#f6f1dd;border:1px solid #bfa77788;padding:13px 22px;box-shadow:0 8px 30px #0003;border-radius:6px;font-size:12px;max-width:90vw;z-index:30;pointer-events:none;line-height:1.7}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.app-layout{grid-template-columns:390px minmax(0,1fr)}.controls{padding:27px 28px}.topbar{height:80px}.app-layout{height:calc(100dvh - 80px)}.control-section{margin-bottom:25px}.control-section h2{font-size:18px}.main-text{font-size:32px!important;height:82px}.form-row label,.slider-row label,.swatch-row{font-size:13px}.controls select{font-size:13px}.workspace-heading{padding:31px 36px}.workspace-heading h1{font-size:20px}#innerText{height:140px;font-size:21px}.gold-button{font-size:15px}.workspace-footer{padding:20px 34px 30px}}
@media(max-height:850px) and (min-width:901px){.topbar{height:65px}.app-layout{height:calc(100dvh - 65px);min-height:630px}.controls{padding:18px 22px}.control-section{margin-bottom:17px}.control-section h2{margin-bottom:12px}.main-text{height:67px;min-height:67px;font-size:27px!important}.helper{margin-top:0}#innerText{height:108px;font-size:17px}.slider-row{min-height:35px}.swatch-row{min-height:40px}.source-line{margin-bottom:8px}.appearance{margin-bottom:15px}.create-area{padding-top:14px}.workspace-heading{padding-top:25px}.workspace-footer{padding-bottom:20px}}
@media(max-width:1100px){.app-layout{grid-template-columns:310px minmax(0,1fr)}.controls{padding-left:20px;padding-right:20px}.edition{display:none}.brand span{font-size:24px}.workspace-footer{flex-wrap:wrap;gap:12px}.source-credit{width:100%;text-align:left}.magnifier{width:165px;bottom:11%}.workspace-heading h1{font-size:16px}.slider-row{gap:9px}.slider-row label{width:84px}.slider-row output{width:48px}}
@media(max-width:740px){.topbar{height:66px;padding:0 15px;gap:8px}.brand{gap:9px}.brand img{width:28px;height:38px}.brand span{font-size:20px;letter-spacing:-.7px}.header-actions{gap:6px}.header-actions .gold-button{padding:9px 12px;min-height:37px;font-size:11px;gap:6px}.header-actions .gold-button svg{width:17px}.icon-button{width:30px}.app-layout{height:auto;min-height:0;display:flex;flex-direction:column}.workspace{order:-1;min-height:470px;height:65dvh;max-height:650px;border-bottom:1px solid #ad9a7444}.workspace-heading{padding:20px 20px 0}.workspace-heading h1{font-size:15px}.workspace-heading p{font-size:10px;margin-top:6px}.art-viewport{min-height:270px}.canvas-stage{min-height:270px}.magnifier{width:125px;bottom:10%;right:4%}.magnifier span{font-size:9px;bottom:-10px;padding:5px 12px}.workspace-footer{padding:10px 20px 15px;gap:9px}.source-credit{font-size:8px}.layout-status{margin:0 20px;font-size:9px;min-height:25px}.view-tools{gap:10px}.zoom-controls{height:30px}.format-shortcut{font-size:11px}.controls{overflow:visible;padding:25px 22px;display:grid;grid-template-columns:1fr 1fr;gap:22px;border:0}.control-section{margin-bottom:0}.appearance,.create-area{grid-column:1/-1}.appearance{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}.appearance h2{grid-column:1/-1}.check-row{grid-column:1/-1}.appearance .subtle-button{grid-column:1/-1}.control-section h2{font-size:14px;gap:9px}.form-row{flex-wrap:wrap;gap:5px}.form-row label{font-size:11px}.form-row select{flex-basis:100%}.main-text{font-size:24px!important}.helper{font-size:9px}.create-area{margin-top:0}.saved-label{font-size:10px}.render-button{font-size:14px}.swatch-row{gap:8px}.swatch-row>span:first-child,.swatch-row>label:first-child{width:69px}.swatches{gap:10px}.swatch{width:26px;height:26px}.slider-row label{font-size:11px;width:76px}.paper-name{display:none}.slider-row output{font-size:9px}.slider-row{gap:6px}.segmented button{font-size:10px;padding:8px 4px}#innerText{height:160px}.source-line{font-size:9px;gap:7px}.text-button{font-size:9px}}
@media(max-width:430px){.header-actions .gold-button span{display:none}.header-actions .gold-button{width:38px;padding:8px}.controls{display:block}.control-section{margin-bottom:24px}.appearance{display:block}.form-row{flex-wrap:nowrap;gap:12px}.form-row select{flex-basis:auto}.main-text{height:82px}.control-section h2{font-size:17px}#innerText{height:130px}.slider-row label{width:100px;font-size:12px}.slider-row output{font-size:11px;width:60px}.slider-row{gap:12px}.swatch-row>span:first-child,.swatch-row>label:first-child{width:93px}.paper-name{display:inline}.swatch{width:30px;height:30px}.appearance .subtle-button{margin-top:14px}.source-line{font-size:10px}.text-button{font-size:10px}.helper{font-size:10px}.controls select{font-size:12px}.segmented button{font-size:12px}}
.controls>.control-section:first-child{display:flex;flex-direction:column}.controls>.control-section:first-child h2{order:0}.controls>.control-section:first-child #textControls{order:1}.controls>.control-section:first-child .segmented{order:2;margin-top:3px;margin-bottom:0}.controls>.control-section:first-child #imageControls{order:3;margin-top:12px}.controls .helper{display:none}.main-text{margin-bottom:10px}.form-row{margin-bottom:9px}.control-section{margin-bottom:19px}.control-section h2{margin-bottom:14px}#innerText{height:105px}.source-line{margin:5px 0 8px}.micro-font-row{margin-bottom:0}.appearance{margin-bottom:15px}.slider-row{min-height:35px}.swatch-row{min-height:40px}.create-area{padding-top:14px}.saved-label{font-size:8px}.check-row{font-size:9px;margin-top:8px}.subtle-button{margin-top:8px;padding:7px 10px}.workspace-heading p{margin-top:7px}.magnifier{width:clamp(160px,20vw,270px)}
@media(min-width:741px) and (max-height:950px){.controls{padding-top:19px;padding-bottom:15px}.control-section{margin-bottom:15px}.control-section h2{font-size:16px;margin-bottom:12px}.main-text{height:68px;min-height:68px;font-size:28px!important}.segmented button{padding:7px 10px}.controls select{padding-top:9px;padding-bottom:9px}.full-select{min-height:36px;margin-bottom:10px}.form-row{margin-bottom:8px}.step{width:28px;height:28px}.micro-font-row select{font-size:10px}.micro-font-row label{font-size:10px}#innerText{height:100px;font-size:18px}.source-line{font-size:9px}.slider-row{min-height:33px}.swatch-row{min-height:37px}.check-row{margin-top:5px}.create-area{padding-top:12px}.render-button{min-height:42px}.saved-label{margin-top:8px}}
@media(max-width:740px){.controls .helper{display:block}.control-section{margin-bottom:20px}#innerText{height:140px}.appearance{margin-bottom:20px}.magnifier{width:125px}.create-area{padding-top:18px}.saved-label{font-size:10px}.check-row{font-size:11px}}
@media(min-width:741px){.topbar{height:65px}.app-layout{height:calc(100dvh - 65px)}.brand span{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.download-again{font-size:11px;text-align:center;padding:9px;color:#386647;text-decoration:underline}
/* Print studio controls */
.pattern-hint{font-size:10px;line-height:1.6;color:#a9bbb0;margin:2px 0 13px}.size-mode{display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:8px;margin:12px 0 5px}.mini-segment{display:flex;border:1px solid #8da59066;border-radius:5px;overflow:hidden}.mini-segment button{font-size:10px;padding:7px 9px;background:transparent;border:0;color:#b7c9bc}.mini-segment button.selected{background:#cdb47e;color:#17382c}.size-section{border-top:1px solid var(--line);padding:16px 0 18px;margin-top:16px;font-size:12px}.size-section>summary{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:15px;font-weight:500;margin-bottom:14px}.size-section>summary:after{content:'⌄';margin-left:auto;color:#bda77b}.dimension-inputs{display:grid;grid-template-columns:1fr auto 1fr 43px 28px;align-items:end;gap:6px;margin:10px 0}.dimension-inputs label{display:flex;flex-direction:column;gap:6px;font-size:9px;color:#afc0b4}.controls input[type=number]{min-width:0;width:100%;background:#19392e;color:#eee8d9;border:1px solid #82978266;border-radius:4px;padding:8px 6px;font-size:11px}.dimension-inputs>span{align-self:center;padding-top:15px}.dimension-inputs select{padding:8px 3px;font-size:10px}.dimension-inputs button{height:32px;border:1px solid #82978266;border-radius:4px;background:#234537;color:#dfcda8}#pageMargin{max-width:70px;margin-left:auto}.unit-note{font-size:10px;color:#a9bbb0}.position-controls{margin-top:8px}.position-controls>summary{cursor:pointer;font-size:10px;color:#b7c4b8}.preview-toolbar{display:flex;align-items:center;gap:12px;margin:18px 32px 8px;flex-wrap:wrap}.preview-tabs{display:flex;background:#ddd6c55c;border:1px solid #d3c9b6;border-radius:7px;padding:3px}.preview-tabs button{border:0;border-radius:4px;background:transparent;padding:9px 13px;font-size:11px;color:#777c6b}.preview-tabs button.selected{background:#fffaf0;color:#234d3b;box-shadow:0 1px 4px #544c3414}.product-choose{background:#234e3c;color:#f7f1e1;border:0;border-radius:6px;padding:10px 12px;font-size:11px}.product-choose span{margin-left:10px;font-size:9px;background:#ffffff25;border-radius:3px;padding:2px 5px}#pageInfo{margin-left:auto;font-size:11px;color:#827760;font-variant-numeric:tabular-nums}.product-tools{margin:4px 32px 6px;display:flex;align-items:center;gap:16px;font-size:10px;color:#617360;flex-wrap:wrap}.product-tools strong{font-size:12px;font-weight:500;margin-right:auto}.product-tools label{display:flex;align-items:center;gap:6px}.product-tools input[type=color]{height:25px;width:28px;padding:0;border:1px solid #b8b29e;border-radius:3px;background:none}.product-tools input[type=checkbox]{accent-color:#2c674b}.product-tools button{font-size:10px;border:1px solid #c2bea9;background:transparent;color:#536b54;padding:6px 8px;border-radius:4px}.art-viewport{margin:6px 22px 10px;min-height:260px;border-radius:8px;background:#ded8c95c;box-shadow:inset 0 0 0 1px #d5cbb960}.canvas-stage{min-height:260px;padding:25px;overflow:hidden}#artCanvas{width:auto;height:auto;max-width:100%;max-height:100%;box-shadow:0 7px 25px #51452a18;border:1px solid #c9bea444}.product-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:260px}.product-stage>svg{width:100%;height:100%;max-height:100%;display:block}.product-note{margin:0 32px 9px;font-size:9px;line-height:1.6;color:#858372}.magnifier{width:clamp(145px,18vw,235px);bottom:5%;right:2%}.export-dimensions{display:grid;grid-template-columns:1fr 1fr 36px;gap:10px;align-items:end}.export-dimensions label{display:flex;flex-direction:column;gap:7px;font-size:10px}.export-dimensions input,.catalog-filters input,.catalog-filters select{width:100%;min-width:0;border:1px solid #bdc3af;border-radius:5px;background:#fffdf7;color:#234632;padding:10px;font-size:12px}.export-dimensions button{height:38px;background:#e7e7d5;color:#335c3f;border:1px solid #b6bda9;border-radius:4px}.products-dialog{width:min(1000px,calc(100vw - 30px))}.products-dialog .dialog-top h2{font-size:23px}.catalog-filters{display:grid;grid-template-columns:1fr 210px auto;align-items:center;gap:12px;margin:15px 0 22px}.catalog-filters>span{font-size:11px;color:#748168}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.product-card{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #dcdaca;border-radius:8px;padding:0 0 12px;background:#fffdf5;overflow:hidden;text-align:left;color:#284c39;transition:border-color .15s,transform .15s}.product-card:hover{border-color:#809b78;transform:translateY(-2px)}.product-card.selected{outline:2px solid #bca16d;outline-offset:1px}.product-card img{width:100%;aspect-ratio:4/3;object-fit:contain;margin-bottom:5px}.product-card strong{font-size:11px;font-weight:500;padding:4px 12px}.product-card span{font-size:9px;color:#828771;padding:3px 12px}.workspace{background-color:#f3eedf}.workspace-footer{padding-top:10px;padding-bottom:15px}.layout-status{font-size:10px}.create-area{position:sticky;bottom:-16px;background:#102c27;padding-bottom:12px;z-index:6;box-shadow:0 -10px 16px #102c27a0}.controls{scrollbar-width:thin;scrollbar-color:#8a9a7966 transparent}
@media(min-width:741px){.app-layout{min-height:650px}.art-viewport{flex:1;min-height:0}.canvas-stage,.product-stage{min-height:0}.canvas-stage{height:100%}.workspace-heading{padding-bottom:0}.workspace-heading p{margin-bottom:0}}
@media(max-width:900px){.preview-toolbar,.product-tools{margin-left:20px;margin-right:20px;gap:8px}.preview-tabs button{padding:8px 9px;font-size:10px}.art-viewport{margin-left:12px;margin-right:12px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-heading h1{font-size:15px}}
@media(max-width:740px){.workspace{height:660px;max-height:none;min-height:600px}.art-viewport{min-height:270px}.canvas-stage{padding:15px}.preview-toolbar{margin-top:12px}#pageInfo{font-size:9px}.product-tools{gap:10px}.product-note{margin:0 20px 8px}.size-section{grid-column:1/-1;width:100%;margin:0}.appearance .form-row,.pattern-hint,.size-mode{grid-column:1/-1}.size-mode{font-size:12px}.create-area{position:static;box-shadow:none;padding-bottom:0}.catalog-filters{grid-template-columns:1fr 1fr;gap:8px}.catalog-filters>span{grid-column:1/-1}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.products-dialog .dialog-top h2{font-size:20px}.dimension-inputs{max-width:460px}.size-section>summary{font-size:17px}.product-choose{font-size:10px}.magnifier{width:125px}}
/* Letter families, reusable templates and photographic mockups */
.font-hint{font-size:9px;line-height:1.6;color:#aebfb0;margin:8px 0}.font-hint.font-warning{color:#e4c28b}.template-launch{display:flex;gap:7px;margin:12px 0 4px}.template-launch button{border:1px solid #8d9f8266;background:#1d4033;color:#deceb0;border-radius:5px;padding:9px 8px;font-size:10px}.template-launch button:first-child{flex:1}.template-launch span{font-size:8px;margin-left:5px;opacity:.7}.photo-mode{display:flex;background:#e6e0d2;border:1px solid #c9c1aa;border-radius:5px;padding:2px}.photo-mode button{border:0;background:transparent;color:#7b7c6b;padding:6px 9px;font-size:10px;border-radius:3px}.photo-mode button.selected{background:#244d3b;color:#fff7e8}.product-stage{position:relative}.product-stage>canvas{display:block;width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%}.photo-loading:after{content:'Fotoğraf hazırlanıyor…';position:absolute;inset:0;display:grid;place-items:center;background:#f3eedfa8;color:#456a50;font-size:12px;backdrop-filter:blur(2px)}.photo-error{font-size:13px;color:#7f5d40;line-height:1.7;padding:40px;text-align:center}.catalog-mode{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px;color:#657b63;margin-bottom:16px}.catalog-mode select{font-size:11px;padding:8px;border-radius:5px;border:1px solid #c5c7b6;background:#fffdf5;color:#294b37}.catalog-mode span{font-size:9px;margin-left:auto;color:#8a8a76}.templates-dialog{width:min(1040px,calc(100vw - 30px))}.template-controls{display:flex;gap:10px;align-items:center;margin:20px 0 15px}.template-controls input{flex:1;min-width:0}.template-controls input,.template-controls select,.template-editor input,.template-editor textarea,.template-editor select{border:1px solid #b9c3af;border-radius:5px;background:#fffdf7;color:#244b36;padding:11px;font-size:12px}.small-gold{border:1px solid #c2a575;background:#d6bf8b;color:#274331;border-radius:5px;padding:11px 14px;font-size:11px;white-space:nowrap}.template-library-status{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#7e896f;margin:12px 0}.template-library-status button{border:0;background:transparent;color:#617b50;text-decoration:underline;font-size:10px}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.template-card{border:1px solid #dad5c3;border-radius:8px;overflow:hidden;background:#fffdf5;display:flex;flex-direction:column}.template-preview{height:125px;width:100%;padding:15px;display:flex;align-items:center;justify-content:center;white-space:pre-line;line-height:1.15;font-size:34px;color:#244d37;background:#ede9db;border:0;overflow:hidden}.template-preview:hover{background:#e4e7d6}.template-preview img{max-width:100%;max-height:90px}.template-card>strong{font-size:11px;font-weight:500;padding:13px 12px 5px;line-height:1.6}.template-tag{font-size:9px;color:#829073;padding:0 12px 10px}.template-card-actions{display:flex;margin-top:auto;border-top:1px solid #e4dfd0}.template-card-actions button{flex:1;font-size:9px;border:0;background:none;padding:10px 4px;color:#5e7756}.template-card-actions button:hover{background:#eee9d9;color:#183d29}.template-editor{border:1px solid #c7b78e;background:#eee9d9;padding:20px;border-radius:8px;margin:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:13px}.template-editor h3{grid-column:1/-1;font-size:16px;margin:0 0 3px;font-weight:500}.template-editor label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#67745e}.template-editor label:nth-of-type(2){grid-column:1/-1;grid-row:3}.template-editor textarea{font-size:34px;min-height:100px;line-height:1.5}.template-editor-actions{grid-column:1/-1;display:flex;gap:12px}.template-editor-actions button:not(.small-gold){border:1px solid #c1c5b2;background:#fffdf5;border-radius:5px;color:#6a785f;font-size:11px;padding:10px 15px}.template-footer{border-top:1px solid #d5d6c7;margin-top:24px;padding-top:17px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.template-footer span{flex:1;min-width:220px;font-size:10px;line-height:1.7;color:#7b866d}.template-footer button,.template-footer label{font-size:10px;background:#fefbf2;border:1px solid #c6c8b7;border-radius:4px;padding:9px;color:#5a7350;cursor:pointer}.empty-templates{grid-column:1/-1;text-align:center;padding:50px 20px;color:#8a907d;font-size:13px}
@media(max-width:1000px){.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-tools{gap:10px}.photo-mode button{font-size:9px;padding:6px 7px}.product-tools strong{width:100%}}
@media(max-width:650px){.templates-dialog{padding:20px}.template-controls{flex-wrap:wrap}.template-controls input{flex-basis:100%}.template-controls select{flex:1;min-width:0}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-preview{font-size:30px;height:110px}.template-editor{grid-template-columns:1fr;padding:15px}.template-editor label:nth-of-type(2){grid-row:auto}.catalog-mode{gap:8px}.catalog-mode span{margin-left:0;width:100%}.product-tools strong{width:auto}.product-tools{font-size:9px}.product-tools button{font-size:9px}.font-hint{font-size:10px}.template-launch button{font-size:10px}.template-footer{gap:8px}.template-library-status{flex-wrap:wrap;gap:8px}}
.track-toggle{border:1px solid #c3baa4;border-radius:5px;background:#fbf7eb;color:#5b7055;font-size:10px;padding:9px 11px}.track-toggle.selected{background:#d8e2cc;border-color:#8ba377;color:#365531}.tracking-panel{margin:5px 32px 10px;background:#e7e9d9;border:1px solid #c4cbb4;border-radius:7px;padding:11px 14px}.tracking-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.tracking-actions button,.tracking-actions select{font-size:10px;background:#fffdf3;border:1px solid #bdc5af;border-radius:4px;color:#42613c;padding:6px 9px}.tracking-actions label{font-size:10px;color:#6f7c62;display:flex;align-items:center;gap:6px;margin-left:auto}.tracking-current{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:7px}.tracking-current strong{font-size:24px;line-height:1.6;font-weight:400;color:#355c3b}.tracking-current span{font-size:10px;color:#78846b}.tracking-panel p{font-size:9px;color:#879077;line-height:1.5;margin:4px 0 0}@media(max-width:740px){.tracking-panel{margin:5px 20px 10px}.tracking-current{gap:8px}.tracking-current span{font-size:9px}.track-toggle{padding:8px;font-size:9px}.tracking-actions{gap:5px}.tracking-actions button{padding:5px 7px}.workspace:has(.tracking-panel:not([hidden])){height:780px}}
.settings-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;position:sticky;top:-20px;z-index:8;background:#102c27;padding:12px 0 17px;margin:-8px 0 17px;border-bottom:1px solid #ffffff18}.settings-tabs button{font-size:10px;border:0;border-radius:4px;background:#ffffff08;color:#b9c9ba;padding:10px 3px;white-space:nowrap}.settings-tabs button.selected{background:#cfb67f;color:#1f3b2b}.settings-panel{min-width:0}.controls .size-section{margin-top:0;border-top:0;padding-top:0}#exportSettings>h2{font-size:19px;font-weight:500;margin:0}.export-tab-intro{color:#aebfae;font-size:11px;line-height:1.7;margin:15px 0}.controls .export-form{gap:12px}.controls .export-form>label{color:#d5deca}.controls .export-form .field-note{color:#a4b99e}.controls .export-form select,.controls .export-dimensions input{background:#193b2e;color:#e7ebdc;border-color:#78946b88;padding:10px 8px;font-size:11px}.controls .export-dimensions{grid-template-columns:1fr 1fr 30px;gap:7px}.controls .export-dimensions label{font-size:9px;color:#bed0b2}.controls .export-summary{background:#294a35;color:#d3e2be}.controls .download-again{color:#dcc286}.controls .light-check{font-size:10px}.controls #mainPointSize{width:68px;margin-left:auto}.controls #mainLines,.controls #mainAlign,.controls #mainVertical{min-width:0}.controls #mainHint{margin-bottom:10px}.controls #mainPointSize:disabled{opacity:.5}.template-editor:has(#templateLines){grid-template-columns:1fr 1fr}
@media(max-width:740px){.controls{display:block}.settings-tabs{top:0;margin:0 0 22px;padding-top:8px}.settings-tabs button{font-size:11px;padding:12px 5px}.settings-panel .appearance{display:block}.settings-panel .control-section{margin-bottom:25px}.settings-panel .form-row{flex-wrap:nowrap}.settings-panel .form-row select{flex-basis:auto}.settings-panel .size-section{margin:0 0 20px}.template-editor:has(#templateLines){grid-template-columns:1fr}}

.page-tabs{display:flex;gap:4px;margin:0 0 20px}.page-tabs button{flex:1;border:1px solid #6c886244;background:#ffffff05;color:#a8bca6;border-radius:4px;padding:9px 3px;font-size:9px}.page-tabs button.selected{color:#ecd7a5;border-color:#b29b65;background:#b29b6516}.page-subpanel>h2{font-size:19px;font-weight:500}.frame-preview{height:120px;background:#f5efdf;border-radius:6px;margin:14px 0;display:flex;justify-content:center;align-items:center;color:#a59b83;font-size:12px}.frame-preview svg{height:100%;max-width:100%}.frame-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:16px 0}.frame-library button{border:1px solid #71856555;border-radius:5px;padding:4px;background:#16372c;color:#b9c8ac;min-width:0}.frame-library button.selected{border-color:#d2b478;background:#2a4e35}.frame-library svg{width:100%;display:block}.frame-library span{font-size:8px;display:block;min-height:24px;line-height:1.5}.page-subpanel input[type=number]{width:74px;margin-left:auto}.page-subpanel #frameColor{margin-left:auto;width:42px}.page-subpanel[hidden]{display:none}

.page-orientation{margin:14px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d4dfd1;font-size:11px}.page-orientation>div{display:flex;gap:6px}.page-orientation button{display:flex;align-items:center;gap:7px;border:1px solid #67816b88;border-radius:4px;padding:9px;background:transparent;color:#b6c7b4;font-size:10px}.page-orientation button.selected{background:#cfb67f;color:#183d2e;border-color:#cfb67f}.orientation-icon{display:inline-block;border:1px solid currentColor;border-radius:1px;width:10px;height:15px}.orientation-icon.landscape{width:15px;height:10px}.palette-heading{display:flex;align-items:center;gap:10px;margin:22px 0 12px;font-size:12px;color:#dbe6d3}.palette-heading>span{margin-left:auto;color:#9eb39b;font-size:10px}.color-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.palette-color{display:flex;align-items:center;flex-direction:column;gap:7px;border:1px solid #78936c44;border-radius:5px;background:#ffffff03;color:#afc3a6;padding:8px 3px;font-size:8px;min-width:0}.palette-swatch{height:28px;width:28px;border-radius:50%;border:1px solid #d7d7bf66;display:block}.palette-color.selected{border-color:#cfb67f;background:#cfb67f18;color:#ecd8ae}.palette-color.selected .palette-swatch{outline:2px solid #cfb67f;outline-offset:2px}.palette-title{font-size:12px;font-weight:500;color:#dbe6d3;margin:22px 0 12px}.color-pairs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.color-pair{border:1px solid #b8ad8855;border-radius:4px;font-size:10px;padding:12px 5px}.frame-picker-label{font-size:11px;color:#cbd9bd;margin:15px 0 8px}.frame-picker{width:100%;display:flex;align-items:center;gap:12px;background:#183c2f;color:#ead8ae;border:1px solid #b29b65;border-radius:6px;padding:8px;text-align:left}.frame-picker>span:first-child{width:70px;background:#f5efdf;border-radius:3px;flex-shrink:0}.frame-picker svg{display:block;width:100%}.frame-picker strong,.frame-picker small{display:block}.frame-picker strong{font-size:11px;font-weight:500}.frame-picker small{font-size:9px;color:#a5b895;margin-top:6px}.frame-picker>span:last-child{margin-left:auto}.frames-dialog{width:min(1050px,calc(100vw - 30px))}.frame-filters{display:flex;align-items:center;justify-content:space-between;margin:18px 0;color:#7c866c;font-size:11px}.frame-filters select{border:1px solid #aab59a;background:#fffdf5;color:#365432;padding:9px;border-radius:4px}.frame-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.frame-option{display:flex;align-items:center;gap:12px;border:1px solid #d2ccba;background:#fffdf7;border-radius:6px;padding:8px;text-align:left;color:#294d34;min-width:0}.frame-option.selected{outline:2px solid #b59a60;background:#f2ebd7}.frame-option-art{width:100px;flex-shrink:0;background:#f5efdf;display:block}.frame-option-art svg{display:block;width:100%}.frame-option strong{display:block;font-size:11px;font-weight:500}.frame-option small{display:block;font-size:9px;color:#8a8e77;margin-top:7px}@media(max-width:850px){.frame-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.frame-option-art{width:85px}}@media(max-width:500px){.frame-picker-grid{grid-template-columns:1fr}.frame-option-art{width:110px}.frame-option strong{font-size:13px}.color-palette{grid-template-columns:repeat(4,minmax(0,1fr))}}

.main-subpanel[hidden]{display:none}.main-subpanel>h2{font-size:19px;font-weight:500}.annotation-text{width:100%;min-height:110px;resize:vertical;padding:12px;border:1px solid #7e987066;border-radius:5px;background:#0c2821;color:#f0efdf;font-size:24px;line-height:1.5;margin:10px 0 18px}.main-subpanel input[type=number]{width:68px;margin-left:auto}.main-subpanel input[type=color]{width:42px;margin-left:auto}.main-subpanel input:disabled{opacity:.5}

.paper-textures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.paper-texture{border:1px solid #78936c66;border-radius:5px;background:#16382c;color:#c9d5bb;overflow:hidden;padding:0 0 8px;font-size:10px}.paper-texture-image{display:block;height:66px;margin-bottom:9px;background-color:#f5efdf;background-size:cover}.paper-texture.selected{outline:2px solid #cfb67f;outline-offset:1px}

.expand-text{border:0;background:transparent;color:#bba575;font-size:10px;display:flex;align-items:center;gap:6px;padding:6px 0;margin:0 0 10px;cursor:pointer}.expand-text svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.expand-text:hover{color:#f0d99b}.template-editor .expand-text{color:#6c734f}.text-editor-dialog{width:min(1000px,calc(100vw - 30px));max-height:94vh}.text-editor-dialog textarea{width:100%;height:48vh;min-height:230px;resize:vertical;background:#fffdf5;border:1px solid #b9b69d;color:#213f2d;border-radius:7px;padding:24px;font-size:32px;line-height:1.7}.text-editor-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:14px 0;color:#7b806b;font-size:11px}.text-editor-bottom label{display:flex;align-items:center;gap:12px}.text-editor-bottom input{width:130px;accent-color:#a48c56}.text-editor-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:18px}.text-editor-actions>button:first-child{border:1px solid #b3b8a1;border-radius:5px;padding:11px 18px;color:#667356;background:transparent}.text-editor-actions .gold-button{min-width:140px}.template-editor label:has(.expand-text){display:flex;flex-direction:column}@media(max-width:600px){.text-editor-dialog{padding:22px}.text-editor-dialog textarea{padding:16px}.text-editor-bottom{flex-wrap:wrap}.text-editor-bottom input{width:100px}}
.frame-option-art svg{width:100%;height:76px;stroke:none}.frame-picker svg{height:52px;stroke:none}.frame-library svg{height:auto;aspect-ratio:1.4;stroke:none}

/* Text selection lives next to its input; long prayers keep compact previews. */
.template-launch{margin:12px 0 7px}.template-launch #openTemplates{background:#c9af78;color:#183b2c;border-color:#d6c18f;font-size:11px;font-weight:600}.template-launch #saveAsTemplate{font-size:10px}.template-help{font-size:10px;color:#b8c7af;line-height:1.6;margin:0 0 10px}.template-preview>span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:100%;line-height:1.3}.template-preview.long-text{font-size:22px;align-items:flex-start}.template-preview.long-text>span{line-height:1.5}.template-controls{flex-wrap:wrap}.template-controls input{flex:1 1 230px}.template-controls select{max-width:100%}.template-footer a{color:inherit}.template-card>strong{font-weight:600}

.png-resolution-row{display:grid;gap:9px}.png-resolution-row>label{font-size:11px;color:#d5deca}.png-resolution-row small{color:#b5c6ad;font-size:10px;line-height:1.6}.controls .field-note.quality-warning{background:#75603a40;border:1px solid #bc9d6255;border-radius:6px;padding:12px;color:#f0d59c;line-height:1.75}

/* Keep the export action visible while only its settings scroll. */
.app-layout:has(#exportSettings:not([hidden])){min-height:0}
.controls:has(#exportSettings:not([hidden])){display:flex;flex-direction:column;min-height:0;overflow:hidden;padding-top:14px;padding-bottom:12px}
.controls:has(#exportSettings:not([hidden])) .settings-tabs{flex-shrink:0;position:static;margin:0 0 13px;padding:0 0 12px}
#exportSettings:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0}
.controls #exportSettings>h2{font-size:18px;line-height:1.3;margin:0}
#exportSettings .export-tab-intro{font-size:11px;line-height:1.4;margin:6px 0 12px}
.controls #exportSettings .export-form{flex:1;min-height:0;gap:0}
.export-fields{display:flex;flex-direction:column;flex:1;gap:7px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8a9a7966 transparent;padding:2px 4px 10px 0}
.export-fields>label{color:#d5deca;font-size:11px;line-height:1.4;margin-top:5px}
.export-fields>label:first-child{margin-top:0}
.controls .export-fields select,.controls .export-fields input[type=number]{padding:8px;font-size:11px;min-height:34px}
.controls .export-fields select{padding-right:26px}
.controls .export-fields .export-dimensions{gap:7px;margin-top:2px}
.controls .export-fields .export-dimensions label{gap:4px;font-size:10px}
.controls .export-fields .export-dimensions button{height:34px}
.export-fields .export-size-note{margin:0;font-size:10px;line-height:1.45}
.export-fields .light-check{min-height:28px;margin:1px 0;font-size:11px;flex-shrink:0}
.export-fields .png-resolution-row{gap:6px;margin-top:4px}
.export-fields .png-resolution-row small{font-size:10px;line-height:1.4}
.export-details{margin-top:2px;border-top:1px solid #8a9a7933;padding-top:8px}
.export-details summary{cursor:pointer;font-size:11px;color:#b9cbb0;line-height:1.5;padding:2px 0}
.export-details summary:focus-visible{outline:2px solid #cfb67f;outline-offset:3px}
.export-details.quality-warning summary{color:#f0d59c}
.export-details .field-note{margin:8px 0 2px;line-height:1.6}
.export-actions{display:flex;flex-direction:column;gap:9px;flex-shrink:0;border-top:1px solid #8a9a7955;padding-top:11px;background:#102c27}
.controls .export-actions .export-summary{margin:0;padding:9px 10px;font-size:10px;line-height:1.45}
.export-actions #downloadButton{width:100%;min-height:44px;justify-content:center;padding:11px 12px}
.export-actions .download-again{font-size:10px;line-height:1.4;margin:0}
@media(max-width:740px){.controls:has(#exportSettings:not([hidden])){height:calc(100dvh - 66px);min-height:0;padding:14px 18px 12px;gap:0}.controls:has(#exportSettings:not([hidden])) .settings-tabs button{padding:10px 3px}}
@media(max-height:720px){.controls:has(#exportSettings:not([hidden])){padding-top:10px;padding-bottom:9px}.controls:has(#exportSettings:not([hidden])) .settings-tabs{margin-bottom:9px;padding-bottom:9px}#exportSettings .export-tab-intro{margin-bottom:8px}.export-actions{padding-top:8px;gap:7px}}
/* 34Akademi erişim kapısı */
body.auth-locked { overflow: hidden; }
body.auth-locked > :not(.auth-gate) { visibility: hidden; }
.auth-gate { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at 50% 20%, #255f52 0, #102c27 45%, #081b18 100%); color: #f8f3e7; }
.auth-unlocked .auth-gate { display: none; }
.auth-card { width: min(100%, 440px); padding: 38px; border: 1px solid rgba(207, 175, 104, .42); border-radius: 24px; background: rgba(9, 30, 26, .88); box-shadow: 0 28px 80px rgba(0, 0, 0, .34); backdrop-filter: blur(12px); }
.auth-mark { width: 58px; height: 58px; display: block; margin-bottom: 24px; }
.auth-kicker { color: #d6b76f; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.auth-card h1 { margin: 8px 0 10px; color: #fffaf0; font-family: Georgia, serif; font-size: clamp(30px, 8vw, 42px); font-weight: 500; }
.auth-card > p { margin: 0 0 28px; color: #cbd9d4; line-height: 1.6; }
.auth-card label { display: block; margin-bottom: 8px; color: #eef4f1; font-size: 14px; font-weight: 700; }
.auth-input-row { display: flex; overflow: hidden; border: 1px solid rgba(255, 255, 255, .22); border-radius: 12px; background: #fff; }
.auth-input-row:focus-within { border-color: #d6b76f; box-shadow: 0 0 0 3px rgba(214, 183, 111, .16); }
.auth-input-row input { min-width: 0; flex: 1; padding: 14px 16px; border: 0; outline: 0; color: #102c27; background: transparent; font: inherit; }
.auth-input-row button { padding: 0 14px; border: 0; color: #315f55; background: #f2eee3; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.auth-error { min-height: 22px; margin: 8px 0 2px; color: #ffb1a7; font-size: 13px; }
.auth-submit { width: 100%; padding: 14px 18px; border: 0; border-radius: 12px; color: #102c27; background: linear-gradient(135deg, #e8cc87, #cba85d); font: inherit; font-weight: 800; cursor: pointer; }
.auth-submit:hover { filter: brightness(1.06); }
.auth-submit:disabled { cursor: wait; opacity: .65; }
.auth-card > small { display: block; margin-top: 20px; color: #90aaa3; text-align: center; }
@media (max-width: 520px) { .auth-card { padding: 28px 22px; border-radius: 18px; } }
.loading{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:min(330px,calc(100% - 32px));padding:17px 20px;flex-direction:row;gap:14px;justify-content:flex-start;background:#fffaf0f2;border:1px solid #cbb98d;border-radius:10px;box-shadow:0 16px 50px #233b2d2e;backdrop-filter:blur(6px)}.loading p{margin:0 0 5px;color:#294b3a;font-size:13px;font-weight:600}.loading small{display:block;color:#7d806e;font-size:10px;line-height:1.5}.loading>span{flex:0 0 auto}