:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#ece6d8;color:#17221f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--selection-ink: #0d493e;--selection-border: #1f6f5f;--selection-surface: #dff1eb;--selection-surface-strong: #cce9e0;--selection-ring: 0 0 0 2px rgba(31, 111, 95, .22), 0 7px 18px rgba(16, 74, 62, .12);--selection-hover-border: #2b8a73;--selection-hover-surface: #eef8f4}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}body.smart-numeric-dragging,body.smart-numeric-dragging *{cursor:ew-resize!important;user-select:none!important;-webkit-user-select:none!important}button,input,select,textarea{font:inherit}input,textarea,select,.notice,.source-note,.mobile-block-summary,.ayah-picker-summary-label,.ayah-picker-summary-value,.ayah-picker-summary strong,.ayah-picker-summary div,.picker-detail-line,.picker-detail-line span,.quran-search-eyebrow,.quran-search-header,.quran-search-header *,.image-ocr-copy,.image-ocr-copy *,.source-mode-summary,.source-mode-summary *,.ayah-picker-header,.ayah-picker-header *,.translation-picker p,.translation-picker span,.translation-picker strong,.hadith-controls p,.hadith-controls span,.hadith-controls strong,.ocr-result-card,.ocr-result-card *,.save-state,.brand strong,.brand span,.settings-dialog-header span,.settings-toggle-card p,.text-citation-details,.text-citation-details *,.source-search-card p,.source-creation-card p,.saved-designs-card p,.content-search-card p,.content-search-card *,.source-workflow-card p,.source-workflow-card span,.source-workflow-card strong{user-select:text;-webkit-user-select:text}button{min-height:40px;border:1px solid #d7cdbc;background:#fffaf0;color:#17221f;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(31,111,95,.52);outline-offset:2px}.app-shell{display:grid;grid-template-rows:auto 1fr;height:100vh;background:#ece6d8}.topbar{display:grid;grid-template-columns:max-content minmax(220px,300px) auto;gap:10px;align-items:center;min-height:64px;padding:9px 16px;border-bottom:1px solid rgba(139,121,91,.22);background:linear-gradient(90deg,#fffdf8fc,#f8f5eef7),#f8f5eef7;box-shadow:0 2px 14px #27302a0b}.topbar-meta{display:flex;align-items:center;gap:12px;min-width:0}.topbar-left-tools{flex:0 0 auto;gap:4px}.topbar-left-tools button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:38px;height:34px;min-height:34px;border-radius:8px;padding:0 10px;border-color:transparent;background:transparent;box-shadow:none}.topbar-left-tools button:hover:not(:disabled){border-color:#d8cdb9;background:#fffaf0}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-copy{display:grid;gap:1px;min-width:0}.brand-mark{display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;overflow:hidden;border:1px solid rgba(145,126,94,.2);border-radius:9px;background:#fffdf8;box-shadow:0 2px 6px #3d352912,inset 0 1px #fff}.brand-logo{display:block;width:40px;height:40px;object-fit:contain}.brand strong,.brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand strong{color:#21332e;font-size:14px;font-weight:760;letter-spacing:-.015em;line-height:1.1}.brand span{color:#746a5e;font-size:11px;font-weight:520;line-height:1.2}.save-state{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:28px;padding:0 10px;border:1px solid rgba(54,117,95,.16);border-radius:999px;background:#f2f9f6e0;color:#4f685f;font-size:11px;font-weight:650;white-space:nowrap}.save-state i{display:block;width:6px;height:6px;border-radius:999px;background:#2f9b73;box-shadow:0 0 0 3px #2f9b731f}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#10231f;color:#d9b66f;font-weight:800}.topbar-project-summary{display:grid;min-width:0;max-width:300px;min-height:38px;justify-content:stretch;justify-items:start;overflow:hidden;border-color:#d8cdb9db;border-radius:10px;padding:5px 12px;background:#fffcf5c7;text-align:left;line-height:1.1}.topbar-project-summary span,.topbar-project-summary strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-project-summary span{color:#17221f;font-size:14px;font-weight:700}.topbar-project-summary strong{color:#766d61;font-size:11px;font-weight:650}.topbar-project-field{display:grid;gap:6px}.topbar-project-field span{color:#6b6258;font-size:11px;font-weight:750;text-transform:uppercase}.topbar-project-field input{width:100%;min-height:36px;border:1px solid #d7cdbc;border-radius:8px;padding:0 10px;background:#fffdf8}.topbar-project-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.topbar-project-presets button{display:grid;min-width:0;min-height:42px;border-radius:8px;padding:7px 9px;text-align:left;line-height:1.1}.topbar-project-presets strong{font-size:13px;font-weight:700}.topbar-project-presets span{color:#766d61;font-size:11px}.topbar-project-presets .active{background:#1f6f5f;border-color:#1f6f5f;color:#fff}.topbar-project-presets .active span{color:#ffffffc2}.custom-size-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:end;margin-top:10px}.custom-size-inputs label{display:grid;gap:4px;color:var(--muted);font-size:.72rem}.custom-size-inputs input{min-width:0;width:100%}.custom-size-inputs>small{grid-column:1 / -1;color:var(--muted);font-size:.72rem}.custom-size-inputs-action{grid-column:1 / -1}.project-menu-done{width:100%;min-height:34px;justify-content:center!important;border-color:#1f6f5f;background:#1f6f5f;color:#fff;font-size:12px;font-weight:700}.inspector-custom-size-inputs{margin-top:8px;width:100%}.export-lossless-note{margin:0;color:#766d61;font-size:.76rem;line-height:1.35}.mockup-export-status{position:fixed;left:50%;bottom:22px;z-index:2147483647;transform:translate(-50%);max-width:min(520px,calc(100vw - 32px));padding:10px 14px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#0c1411e6;box-shadow:0 14px 48px #00000047;color:#f8fff8;font-size:.9rem;line-height:1.25;text-align:center;backdrop-filter:blur(16px)}.paper-mockup-backdrop{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:18px;background:#080d0bc2;backdrop-filter:blur(12px)}.paper-mockup-studio{--paper-studio-bg: #f7f2e9;--paper-studio-card: #fffaf1;--paper-studio-card-strong: #f1e8da;--paper-studio-border: #d8cbb7;--paper-studio-text: #18332b;--paper-studio-muted: #716a60;--paper-studio-accent: #237a66;position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(1080px,calc(100vw - 36px));max-height:min(880px,calc(100dvh - 36px));overflow:hidden;border:1px solid var(--paper-studio-border);border-radius:22px;background:var(--paper-studio-bg);box-shadow:0 30px 110px #0000006b;color:var(--paper-studio-text)}.paper-mockup-header,.paper-mockup-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;border-color:var(--paper-studio-border);background:color-mix(in srgb,var(--paper-studio-bg) 94%,transparent)}.paper-mockup-header{border-bottom:1px solid var(--paper-studio-border)}.paper-mockup-header>div{min-width:0}.paper-mockup-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--paper-studio-accent);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.paper-mockup-header h2{margin:3px 0 2px;color:var(--paper-studio-text);font-size:clamp(1.18rem,2vw,1.55rem);line-height:1.1}.paper-mockup-header p,.paper-mockup-preview-note{margin:0;color:var(--paper-studio-muted);font-size:.76rem;line-height:1.4}.paper-mockup-first-use-note{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--paper-studio-accent) 32%,var(--paper-studio-border));border-radius:13px;background:color-mix(in srgb,var(--paper-studio-accent) 8%,var(--paper-studio-card));color:var(--paper-studio-accent)}.paper-mockup-first-use-note>svg{margin-top:2px}.paper-mockup-first-use-note>span{display:grid;gap:3px}.paper-mockup-first-use-note strong{color:var(--paper-studio-text);font-size:.73rem}.paper-mockup-first-use-note small{color:var(--paper-studio-muted);font-size:.66rem;line-height:1.4}.paper-mockup-close{display:grid;flex:0 0 auto;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--paper-studio-border);border-radius:12px;background:var(--paper-studio-card);color:var(--paper-studio-text)}.paper-mockup-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);min-height:0;overflow:hidden}.paper-mockup-preview-column{display:grid;align-content:start;gap:10px;min-width:0;padding:20px;overflow:auto}.paper-mockup-preview-shell{position:relative;overflow:hidden;border:1px solid var(--paper-studio-border);border-radius:18px;background:#c8c3bb;box-shadow:0 18px 45px #27201724}.paper-mockup-preview-shell canvas{display:block;width:100%;height:auto}.paper-mockup-preview-loading,.paper-mockup-preview-error{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;padding:24px;background:#0f1c179e;color:#f5fff9;font-size:.82rem;text-align:center;backdrop-filter:blur(7px)}.paper-mockup-preview-error{background:#441b16c7}.paper-mockup-preview-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--paper-studio-muted);font-size:.73rem}.paper-mockup-preview-meta strong{color:var(--paper-studio-text);font-size:.75rem}.paper-mockup-controls{display:grid;align-content:start;gap:12px;min-width:0;padding:20px 20px 20px 0;overflow:auto}.paper-mockup-control-section{display:grid;gap:11px;padding:14px;border:1px solid var(--paper-studio-border);border-radius:16px;background:var(--paper-studio-card)}.paper-mockup-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.paper-mockup-section-heading>span{color:var(--paper-studio-text);font-size:.77rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.paper-mockup-section-heading>small{color:var(--paper-studio-muted);font-size:.64rem;font-weight:700}.paper-mockup-section-heading button{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:5px 8px;border:1px solid var(--paper-studio-border);border-radius:9px;background:transparent;color:var(--paper-studio-muted);font-size:.68rem;font-weight:700}.paper-mockup-segmented,.paper-mockup-quality-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.paper-mockup-segmented button,.paper-mockup-quality-grid button{min-height:38px;border:1px solid var(--paper-studio-border);border-radius:11px;background:var(--paper-studio-card-strong);color:var(--paper-studio-text);font-size:.73rem;font-weight:750}.paper-mockup-segmented button.active,.paper-mockup-quality-grid button.active,.paper-mockup-paper-grid button.active,.paper-mockup-template-strip .paper-mockup-template-select.active,.paper-mockup-style-grid button.active{border-color:var(--paper-studio-accent);background:color-mix(in srgb,var(--paper-studio-accent) 14%,var(--paper-studio-card));box-shadow:0 0 0 2px color-mix(in srgb,var(--paper-studio-accent) 16%,transparent)}.paper-mockup-template-strip{display:grid;grid-auto-columns:minmax(146px,42%);grid-auto-flow:column;gap:8px;padding:2px 2px 8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:thin}.paper-mockup-template-card{position:relative;min-width:0;scroll-snap-align:start}.paper-mockup-template-select{position:relative;display:grid;grid-template-rows:78px minmax(0,1fr);width:100%;min-width:0;overflow:hidden;border:1px solid var(--paper-studio-border);border-radius:12px;background:var(--paper-studio-card-strong);color:var(--paper-studio-text);text-align:left}.paper-mockup-template-strip img{width:100%;height:78px;object-fit:cover;background:#c8c3bb}.paper-mockup-template-placeholder{position:relative;display:grid;place-items:center;width:100%;height:78px;overflow:hidden;background:radial-gradient(circle at 22% 20%,rgba(255,255,255,.45),transparent 22%),linear-gradient(145deg,#ffffff29,#ffffff08),#d6ccbc}.paper-mockup-template-placeholder.category-fabric{background:radial-gradient(circle at 26% 18%,rgba(255,255,255,.4),transparent 18%),linear-gradient(145deg,#ffffff1a,#ffffff05),#d9ddd7}.paper-mockup-template-placeholder:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(68,44,22,.045) 0 2px,transparent 2px 6px),repeating-linear-gradient(90deg,rgba(68,44,22,.025) 0 1px,transparent 1px 5px);mix-blend-mode:multiply;opacity:.34}.paper-mockup-template-placeholder.category-fabric:before{background:repeating-linear-gradient(0deg,rgba(36,43,36,.08) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(36,43,36,.06) 0 1px,transparent 1px 4px);opacity:.28}.paper-mockup-template-placeholder i,.paper-mockup-template-placeholder span{position:relative;z-index:1}.paper-mockup-template-placeholder i{width:34px;height:26px;border:1px solid rgba(31,27,20,.22);border-radius:4px;background:#ffffff94;box-shadow:0 8px 18px #0000001f;transform:rotate(-7deg)}.paper-mockup-template-placeholder.category-fabric i{border-radius:8px;transform:rotate(-5deg)}.paper-mockup-template-placeholder span{margin-top:6px;color:#1d221fb8;font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.paper-mockup-template-select>span{display:grid;align-content:start;gap:2px;padding:8px}.paper-mockup-template-strip strong{overflow:hidden;font-size:.69rem;text-overflow:ellipsis;white-space:nowrap}.paper-mockup-template-strip small{display:-webkit-box;overflow:hidden;color:var(--paper-studio-muted);font-size:.59rem;font-weight:500;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.paper-mockup-template-card em{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;gap:3px;padding:3px 5px;border-radius:999px;background:#07130fd1;color:#effaf4;font-size:.53rem;font-style:normal;font-weight:800;backdrop-filter:blur(5px)}.paper-mockup-template-card em.ready{background:#0b5d46e6;color:#edfff8}.paper-mockup-template-expand{position:absolute;top:6px;left:6px;display:grid;width:27px;height:27px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.58);border-radius:8px;background:#07130fc7;color:#effaf4;backdrop-filter:blur(5px)}.paper-mockup-template-expand:hover,.paper-mockup-template-expand:focus-visible{background:var(--paper-studio-accent);color:#062016}.paper-mockup-look-preview-backdrop{position:absolute;z-index:8;inset:0;display:grid;place-items:center;padding:24px;background:#030d0ab8;backdrop-filter:blur(7px)}.paper-mockup-look-preview{position:relative;display:grid;width:min(940px,100%);max-height:min(88vh,760px);grid-template-columns:1fr auto;gap:7px 16px;overflow:auto;padding:16px;border:1px solid var(--paper-studio-border);border-radius:18px;background:var(--paper-studio-card);box-shadow:0 25px 80px #0000006b}.paper-mockup-look-preview>div{display:grid;gap:2px;align-content:center}.paper-mockup-look-preview>div span{color:var(--paper-studio-accent);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.paper-mockup-look-preview>div strong{color:var(--paper-studio-text);font-size:1.05rem}.paper-mockup-look-preview>button{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--paper-studio-border);border-radius:10px;background:var(--paper-studio-card-strong);color:var(--paper-studio-text)}.paper-mockup-look-preview>img{width:100%;max-height:min(64vh,620px);grid-column:1 / -1;object-fit:contain;border-radius:12px;background:#151917}.paper-mockup-look-preview>p{grid-column:1 / -1;margin:0;color:var(--paper-studio-muted);font-size:.78rem}.paper-mockup-check{display:flex;align-items:flex-start;gap:9px;color:var(--paper-studio-text);cursor:pointer}.paper-mockup-check input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--paper-studio-accent)}.paper-mockup-check span,.paper-mockup-quality-grid button,.paper-mockup-paper-grid button span{display:grid;gap:2px;text-align:left}.paper-mockup-check strong,.paper-mockup-quality-grid strong,.paper-mockup-paper-grid strong{font-size:.72rem}.paper-mockup-check small,.paper-mockup-quality-grid small,.paper-mockup-paper-grid small{color:var(--paper-studio-muted);font-size:.64rem;font-weight:500;line-height:1.25}.paper-mockup-range-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.paper-mockup-range{display:grid;gap:7px;min-width:0}.paper-mockup-range-note{margin:-2px 0 2px;color:var(--paper-studio-muted);font-size:.64rem;line-height:1.35}.paper-mockup-range>span{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--paper-studio-muted);font-size:.69rem}.paper-mockup-range>span strong{color:var(--paper-studio-text);font-size:.7rem}.paper-mockup-range input[type=range]{width:100%;height:5px;margin:3px 0;appearance:none;border:0;border-radius:999px;background:linear-gradient(90deg,var(--paper-studio-accent) 0 var(--paper-range-percent),var(--paper-studio-border) var(--paper-range-percent) 100%)}.paper-mockup-range input[type=range]::-webkit-slider-thumb{width:17px;height:17px;appearance:none;border:3px solid var(--paper-studio-card);border-radius:50%;background:var(--paper-studio-accent);box-shadow:0 1px 5px #0000003d}.paper-mockup-range input[type=range]::-moz-range-thumb{width:13px;height:13px;border:3px solid var(--paper-studio-card);border-radius:50%;background:var(--paper-studio-accent);box-shadow:0 1px 5px #0000003d}.paper-mockup-paper-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.paper-mockup-paper-grid button{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-height:52px;padding:7px 8px;border:1px solid var(--paper-studio-border);border-radius:11px;background:var(--paper-studio-card-strong);color:var(--paper-studio-text)}.paper-mockup-paper-grid i{width:28px;height:28px;border:1px solid rgba(36,31,25,.18);border-radius:50%;box-shadow:inset 0 0 0 3px #ffffff52}.paper-mockup-quality-grid button{display:grid;gap:3px;min-height:53px;padding:8px 10px;text-align:left}.paper-mockup-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.paper-mockup-style-grid button{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;min-height:58px;padding:7px 8px;border:1px solid var(--paper-studio-border);border-radius:11px;background:var(--paper-studio-card-strong);color:var(--paper-studio-text);text-align:left}.paper-mockup-style-grid button>span:last-child{display:grid;gap:2px}.paper-mockup-style-grid strong{font-size:.69rem}.paper-mockup-style-grid small{color:var(--paper-studio-muted);font-size:.61rem;font-weight:500;line-height:1.23}.paper-mockup-style-sample{position:relative;display:grid;place-items:center;width:42px;height:35px;overflow:hidden;border:1px solid rgba(56,43,27,.18);border-radius:8px;background:repeating-linear-gradient(112deg,rgba(72,57,36,.05) 0 1px,transparent 1px 4px),#e4d8c5;box-shadow:inset 0 0 10px #4a392314}.paper-mockup-style-sample i{position:absolute;width:23px;height:2px;border-radius:999px;background:#2e3c35;box-shadow:0 1px 1px #ffffffa6,0 -1px 1px #27190d38}.paper-mockup-style-sample i:first-child{transform:translateY(-7px)}.paper-mockup-style-sample i:last-child{transform:translateY(7px)}.paper-mockup-style-sample.style-crisp{background:#eee6d8}.paper-mockup-style-sample.style-crisp i{height:1px;box-shadow:none}.paper-mockup-style-sample.style-deep i{height:3px;box-shadow:0 2px 1px #ffffffb8,0 -2px 2px #27190d52}.paper-mockup-style-sample.style-handmade{background:repeating-linear-gradient(112deg,rgba(72,57,36,.11) 0 1px,transparent 1px 3px),#d8c8ad}.paper-mockup-processing{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 36%,rgba(60,178,140,.2),transparent 30%),#06120ef0;color:#edf8f2;backdrop-filter:blur(18px)}.paper-mockup-processing-card{display:grid;justify-items:center;width:min(520px,100%);padding:clamp(22px,4vw,38px);border:1px solid rgba(111,204,169,.28);border-radius:24px;background:radial-gradient(circle at 50% 0,rgba(73,185,149,.15),transparent 38%),linear-gradient(160deg,#122f25f7,#081913fa);box-shadow:0 30px 90px #0000006b,inset 0 1px #ffffff0f;text-align:center}.paper-mockup-processing-brand{width:min(100%,360px);justify-self:start}.paper-mockup-processing-brand img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 12px 28px rgba(0,0,0,.22))}.paper-mockup-processing-art{position:relative;display:grid;place-items:center;width:140px;height:140px;margin:17px 0 13px}.paper-mockup-processing-art>img{z-index:2;width:76px;height:76px;border:1px solid rgba(238,210,149,.5);border-radius:23px;box-shadow:0 16px 38px #00000052,0 0 34px #49b99533;animation:paper-mockup-logo-breathe 2.6s ease-in-out infinite}.paper-mockup-processing-glow{position:absolute;inset:26px;border-radius:50%;background:#49b99533;filter:blur(20px);animation:paper-mockup-glow 2.4s ease-in-out infinite}.paper-mockup-orbit{position:absolute;inset:9px;border:1px solid rgba(94,211,168,.25);border-top-color:#66d0aa;border-radius:50%;animation:paper-mockup-orbit 3.1s linear infinite}.paper-mockup-orbit.orbit-two{inset:21px;border-color:#d6b87533;border-right-color:#d6b875;animation-direction:reverse;animation-duration:2.3s}.paper-mockup-processing-spark{position:absolute;z-index:3;color:#e8ca86;filter:drop-shadow(0 0 7px rgba(232,202,134,.42));animation:paper-mockup-spark 1.8s ease-in-out infinite}.paper-mockup-processing-spark.spark-one{top:10px;right:18px}.paper-mockup-processing-spark.spark-two{bottom:16px;left:17px;animation-delay:.75s}.paper-mockup-processing-copy{display:grid;justify-items:center;gap:6px}.paper-mockup-processing-kicker{color:#70d4ae;font-size:.64rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.paper-mockup-processing-copy h3{margin:0;color:#f5fbf8;font-size:clamp(1.22rem,3vw,1.62rem)}.paper-mockup-processing-copy p{min-height:2.7em;margin:0;color:#aac0b5;font-size:.75rem;line-height:1.45}.paper-mockup-download-progress,.paper-mockup-indeterminate{width:100%;margin-top:18px}.paper-mockup-download-progress{display:grid;gap:7px}.paper-mockup-download-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c7dbd1;font-size:.69rem}.paper-mockup-download-progress strong{color:#f3dfaf;font-size:.72rem}.paper-mockup-download-progress small{color:#819b8f;font-size:.6rem}.paper-mockup-progress-track,.paper-mockup-indeterminate{height:7px;overflow:hidden;border-radius:999px;background:#8fb8a629}.paper-mockup-progress-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#42a985,#70d4ae 70%,#ead291);box-shadow:0 0 16px #70d4ae61;transition:width .18s ease}.paper-mockup-indeterminate span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,#70d4ae,#ead291,transparent);animation:paper-mockup-progress 1.45s ease-in-out infinite}.paper-mockup-processing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;margin-top:18px}.paper-mockup-processing-steps>span{display:grid;justify-items:center;gap:5px;color:#6f897d;font-size:.6rem;font-weight:700}.paper-mockup-processing-steps i{display:grid;place-items:center;width:21px;height:21px;border:1px solid #38584a;border-radius:50%;background:#102a20;color:#769387;font-style:normal}.paper-mockup-processing-steps>span.current,.paper-mockup-processing-steps>span.complete{color:#c9ddd3}.paper-mockup-processing-steps>span.current i{border-color:#62cca5;color:#eaf9f2;box-shadow:0 0 0 4px #62cca51a}.paper-mockup-processing-steps>span.complete i{border-color:#4cad89;background:#31886a;color:#f1fff9}.paper-mockup-processing-footnote{display:flex;align-items:center;gap:6px;margin-top:18px;color:#87a095;font-size:.61rem}.paper-mockup-processing-footnote svg{color:#62cba5}@keyframes paper-mockup-orbit{to{transform:rotate(360deg)}}@keyframes paper-mockup-logo-breathe{0%,to{transform:scale(.97)}50%{transform:scale(1.03)}}@keyframes paper-mockup-glow{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:.9;transform:scale(1.08)}}@keyframes paper-mockup-spark{0%,to{opacity:.35;transform:scale(.78) rotate(-8deg)}50%{opacity:1;transform:scale(1.08) rotate(8deg)}}@keyframes paper-mockup-progress{0%{transform:translate(-115%)}to{transform:translate(340%)}}@media (prefers-reduced-motion: reduce){.paper-mockup-processing-art>img,.paper-mockup-processing-glow,.paper-mockup-orbit,.paper-mockup-processing-spark,.paper-mockup-indeterminate span{animation:none}}.paper-mockup-footer{border-top:1px solid var(--paper-studio-border)}.paper-mockup-footer>div{display:flex;align-items:center;gap:8px}.paper-mockup-footer button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 14px;border:1px solid var(--paper-studio-border);border-radius:12px;font-size:.76rem;font-weight:800}.paper-mockup-custom,.paper-mockup-cancel{background:var(--paper-studio-card);color:var(--paper-studio-text)}.paper-mockup-export{border-color:var(--paper-studio-accent)!important;background:var(--paper-studio-accent);color:#f6fff9;box-shadow:0 9px 22px color-mix(in srgb,var(--paper-studio-accent) 24%,transparent)}.paper-mockup-studio button:disabled{cursor:not-allowed;opacity:.5}.paper-mockup-studio button:not(:disabled){cursor:pointer}.paper-mockup-launch{display:flex;align-items:center;gap:11px;width:100%;min-height:58px;padding:10px 12px;border:1px solid rgba(35,122,102,.42);border-radius:14px;background:linear-gradient(135deg,#237a6626,#fffaf0e6);color:#244940;text-align:left}.paper-mockup-launch-icon{display:grid;flex:0 0 auto;place-items:center;width:36px;height:36px;border-radius:11px;background:#237a66;color:#f6fff9}.paper-mockup-launch>span:last-child{display:grid;gap:2px}.paper-mockup-launch strong{font-size:.78rem}.paper-mockup-launch small{color:#6d6a61;font-size:.67rem}.text-style-reset-action{display:flex;justify-content:flex-end;margin:7px 0 4px}.text-style-reset-button{display:inline-grid;place-items:center;width:30px;min-width:30px;min-height:30px;height:30px;padding:0;border-color:#1f6f5f33;border-radius:8px;background:#f2f9f6e0;color:#2a7462}.text-style-reset-button:hover{border-color:#1f6f5f6b;background:#e5f4ee}.font-card-sample.is-loading{color:#857a6d;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:12px;font-style:italic}.toolbar{display:flex;gap:6px;justify-content:flex-end;align-items:center;flex-wrap:wrap;max-width:100%}.toolbar-group{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid rgba(216,205,185,.78);border-radius:12px;background:#fffcf5ad;box-shadow:inset 0 1px #ffffffb8}.toolbar button,.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:38px;height:34px;min-height:34px;border-radius:8px;padding:0 10px}.toolbar-menu-trigger{min-width:72px}.toolbar-create-trigger{min-width:68px;border-color:transparent!important;background:#eef7f4b8!important;color:#1f6f5f}.toolbar-create-trigger:hover:not(:disabled),.toolbar-create-trigger:focus-visible{border-color:#1f6f5f47!important;background:#e5f3eef5!important}.toolbar-menu-trigger span{font-size:12px;font-weight:700}.toolbar-group button{border-color:transparent;background:transparent;box-shadow:none}.toolbar-group button:hover:not(:disabled){border-color:#d8cdb9;background:#fffaf0}.quick-actions-customizer{display:grid;gap:8px;padding:4px}.quick-actions-customizer>p{margin:0 2px 4px;color:#766d61;font-size:12px;line-height:1.4}.quick-action-option{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;padding:8px;border:1px solid rgba(216,205,185,.78);border-radius:10px;cursor:pointer}.quick-action-option:hover{background:#eef7f4b8}.quick-action-option input{margin-top:2px;accent-color:#1f6f5f}.quick-action-option span{display:grid;gap:2px}.quick-action-option strong{color:#17221f;font-size:12px}.quick-action-option small{color:#766d61;font-size:11px;line-height:1.3}.toolbar-toggle-active{border-color:var(--selection-border);background:var(--selection-surface);color:var(--selection-ink);box-shadow:var(--selection-ring)}.toolbar-group .toolbar-toggle-active{border-color:#1f6f5f57;background:#eef7f4eb;box-shadow:inset 0 0 0 1px #1f6f5f2e}.primary-action{background:#1f6f5f;border-color:#1f6f5f;color:#fff;min-width:86px;font-weight:700}.topbar-menu-backdrop{position:fixed;inset:0;z-index:69}.topbar-command-menu{position:absolute;top:64px;right:172px;display:grid;gap:8px;width:min(260px,calc(100vw - 24px));padding:12px;border:1px solid #d8cdb9;border-radius:12px;background:#f8f5eefb;box-shadow:0 18px 50px #10231f29}.topbar-command-menu-create{left:292px;right:auto;width:min(350px,calc(100vw - 24px));max-height:min(720px,calc(100dvh - 82px));overflow-y:auto}.topbar-command-menu-project{left:430px;right:auto;width:min(318px,calc(100vw - 24px))}.topbar-command-menu-library{left:104px;right:auto}.topbar-command-menu-tools{left:360px;right:auto;width:min(320px,calc(100vw - 24px));max-height:min(720px,calc(100dvh - 82px));overflow-y:auto}.topbar-command-menu-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px}.topbar-command-menu-header strong{color:#17221f;font-size:14px;font-weight:750}.topbar-command-menu-header button{min-height:28px;border-radius:999px;padding:0 10px;font-size:12px}.topbar-command-menu-list{display:grid;gap:8px}.topbar-command-menu-list button{justify-content:flex-start;gap:8px;width:100%;min-height:34px;border-color:transparent;border-radius:8px;padding:0 9px;background:transparent;box-shadow:none;color:#17221f;font-size:12px;font-weight:650;text-align:left}.topbar-command-menu-list button svg{flex:0 0 16px;width:16px;height:16px;color:#25332f}.topbar-command-menu-list button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-command-section{display:grid;gap:4px}.topbar-command-section+.topbar-command-section,.topbar-command-subgrid+.topbar-command-section{padding-top:8px;border-top:1px solid rgba(216,205,185,.72)}.topbar-command-section-label,.topbar-command-subgrid-label{color:#625a50;font-size:10px;font-weight:850;letter-spacing:.08em;line-height:1;text-transform:uppercase}.topbar-command-menu-list button:has(.topbar-command-copy){min-height:48px}.topbar-command-menu-list button .topbar-command-copy{display:grid;gap:2px;overflow:visible;white-space:normal}.topbar-command-copy strong{color:inherit;font-size:12px;font-weight:780;line-height:1.15}.topbar-command-copy small{color:#766d61;font-size:10px;font-weight:560;line-height:1.25}.topbar-command-menu-list button:hover{border-color:#d8cdb9;background:#fffaf0}.topbar-command-subgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:0;padding-top:8px;border-top:1px solid rgba(216,205,185,.72)}.topbar-command-subgrid-label{grid-column:1 / -1}.topbar-command-effects button{background:#eef7f4b8;border-color:#1f6f5f29}.topbar-command-subgrid button{min-width:0;min-height:34px;padding-inline:8px}.topbar-command-subgrid button svg{width:15px;height:15px}@media (min-width: 1121px) and (max-width: 1280px){.topbar{grid-template-columns:max-content minmax(200px,240px) auto}.topbar-project-summary{max-width:240px}}@media (min-width: 981px) and (max-width: 1120px){.topbar{grid-template-columns:minmax(420px,1fr) minmax(180px,300px);align-items:start}.topbar-project-summary{grid-column:2;grid-row:1;width:100%}.toolbar{grid-column:1 / -1;grid-row:2;justify-self:end}.topbar-command-menu,.workspace-popover{top:108px}.topbar-command-menu-create{left:236px}.topbar-command-menu-library{left:104px}.topbar-command-menu-project{left:auto;right:16px}.topbar-command-menu-tools{left:236px}}.settings-launch-row{display:grid;gap:10px}.settings-launch-row p{margin:4px 0 0;color:#766d61;font-size:13px}.settings-dialog-backdrop{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:20px;background:#10231f2e;backdrop-filter:blur(8px)}.workspace-popover-backdrop{position:fixed;inset:0;z-index:68}.workspace-popover{position:absolute;top:64px;right:16px;display:grid;gap:12px;width:min(340px,calc(100vw - 24px));padding:12px;border:1px solid #d8cdb9;border-radius:10px;background:#f8f5eefa;box-shadow:0 18px 50px #10231f2e}.workspace-popover-header,.workspace-panel-row,.workspace-width-list label{display:flex;align-items:center;justify-content:space-between;gap:12px}.workspace-popover-header strong{color:#17221f;font-size:13px}.workspace-popover-header button,.workspace-reset-button{min-height:30px;border-radius:999px;padding:0 12px;font-size:12px}.workspace-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.workspace-preset-grid button{min-height:34px;border-radius:8px;padding:0 10px;font-size:12px;font-weight:650}.workspace-preset-grid .active{border-color:var(--selection-border);background:var(--selection-surface-strong);color:var(--selection-ink);box-shadow:var(--selection-ring)}.workspace-panel-list,.workspace-width-list{display:grid;gap:8px;padding:10px;border:1px solid rgba(16,35,31,.08);border-radius:8px;background:#fffdf8a3}.workspace-panel-row span,.workspace-width-list span{color:#17221f;font-size:12px;font-weight:650}.workspace-panel-row input[type=checkbox]{width:18px;min-height:18px;padding:0;border:0;accent-color:#1f6f5f;background:transparent}.workspace-width-list label{display:grid;grid-template-columns:72px minmax(0,1fr) 48px}.workspace-width-list input[type=range]{width:100%;min-height:24px;padding:0;border:0;accent-color:#1f6f5f;background:transparent}.workspace-width-list small{color:#766d61;font-size:11px;text-align:right}.workspace-reset-button{justify-self:start}.settings-dialog{width:min(560px,100%);max-height:min(82vh,760px);overflow:auto;border:1px solid rgba(210,197,175,.94);border-radius:24px;padding:18px;background:linear-gradient(180deg,#fffcf6fc,#f6eee1fa);box-shadow:0 28px 70px #10231f3d,inset 0 1px #fffc}.settings-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.settings-dialog-header strong{display:block;color:#17221f;font-size:18px}.settings-dialog-header span{display:block;margin-top:4px;color:#766d61;font-size:13px}.settings-dialog-body{display:grid;gap:8px}.new-design-confirm-dialog{width:min(460px,100%)}.new-design-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.new-design-confirm-actions .primary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px}.settings-group{overflow:clip;border:1px solid #e1d5c3;border-radius:16px;background:#fffdf8b8;box-shadow:inset 0 1px #ffffffc2}.settings-group>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 14px;align-items:center;gap:10px;min-height:58px;padding:10px 14px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}.settings-group>summary::-webkit-details-marker{display:none}.settings-group>summary:after{content:"⌄";color:#766d61;font-size:16px;line-height:1;transition:transform .16s ease}.settings-group[open]>summary:after{transform:rotate(180deg)}.settings-group>summary span{overflow:hidden;color:#17221f;font-size:14px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.settings-group>summary small{overflow:hidden;color:#1f6f5f;font-size:11px;font-weight:700;text-align:right;text-overflow:ellipsis;white-space:nowrap}.settings-group-body{display:grid;gap:8px;padding:0 10px 10px;border-top:1px solid rgba(225,213,195,.78)}.settings-group-note{margin:2px 2px 0;color:#766d61;font-size:12px;line-height:1.4}.settings-toggle-card{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:10px 12px;border:1px solid rgba(225,213,195,.88);border-radius:11px;background:#fffdf8e6}.settings-toggle-card strong{display:block;color:#17221f;font-size:14px}.settings-toggle-card span{display:block;margin-top:4px;color:#766d61;font-size:13px}.settings-toggle-card input{width:18px;height:18px;accent-color:#1f6f5f}.workspace-settings-body .workspace-preset-grid,.workspace-settings-body .workspace-panel-list,.workspace-settings-body .workspace-width-list{margin:0}.danger-action{background:#7a281f;border-color:#7a281f;color:#fff}.secondary-action{background:#fffdf8;color:#17221f;border-color:#d7cdbc}.page-switcher-main,.page-switcher-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.page-switcher-main span{color:#6b6258;font-size:12px}.settings-note{margin:0;color:#6b6258;font-size:12px}.page-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.page-strip button{display:grid;gap:2px;min-width:104px;min-height:54px;border-radius:12px;padding:8px 10px;text-align:left;background:#fffaf0}.page-strip strong{font-size:13px}.page-strip span{color:#6b6258;font-size:11px}.page-strip .active{background:#1f6f5f;border-color:#1f6f5f;color:#fff}.page-strip .active span{color:#ffffffc7}.page-strip.disabled{opacity:.58}.font-studio{display:grid;gap:9px}.font-studio-shell{display:grid;gap:8px}.font-variant-picker{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:7px 10px;border:1px solid #d8cdb9;border-radius:10px;background:#fffdf8}.font-variant-picker>span{color:#6b6258;font-size:12px}.font-variant-picker select{min-width:0;min-height:30px;padding:4px 8px;border:1px solid #d8cdb9;border-radius:7px;background:#fff;color:#27231f;font:inherit}.font-studio-toggle{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:58px;padding:9px 11px 9px 13px;border:1px solid #d6c9b6;border-radius:14px;background:linear-gradient(135deg,#fffdf8,#f7f1e7);box-shadow:0 5px 14px #5c462a0f,inset 0 1px #ffffffdb}.font-studio-toggle span{display:grid;gap:2px;text-align:left;min-width:0}.font-studio-toggle strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;letter-spacing:0;text-transform:none}.font-studio-toggle em{color:#6b6258;font-size:12px;font-style:normal}.font-studio-toggle-hint{display:inline-flex!important;align-items:center;flex:0 0 auto;padding:6px 8px;border:1px solid rgba(31,111,95,.18);border-radius:8px;background:#1f6f5f12;color:#6b6258;font-size:12px;font-style:normal;white-space:nowrap}.font-studio.collapsed{display:none}.font-search-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;padding:5px 9px;border:1px solid #d6c9b6;border-radius:12px;background:#fffdf8;box-shadow:inset 0 1px #fffc}.font-search-row>svg{color:#8b7963}.font-search-row input{min-height:34px;border:0;outline:0;background:transparent;box-shadow:none}.font-search-row input:focus{box-shadow:none}.font-toolbar{display:flex;align-items:center;gap:6px}.font-import-button{min-height:38px;border:1px solid rgba(31,111,95,.22);border-radius:11px;background:linear-gradient(135deg,#1f6f5f24,#1f6f5f0f);color:#1f6f5f;font:inherit;font-weight:700;cursor:pointer;padding:0 12px;transition:border-color .14s ease,background .14s ease,transform .14s ease}.font-import-button:hover{border-color:#1f6f5f6b;background:linear-gradient(135deg,#1f6f5f33,#1f6f5f1a);transform:translateY(-1px)}.font-import-row{display:grid}.font-library-section{display:grid;gap:8px;align-content:start;align-items:start}.system-font-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.system-font-actions button{min-height:30px;border:1px solid rgba(31,111,95,.18);border-radius:8px;background:#ffffffc2;color:#1f6f5f;cursor:pointer;font:inherit;font-weight:800;padding:0 10px}.system-font-actions button:disabled{cursor:wait;opacity:.58}.system-font-actions small{color:#17221f94;font-size:.74rem}.font-library-header{display:flex;justify-content:space-between;align-items:center;padding:2px 2px 0;color:#17221f9e;font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.font-library-header span{display:inline-flex;align-items:center;gap:7px}.font-library-header span:before{width:6px;height:6px;border-radius:50%;background:#1f6f5f;box-shadow:0 0 0 3px #1f6f5f1a;content:""}.font-library-header em{min-width:22px;padding:2px 6px;border:1px solid rgba(31,111,95,.16);border-radius:999px;background:#1f6f5f0f;color:#1f6f5f;font-size:10px;font-style:normal;text-align:center}.font-card-with-action{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:8px;align-items:stretch;padding:0;overflow:hidden;border:1px solid #d8cdb9;border-radius:14px;background:#fffdf8;box-shadow:0 3px 10px #5c462a0b}.font-card-with-action>.font-card{align-self:stretch;border:0;border-radius:0;background:transparent;box-shadow:none}.font-card-with-action>.font-card.active{box-shadow:inset 0 0 0 2px var(--selection-border)}.font-card-main{min-width:0;width:100%;border:0;background:transparent;text-align:left;color:inherit;cursor:pointer;padding:12px}.font-delete-button{align-self:stretch;border:0;border-left:1px solid rgba(31,111,95,.12);background:#fff6;color:#b34b4b;cursor:pointer}.font-favorite-button{align-self:stretch;border:0;border-left:1px solid rgba(31,111,95,.12);background:#fff6;color:#8a7660;cursor:pointer}.font-favorite-button:hover,.font-favorite-button.active{background:#fff3e5;color:#b05a26}.font-pin-toggle{display:inline-grid;place-items:center;width:34px;height:34px;min-width:34px;padding:0;border-radius:8px;color:#6b6258}.font-pin-toggle.active{border-color:var(--selection-border);background:var(--selection-surface-strong);color:var(--selection-ink);box-shadow:var(--selection-ring)}.font-studio-summary{display:flex;align-items:center;justify-content:flex-start;gap:12px;color:#6b6258;font-size:12px}.font-filter-stack{display:grid;gap:7px}.font-online-filter{display:grid;gap:6px;padding:8px;border:1px solid rgba(31,111,95,.16);border-radius:12px;background:#1f6f5f09}.font-online-filter-header{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#6b6258;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.font-online-filter-header em{color:#1f6f5f;font-size:10px;font-style:normal;letter-spacing:0;text-transform:none}.font-online-filter-row{display:grid;grid-template-columns:1fr;gap:7px;align-items:center}.font-online-category-pills{display:flex;min-width:0;gap:3px;overflow-x:auto;scrollbar-width:none}.font-online-category-pills::-webkit-scrollbar{display:none}.font-online-category-pills button{flex:0 0 auto;min-height:28px;padding:0 8px;border:1px solid rgba(31,111,95,.16);border-radius:8px;background:#fffdf8b3;color:#6b6258;font-size:11px;cursor:pointer}.font-online-category-pills button.active{border-color:#1f6f5f;background:#1f6f5f;color:#fff}.font-online-sort{display:grid;grid-template-columns:auto minmax(110px,1fr);gap:5px;align-items:center;color:#6b6258;font-size:11px}.font-online-sort select{min-height:28px;padding:0 7px;border:1px solid rgba(31,111,95,.18);border-radius:8px;background:#fffdf8;color:#3f392f;font:inherit}.font-preview-status{flex:0 0 auto;padding:3px 7px;border:1px solid rgba(31,111,95,.22);border-radius:999px;background:#1f6f5f14;color:#1f6f5f;font-size:10px;font-weight:800;letter-spacing:.02em;white-space:nowrap}.font-card-list{display:flex;flex-direction:column;gap:8px;max-height:min(38vh,360px);overflow:auto;align-content:start;align-items:start;padding:1px 3px 3px 1px;scrollbar-color:rgba(31,111,95,.45) transparent;scrollbar-width:thin}.font-card-list>*{flex:0 0 auto;width:100%}.font-card{appearance:none;-webkit-appearance:none;display:grid;grid-template-rows:auto minmax(38px,auto);gap:7px;width:100%;height:auto;min-height:0;padding:8px;border:1px solid #d8cdb9;border-radius:14px;background:linear-gradient(145deg,#fffdf8,#faf5ec);box-shadow:0 3px 10px #5c462a0b;text-align:left;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,transform .14s ease}.font-card.script-arabic,.font-card.script-bengali{min-height:0}.font-card.script-mono{min-height:88px}.font-card.active{border-color:var(--selection-border);background:var(--selection-surface);box-shadow:var(--selection-ring)}.font-card:hover:not(.active){border-color:#1f6f5f5c;box-shadow:0 7px 16px #5c462a14;transform:translateY(-1px)}.font-card-top{display:flex;justify-content:space-between;gap:8px;align-items:start;min-width:0}.font-card-top strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-card-top div{min-width:0}.font-card-top span,.font-card-sample{color:#6b6258;font-size:12px}.font-style-count{display:inline-flex;align-items:center;margin-left:6px;padding:1px 5px;border:1px solid rgba(31,111,95,.2);border-radius:999px;background:#e2f1ebbf;color:#286b5b;font-size:10px;font-style:normal;font-weight:800;line-height:1.35;white-space:nowrap}.font-card-sample{display:flex;align-items:center;margin:0;min-height:30px;overflow:hidden;padding:6px 8px;border:1px solid rgba(92,70,42,.06);border-radius:9px;background:#f4eee4;color:#18241f;font-size:16px;line-height:1.35;white-space:nowrap}.font-card-sample.script-arabic{font-size:20px;min-height:38px;line-height:1.8}.font-card-sample.script-bengali{font-size:18px;min-height:34px;line-height:1.35}.font-card-sample.script-serif{font-size:17px}.font-card-sample.script-mono{font-size:16px;letter-spacing:.03em}.font-filters{display:flex;flex:1;min-width:0;gap:3px;overflow-x:auto;padding:3px;border:1px solid rgba(31,111,95,.14);border-radius:12px;background:#fffdf8c2;scrollbar-width:none}.font-filters::-webkit-scrollbar{display:none}.font-filters button{flex:0 0 auto;min-width:58px;min-height:34px;padding-inline:9px;border:0;border-radius:9px;background:transparent;color:#665c50;font-weight:700;font-size:12px;white-space:nowrap}.font-filters button.active{background:#123b31;color:#fffaf0;box-shadow:0 3px 8px #123b312e}.font-language-pills{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px;border:1px solid rgba(31,111,95,.14);border-radius:12px;background:#fffdf8b8}.font-language-pills button{min-width:0;min-height:29px;border:1px solid transparent;border-radius:999px;background:transparent;color:#6b6258;font:inherit;font-size:12px;font-weight:800;cursor:pointer;padding:0 6px}.font-language-pills button.active{border-color:#1f6f5f47;background:#1f6f5f;color:#fffaf0}.font-use-label{color:#1f6f5f;font-size:12px;font-weight:700}.font-loading{animation:spin .8s linear infinite}.font-studio-compact .font-studio-shell{position:sticky;top:0;z-index:1;padding-bottom:4px;background:linear-gradient(180deg,#f8f5eefa,#f8f5eeeb)}.font-studio-compact .font-studio-toggle{min-height:52px}.font-studio-compact .font-card-list{max-height:min(46vh,440px);overflow-y:auto}.font-studio-compact .font-card{padding:7px}.font-studio-compact .font-card-sample{font-size:16px}.font-studio-compact .font-search-row{grid-template-columns:auto minmax(0,1fr)}.font-studio-compact .font-online-filter-row{grid-template-columns:1fr}.font-studio-compact .font-online-sort{grid-template-columns:auto minmax(0,1fr)}.font-studio-compact .font-studio-summary{flex-direction:column;align-items:flex-start}.font-studio-compact .font-search-row{order:1}.font-studio-compact .font-toolbar{order:2}.font-studio-compact .font-studio-summary{order:3}.font-studio-compact .font-filter-stack{order:4}.font-studio-compact .font-card-list{order:5}.font-studio-compact .font-import-row{order:6}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-stack{gap:12px;padding:12px}.sidebar-shell{align-content:start}.content-studio-shell,.content-studio-shell *{min-width:0}.sidebar-card{display:grid;gap:10px;padding:12px;border:1px solid #e1d6c5;border-radius:14px;background:#fffdf8;box-shadow:0 8px 24px #10231f0a}.sidebar-card h2{margin:0;font-size:14px}.content-studio-shell{gap:14px}.content-studio-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(16,35,31,.08)}.source-creation-card .content-studio-header,.content-search-card .content-studio-header,.content-library-card .content-studio-header{position:relative;padding-bottom:14px}.source-creation-card .content-studio-header:after,.content-search-card .content-studio-header:after,.content-library-card .content-studio-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,rgba(31,111,95,.22),rgba(16,35,31,.05),transparent)}.mobile-disclosure{display:grid}.mobile-disclosure>summary{cursor:default;list-style:none}.mobile-disclosure>summary::-webkit-details-marker{display:none}.mobile-disclosure-body{display:grid;gap:10px}.content-studio-header.compact{padding-bottom:8px}.content-studio-header div{display:grid;gap:2px}.content-studio-header span,.content-studio-header strong{color:#766d61;font-size:12px}.content-studio-header h2{margin:0;font-size:18px;line-height:1.15;overflow-wrap:anywhere}.content-studio-header strong{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid rgba(31,111,95,.16);border-radius:999px;background:#eef7f4b8;color:#1f6f5f;font-weight:700;box-shadow:0 8px 16px #1f6f5f14}.source-creation-card,.content-search-card,.content-library-card{position:relative;overflow:hidden;border-radius:18px;background:radial-gradient(circle at top right,rgba(31,111,95,.08),transparent 34%),radial-gradient(circle at bottom left,rgba(183,154,103,.08),transparent 30%),linear-gradient(180deg,#fffdf8fa,#f8f4ebf5);box-shadow:inset 0 1px #ffffffc7,0 18px 42px #10231f12}.source-creation-card:before,.content-search-card:before,.content-library-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:5px;background:linear-gradient(90deg,#1f6f5f,#b79a67 52%,#1f6f5f33);opacity:.9}.source-creation-card:after,.content-search-card:after,.content-library-card:after{content:"";position:absolute;inset:auto -20% -28% auto;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(31,111,95,.08),transparent 68%);pointer-events:none}.creation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px}.creation-tile{position:relative;display:grid;grid-template-columns:1fr;justify-items:center;align-content:center;gap:7px;min-height:108px;padding:14px 10px;border:1px solid rgba(16,35,31,.09);border-radius:14px;background:linear-gradient(180deg,#fffdf8f5,#f5efe5eb);text-align:center;box-shadow:0 10px 24px #10231f0d;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;min-width:0}.creation-tile.primary{background:radial-gradient(circle at top left,rgba(31,111,95,.12),transparent 34%),linear-gradient(180deg,#fffdf8f5,#f5efe5eb);border-color:#1f6f5f33}.creation-tile>svg{color:#1f6f5f;stroke-width:2.15}.creation-tile:after{content:"";position:absolute;inset:auto 10px 10px auto;width:38px;height:38px;border-radius:12px;background:radial-gradient(circle at 35% 35%,rgba(31,111,95,.14),transparent 62%);opacity:.8;pointer-events:none}.creation-tile:hover,.shape-strip button:hover,.inline-manager-actions button:hover,.recent-card button:hover,.template:hover,.result-card:hover{transform:translateY(-1px);box-shadow:0 14px 28px #10231f14}.creation-tile span{display:grid;gap:3px;width:100%;min-width:0;justify-items:center}.creation-tile strong{max-width:100%;overflow-wrap:anywhere;color:#17221f;font-size:13px;line-height:1.18;white-space:normal}.creation-tile small{color:#766d61;font-size:11px;line-height:1.3}.creation-tile input{position:absolute;inset:0;opacity:0;cursor:pointer}.shape-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shape-strip button{min-height:38px;min-width:0;border-radius:12px;background:linear-gradient(180deg,#fffdf8f5,#f5efe5f0);box-shadow:0 8px 18px #10231f0d;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;overflow-wrap:anywhere;white-space:normal}.source-secondary-actions,.mobile-add-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.source-secondary-actions{padding-top:8px;border-top:1px solid rgba(216,205,185,.72)}.source-secondary-actions .secondary-action,.mobile-add-secondary-grid .secondary-action{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:40px;overflow:hidden;border-radius:10px;font-size:11px;font-weight:750;text-align:center}.source-secondary-actions input,.mobile-background-action input{position:absolute;inset:0;opacity:0;cursor:pointer}.design-manager-inline{display:grid;grid-template-columns:minmax(0,1fr) minmax(88px,auto);align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(16,35,31,.08);border-radius:14px;background:linear-gradient(135deg,rgba(31,111,95,.08),transparent 40%),#ffffffb8}.design-manager-inline div{display:grid;gap:2px;min-width:0}.design-manager-inline span{color:#17221f;font-size:13px;font-weight:700}.design-manager-inline small{color:#766d61;font-size:12px}.creation-advanced-tools,.source-secondary-disclosure,.source-advanced-disclosure{border:1px solid rgba(16,35,31,.09);border-radius:12px;background:#fffdf894}.creation-advanced-tools{margin-top:2px}.creation-advanced-tools summary,.source-secondary-disclosure summary,.source-advanced-disclosure summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:8px 11px;color:#23342f;cursor:pointer;list-style:none}.creation-advanced-tools summary::-webkit-details-marker,.source-secondary-disclosure summary::-webkit-details-marker,.source-advanced-disclosure summary::-webkit-details-marker{display:none}.creation-advanced-tools summary:after,.source-secondary-disclosure summary:after,.source-advanced-disclosure summary:after{content:"+";grid-column:2;grid-row:1 / span 2;display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(31,111,95,.18);border-radius:50%;color:#1f6f5f;font-weight:750}.creation-advanced-tools[open] summary:after,.source-secondary-disclosure[open] summary:after,.source-advanced-disclosure[open] summary:after{content:"–"}.creation-advanced-tools summary span,.source-secondary-disclosure summary span,.source-advanced-disclosure summary span{color:#263732;font-size:12px;font-weight:760}.creation-advanced-tools summary small,.source-secondary-disclosure summary small,.source-advanced-disclosure summary small{grid-column:1;color:#7a6e5d;font-size:11px}.creation-advanced-tools .shape-strip,.creation-advanced-tools .source-secondary-actions{margin-inline:9px}.creation-advanced-tools .shape-strip{margin-bottom:8px}.creation-advanced-tools .source-secondary-actions{margin-bottom:9px}.creation-ocr-card{margin:0}.source-secondary-disclosure{margin-top:2px}.source-secondary-disclosure .image-ocr-card{margin:0 9px 9px}.source-advanced-disclosure{margin-top:2px}.source-advanced-disclosure .quran-controls{padding:0 10px 10px}.inline-manager-actions{display:grid;grid-template-columns:1fr;gap:8px}.inline-manager-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border-radius:8px;padding:0 10px;white-space:normal}@container (max-width: 292px){.content-studio-header{gap:8px}.content-studio-header strong{padding-inline:8px}.design-manager-inline{grid-template-columns:1fr;align-items:stretch}.inline-manager-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.community-manager-inline .inline-manager-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.source-mode-summary{display:grid;gap:6px;padding:10px 12px;border:1px solid rgba(31,111,95,.12);border-radius:10px;background:radial-gradient(circle at top right,rgba(31,111,95,.08),transparent 28%),#ffffff9e}.source-mode-summary:before{content:"Workflow";display:inline-flex;width:fit-content;padding:0 8px;margin-bottom:2px;border-radius:999px;background:#1f6f5f1f;color:#1f6f5f;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.source-mode-summary span{color:#554f45;font-size:12px;line-height:1.45}.source-supplement-card,.source-workflow-card,.results-shell{margin-top:0;border-radius:16px}.other-source-card{display:grid;gap:10px;padding:14px;border:1px solid #d8ccb7;border-radius:18px;background:radial-gradient(circle at top left,rgba(31,111,95,.12),transparent 28%),linear-gradient(180deg,#fffdf8,#f7f0e3);box-shadow:0 14px 34px #10231f0f}.hadith-controls{display:grid;gap:10px}.hadith-lookup{display:grid;gap:8px}.results-shell{display:grid;gap:10px;padding:12px;border:1px solid rgba(16,35,31,.08);background:radial-gradient(circle at top right,rgba(31,111,95,.08),transparent 28%),#ffffff94}.results-header{display:flex;justify-content:space-between;gap:10px;align-items:center}.results-header div{display:grid;gap:2px}.results-header span{color:#766d61;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.results-header strong{color:#17221f;font-size:14px}.properties-panel{gap:14px}.properties-card{border-radius:12px;background:linear-gradient(180deg,#fffdf8fa,#f8f4ebf5);box-shadow:inset 0 1px #ffffffc7,0 12px 34px #10231f0f}.properties-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid rgba(16,35,31,.08)}.properties-header div{display:grid;gap:2px}.properties-header .properties-header-actions{display:flex;align-items:center;gap:7px}.properties-header span,.properties-header strong{color:#766d61;font-size:12px}.properties-header h2{margin:0;font-size:18px;line-height:1.15}.properties-header strong{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid rgba(31,111,95,.16);border-radius:999px;background:#eef7f4b8;color:#1f6f5f;font-weight:700}.quick-delete-selection{min-width:30px;width:30px;height:30px;padding:0;border-color:#a939393d;border-radius:999px;background:#fff7f4eb;color:#a33b32}.quick-delete-selection:hover{border-color:#a939396b;background:#ffebe5fa;color:#8e2f28}.quick-action-bar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 10px}.quick-action-bar button{min-height:34px;padding:0 12px;border-radius:999px;background:#fffdf8eb;color:#17221f;white-space:nowrap}.quick-action-bar button.primary{background:#1f6f5f;border-color:#1f6f5f;color:#fff;box-shadow:0 8px 20px #1f6f5f29}.quick-action-bar button:hover{border-color:#1f6f5f3d}.quick-action-bar.compact{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;margin:10px 0 8px}.quick-action-bar.compact button{flex:0 0 auto;min-height:36px}.sidebar-jumpbar{position:sticky;top:0;z-index:3;display:flex;gap:8px;align-items:center;overflow-x:auto;margin:0 0 12px;padding:10px 0 8px;background:linear-gradient(180deg,#fffdf8 78%,#fffdf800);box-shadow:0 8px 12px -14px #10231f80}.sidebar-jumpbar button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:999px;background:#fffdf8e6;color:#17221f;white-space:nowrap}.sidebar-jumpbar button.active{background:#1f6f5f;border-color:#1f6f5f;color:#fff;box-shadow:0 6px 18px #1f6f5f29}.sidebar-jumpbar button.active:hover{background:#1f6f5f;border-color:#1f6f5f}.sidebar-jumpbar button:hover{border-color:#1f6f5f3d;background:#eef7f4eb}.properties-grid,.advanced-control-body{display:grid;gap:12px}.inspector-section{display:grid;gap:10px;padding:12px;border:1px solid rgba(16,35,31,.08);border-radius:16px;background:radial-gradient(circle at top right,rgba(31,111,95,.06),transparent 30%),#fffdf8b8}.inspector-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.inspector-section-header span{color:#766d61;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.inspector-section-header strong{color:#1f6f5f;font-size:12px;font-weight:700}.section-helper-text{margin:0;color:#685f53;font-size:12px;line-height:1.45}.shading-subsection{display:grid;gap:10px;padding:14px;border:1px solid rgba(16,35,31,.08);border-radius:16px;background:linear-gradient(180deg,#fffdf8fa,#f6efe4eb);box-shadow:inset 0 1px #ffffffd1,0 10px 22px #10231f0a}.shading-subsection summary{cursor:pointer;color:#17221f;font-size:13px;font-weight:700}.surface-control-group{display:grid;gap:8px;padding:10px;border:1px solid rgba(31,111,95,.1);border-radius:8px;background:#ffffff75}.surface-control-heading{color:#554f45;font-size:11px;font-weight:800;text-transform:uppercase}.relief-stack-group>summary{cursor:pointer;list-style-position:inside}.character-style-panel{display:grid;gap:8px;padding:9px;border:1px solid rgba(31,111,95,.14);border-radius:8px;background:#fffaf07a}.character-modifier-zone{display:grid;gap:10px;padding:10px;border:1px solid rgba(31,111,95,.22);border-radius:10px;background:linear-gradient(180deg,#e8f3eff2,#f8f4eaf5);box-shadow:inset 0 1px #fffc,0 8px 18px #141f1c0d}.character-modifier-zone.is-active{border-color:#1f6f5f57;box-shadow:inset 0 1px #ffffffd6,0 10px 22px #141f1c0f}.text-cleanup-actions{position:absolute;top:-13px;left:16px;z-index:1;display:flex;flex-wrap:wrap;gap:6px}.text-cleanup-actions button{min-height:28px;padding:0 10px;border:1px solid rgba(31,111,95,.16);border-radius:8px;background:#fffdf8fa;box-shadow:0 3px 10px #10231f0d;color:#27312d;font-size:.74rem;font-weight:600;line-height:1.05;cursor:pointer}.text-cleanup-actions button:disabled{cursor:not-allowed;opacity:.42}.character-modifier-header{display:grid;gap:6px}.character-modifier-toggle{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.character-modifier-chevron{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border:1px solid rgba(23,34,31,.08);border-radius:999px;background:#ffffff75;color:#17221fb3;font-size:.68rem;font-weight:700;line-height:1;white-space:nowrap}.character-modifier-copy{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.character-modifier-copy>span{color:#43524b;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.character-modifier-copy strong{color:#17221f;font-size:.8rem}.character-modifier-badges{display:flex;flex-wrap:wrap;gap:5px}.character-modifier-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border:1px solid rgba(23,34,31,.1);border-radius:999px;background:#ffffff9e;color:#5f655f;font-size:10px;font-weight:700;letter-spacing:.01em}.character-modifier-badge.subtle{border-color:#17221f14;background:#ffffff70;color:#43524be0}.character-modifier-badge.active{border-color:var(--selection-border);background:var(--selection-surface-strong);color:var(--selection-ink)}.character-style-header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.72rem;color:#17221f9e}.character-style-header strong{color:#17221f;font-size:.75rem}.character-style-actions{display:grid;grid-template-columns:repeat(3,34px) 42px minmax(58px,1fr) auto;gap:6px;align-items:center}.character-style-actions button,.character-style-actions input{min-width:0;height:32px;border:1px solid rgba(31,111,95,.18);border-radius:8px;background:#ffffffbd;color:#17221f}.character-style-actions button{display:inline-flex;align-items:center;justify-content:center;padding:0 10px;cursor:pointer}.character-style-actions button.active{border-color:var(--selection-border);background:var(--selection-surface-strong);color:var(--selection-ink);box-shadow:var(--selection-ring)}.character-style-actions button:disabled,.character-style-actions input:disabled{cursor:not-allowed;opacity:.42}.character-style-actions input[type=color]{padding:3px}.character-style-actions input[type=number]{padding:0 7px;font:inherit}.character-font-control{display:grid;gap:5px;font-size:.72rem;color:#17221f9e}.character-font-control select{width:100%;min-height:34px;border:1px solid rgba(31,111,95,.18);border-radius:8px;background:#ffffffc7;color:#17221f;font:inherit;padding:0 9px}.character-transform-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.character-transform-actions button{min-width:0;min-height:30px;border:1px solid rgba(31,111,95,.18);border-radius:8px;background:#ffffffbd;color:#17221f;cursor:pointer;font:inherit}.character-transform-actions button:disabled,.character-font-control select:disabled{cursor:not-allowed;opacity:.42}.advanced-character-studio{display:grid;gap:8px;padding:9px;border:1px solid rgba(31,111,95,.18);border-radius:8px;background:#f6fbf7b8}.advanced-character-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;font-size:.72rem;color:#17221f9e}.advanced-character-heading{display:grid;gap:2px;min-width:0}.advanced-character-heading span{color:#425149;font-size:.76rem;font-weight:600;line-height:1.15}.advanced-character-heading small{color:#43524bc7;font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.advanced-character-header strong{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 8px;border:1px solid rgba(23,34,31,.08);border-radius:999px;background:#ffffff75;color:#17221fad;font-size:.69rem;font-weight:700;line-height:1;white-space:nowrap}.advanced-character-header strong.active{border-color:#1f6f5f4d;background:#1f6f5f1c;color:#1c5c4f}.advanced-character-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding-top:1px}.advanced-character-tabs button,.advanced-character-footer button,.advanced-range-list button{min-height:29px;border:1px solid rgba(31,111,95,.18);border-radius:999px;background:#fff9;color:#17221fc7;cursor:pointer;font:inherit}.advanced-character-tabs button{padding:0 7px;font-size:.73rem;font-weight:600;letter-spacing:.01em;box-shadow:inset 0 1px #ffffffb8}.advanced-character-tabs button.active,.advanced-character-grid button.active,.advanced-range-list button.active{border-color:var(--selection-border);background:var(--selection-surface-strong);color:var(--selection-ink);box-shadow:var(--selection-ring)}.advanced-character-panel{display:grid;gap:8px}.advanced-character-subsection{display:grid;gap:7px;padding:9px;border:1px solid rgba(31,111,95,.1);border-radius:8px;background:#ffffff73}.advanced-character-subheader{display:flex;align-items:center;justify-content:space-between;gap:8px}.advanced-character-subheader span{color:#554f45;font-size:11px;font-weight:700;letter-spacing:.01em}.advanced-character-subheader button{min-width:54px;min-height:24px;padding:0 9px;border:1px solid rgba(31,111,95,.18);border-radius:999px;background:#ffffffb8;color:#17221f;font:inherit;cursor:pointer}.advanced-character-button-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.advanced-character-button-row button{min-width:0;min-height:32px;border:1px solid rgba(31,111,95,.18);border-radius:8px;background:#ffffffbd;color:#17221f;cursor:pointer;font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px}.advanced-character-button-row button.active,.advanced-character-subheader button.active{border-color:var(--selection-border);background:var(--selection-surface-strong);color:var(--selection-ink);box-shadow:var(--selection-ring)}.advanced-character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:end}.advanced-character-grid>button{min-width:0;min-height:32px;border:1px solid rgba(31,111,95,.18);border-radius:8px;background:#ffffffbd;color:#17221f;cursor:pointer;font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px}.advanced-font-control{grid-column:1 / -1}.advanced-range-list{display:grid;gap:5px}.advanced-range-list button{display:grid;gap:2px;padding:7px 9px;text-align:start;border-radius:10px}.advanced-range-list span{font-weight:700;font-size:.75rem}.advanced-range-list small{color:#17221f9e;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.advanced-character-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.advanced-character-footer button:disabled,.advanced-character-grid button:disabled,.advanced-character-button-row button:disabled,.advanced-character-subheader button:disabled{cursor:not-allowed;opacity:.42}.compact-color-control{display:grid;gap:7px}.compact-color-control>span{color:#554f45;font-size:12px;font-weight:700}.compact-color-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center}.compact-color-picker{width:44px;height:44px;padding:0;border:1px solid #d7cdbc;border-radius:12px;background:#fffdf8;overflow:hidden}.compact-color-picker::-webkit-color-swatch-wrapper{padding:4px}.compact-color-picker::-webkit-color-swatch{border:0;border-radius:8px}.compact-color-input{min-height:44px;border:1px solid #d7cdbc;border-radius:12px;padding:0 12px;background:linear-gradient(180deg,#fffdf8fa,#f4ede1f2);color:#17221f;font-size:14px;font-weight:650;text-transform:uppercase;box-shadow:inset 0 1px #ffffffdb,0 6px 16px #10231f0d}.layer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.layer-actions button{min-height:36px;border-radius:10px;background:linear-gradient(180deg,#fffdf8f5,#f5efe5f0)}.layer-list{display:grid;gap:8px}.professional-layer-list{align-content:start}.layers-panel-shell{display:grid;gap:10px;min-height:0}.layers-panel-dense{gap:10px}.layers-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(16,35,31,.08)}.layers-panel-header div{display:grid;gap:2px}.layers-panel-header span,.layers-panel-header strong{color:#766d61;font-size:12px}.layers-panel-header h2{margin:0;font-size:18px;line-height:1.15}.layers-panel-header strong{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid rgba(31,111,95,.16);border-radius:999px;background:#eef7f4b8;color:#1f6f5f;font-weight:700}.layers-touch-hint{display:none;align-items:center;gap:8px;padding:8px 10px;border:1px dashed rgba(31,111,95,.14);border-radius:12px;background:#f8f5eed1;color:#54635d;font-size:11px;line-height:1.35}.layer-selection-card{display:grid;gap:8px;padding:10px;border:1px solid rgba(31,111,95,.14);border-radius:16px;background:radial-gradient(circle at top right,rgba(31,111,95,.1),transparent 34%),#eff7f3d1}.layer-selection-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.layer-selection-header div{display:grid;gap:2px;min-width:0}.layer-selection-header span{color:#62736c;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.layer-selection-header strong{color:#17322c;font-size:13px;line-height:1.2}.layer-selection-header small{color:#62736c;font-size:11px;line-height:1.3}.layer-selection-header em{color:#54635d;font-size:11px;font-style:normal;text-align:right}.layer-selection-actions,.layer-reorder-strip{display:grid;gap:8px}.layer-selection-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.layer-selection-actions button,.layer-reorder-strip button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 9px;border-radius:12px;background:#fffaf0e6;color:#17322c;white-space:nowrap;font-size:12px}.layer-reorder-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.layer-group{display:grid;gap:8px}.layer-section-toggle{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:10px 12px;border:1px solid rgba(16,35,31,.08);border-radius:14px;background:linear-gradient(180deg,#fffdf8f5,#f5efe5f0);text-align:left}.layer-section-toggle span{display:grid;gap:2px;min-width:0}.layer-section-toggle strong,.layer-section-toggle small,.layer-section-toggle em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-section-toggle strong{color:#17221f;font-size:13px}.layer-section-toggle small{color:#766d61;font-size:11px}.layer-section-toggle em{color:#1f6f5f;font-size:11px;font-style:normal;font-weight:700}.layer-group-header{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#6b6258;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.layer-group-header strong{color:#17221f;font-size:12px;letter-spacing:.02em;text-transform:none}.layer-group-muted{padding-top:6px;border-top:1px solid rgba(16,35,31,.08)}.layer-group-list{display:grid;gap:8px}.layer-bucket{display:grid;gap:8px;padding:10px;border:1px solid rgba(16,35,31,.06);border-radius:14px;background:radial-gradient(circle at top right,rgba(31,111,95,.05),transparent 36%),#ffffff75}.layer-bucket-header{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#766d61;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.layer-bucket-header strong{color:#5b5348;font-size:11px}.layer-bucket-header span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:0 8px;border-radius:999px;background:#1f6f5f14;color:#1f6f5f;font-size:11px;font-weight:700;letter-spacing:normal}.layer-bucket-list{display:grid;gap:8px}.layer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;padding:7px 8px;border:1px solid rgba(16,35,31,.07);border-radius:12px;background:#fffdf8cc}.layer-collection{display:grid;gap:6px;padding:8px;border:1px solid rgba(16,35,31,.07);border-radius:14px;background:#fffdf8b8}.layer-collection.active{border-color:var(--selection-border);background:var(--selection-surface);box-shadow:inset 3px 0 0 var(--selection-border),var(--selection-ring)}.layer-collection.drop-target{border-color:#1f6f5fcc;box-shadow:0 0 0 2px #1f6f5f24 inset}.layer-row.active{border-color:var(--selection-border);background:var(--selection-surface);box-shadow:inset 3px 0 0 var(--selection-border),var(--selection-ring)}.layer-row.drop-target{border-color:#1f6f5fcc;box-shadow:0 0 0 2px #1f6f5f24 inset;background:linear-gradient(90deg,#1f6f5f1a,#fffdf8f5)}.layer-row.drop-target-before,.layer-collection.drop-target-before{box-shadow:inset 0 3px #1f6f5f}.layer-row.drop-target-after,.layer-collection.drop-target-after{box-shadow:inset 0 -3px #1f6f5f}.layer-row-main{display:grid;grid-template-columns:26px minmax(0,1fr);gap:7px;align-items:center;min-width:0;text-align:left;border:0;background:transparent;padding:0}.layer-group-main{grid-template-columns:auto 26px minmax(0,1fr)}.layer-group-caret{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:#766d61}.layer-thumb{display:grid;place-items:center;width:26px;height:26px;overflow:hidden;border-radius:7px;border:1px solid rgba(16,35,31,.08);background:#f4efe5}.group-thumb{box-shadow:inset 0 0 0 1px #1f6f5f24}.layer-thumb img{width:100%;height:100%;object-fit:cover}.shape-mini{width:14px;height:14px;background:#1f6f5f}.shape-mini.circle{border-radius:999px}.shape-mini.diamond{transform:rotate(45deg)}.shape-mini.line{width:18px;height:4px;border-radius:999px}.text-mini{display:grid;gap:3px;width:14px}.text-mini span{display:block;height:2px;border-radius:999px;background:#1f6f5fcc}.text-mini span:last-child{width:70%}.layer-name-input{min-width:0;width:100%;border:1px solid rgba(31,111,95,.24);border-radius:8px;padding:4px 8px;background:#ffffffeb;color:#17221f;font-size:13px}.layer-row-copy{display:grid;gap:1px;min-width:0}.layer-row-main strong,.layer-row-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row-main strong{color:#17221f;font-size:12px}.layer-row-main small{color:#766d61;font-size:10px;line-height:1.3}.layer-children{display:grid;gap:5px;padding-left:18px}.layer-action-tray{display:grid;gap:8px;padding:2px 0 0}.layer-action-tray-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.layer-action-tray-header strong{color:#17322c;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.layer-action-tray-header span{color:#6c6358;font-size:11px;text-align:right}.layer-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.layer-action-grid button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 10px;border-radius:10px;background:#fffaf0eb;color:#17322c;white-space:nowrap;font-size:12px}.child-row{border-style:dashed;border-color:#10231f1f}.layer-row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.layer-row-badge{display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:0 8px;border:1px solid rgba(31,111,95,.12);border-radius:999px;background:#eff7f3b3;color:#1f6f5f;font-size:11px;font-weight:700}.layer-row-actions button{min-height:28px;min-width:28px;padding:0 8px;border-radius:999px;background:#fffaf0eb}.layer-row-actions button.active{border-color:var(--selection-border);background:var(--selection-surface-strong);color:var(--selection-ink);box-shadow:0 0 0 2px #1f6f5f29}.canvas-layer-row{opacity:.92}.canvas-thumb{background:linear-gradient(180deg,#f4efe5f5,#eae1d0f5)}.canvas-color-chip{display:block;width:16px;height:16px;border-radius:999px;border:1px solid rgba(16,35,31,.12)}.canvas-layer-controls{display:grid;gap:8px;padding-top:4px}.canvas-layer-studio-card{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px;border:1px solid rgba(31,111,95,.1);border-radius:12px;background:#f4faf6bd}.canvas-layer-studio-card div{display:grid;gap:2px}.canvas-layer-studio-card span{color:#66756f;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.canvas-layer-studio-card strong{color:#17322c;font-size:12px}.canvas-layer-studio-card small{color:#5d6a66;line-height:1.3;font-size:11px}.canvas-layer-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.canvas-layer-control-grid .secondary-action{min-height:34px;padding:0 8px;font-size:12px}.canvas-layer-inline-control,.canvas-layer-inline-select{display:grid;gap:6px}.canvas-layer-inline-control span,.canvas-layer-inline-select span{color:#766d61;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.canvas-layer-inline-control input[type=color]{width:100%;height:42px;border:1px solid rgba(16,35,31,.08);border-radius:12px;background:#fffdf8;padding:4px}.canvas-layer-inline-control input[type=range]{width:100%;margin:0}.canvas-layer-inline-select select{min-height:40px;border-radius:10px;background:#fffdf8}.layer-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;min-height:38px;padding:0 10px;border-radius:12px;text-align:left}.layer-link-row span,.layer-link-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-link-row small{color:#6b6258}.premium-select-control{display:grid;gap:7px}.premium-select-control select{min-height:42px;border-radius:10px;background-color:#fffdf8}.template-strip{display:grid;gap:10px}.template-strip-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12px;line-height:1.2;color:#766d61}.template-strip button{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;align-items:stretch;min-height:92px;padding:10px;border-radius:14px;background:linear-gradient(180deg,#ffffffe0,#ffffffb8),#fffdf8;text-align:left;box-shadow:0 1px #10231f0a,inset 0 1px #ffffffad}.template-preview{position:relative;display:grid;place-items:center;min-height:72px;overflow:hidden;border:1px solid rgba(16,35,31,.08);border-radius:12px;box-shadow:inset 0 1px #ffffff52}.template-preview-body{position:relative;width:88%;height:62%;overflow:hidden;border-radius:10px}.template-preview-line{display:block;width:68%;height:8px;margin:8px auto 0;border-radius:999px;background:#10231f2e}.template-preview-line.strong{width:84%;height:10px;margin-top:14px;background:#10231f57}.template-motif{position:absolute;inset:auto auto 8px 8px;width:14px;height:14px;border-radius:999px;box-shadow:0 0 0 4px #ffffff2e}.template-motif.halo{inset:10px 10px auto auto;width:16px;height:16px;border-radius:50%}.template-motif.band{inset:auto 0 0;width:100%;height:12px;border-radius:0;box-shadow:none}.template-motif.frame{inset:0;width:auto;height:auto;border-radius:12px;background:transparent!important;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px #0000000d}.template-motif.dot{inset:10px auto auto 10px}.tone-light .template-preview-body{background-image:radial-gradient(circle at 80% 18%,rgba(31,111,95,.14) 0 9px,transparent 10px),linear-gradient(180deg,#ffffffb8,#ffffff47)}.tone-dark .template-preview-body{background-image:radial-gradient(circle at 74% 20%,rgba(242,199,110,.22) 0 8px,transparent 9px),linear-gradient(180deg,#ffffff0f,#fff0)}.tone-warm .template-preview-body{background-image:linear-gradient(135deg,#a9503214,#fff0),linear-gradient(180deg,#fff9,#ffffff3d)}.template-copy{display:grid;min-width:0}.template-copy strong{overflow:hidden;font-size:13px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.template-copy small{overflow:hidden;color:inherit;font-size:11px;line-height:1.15;opacity:.78;text-overflow:ellipsis;white-space:nowrap}.template-strip .active{border-color:var(--selection-border);background:var(--selection-surface);box-shadow:var(--selection-ring)}.image-replace-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid rgba(16,35,31,.08);border-radius:10px;background:#ffffff8a}.image-replace-row div{min-width:0}.image-replace-row span{color:#766d61;font-size:12px}.image-replace-row strong{display:block;overflow:hidden;color:#17221f;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.image-replace-row button{display:inline-flex;align-items:center;gap:7px;min-height:34px;border-radius:8px;padding:0 10px}.image-control-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.image-control-shortcuts button{min-width:0;min-height:40px;padding:8px 10px;color:#315f55;font-size:12px;font-weight:750;line-height:1.25}.pro-control-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.inline-note{display:grid;align-content:center;min-height:44px;padding:0 12px;border:1px dashed rgba(16,35,31,.12);border-radius:12px;background:#fffdf8a3}.inline-unlock-note{grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.inline-unlock-note span{color:#55615d;line-height:1.35}.inline-unlock-note button{min-height:32px;padding:0 12px;border-radius:999px;background:#1f6f5f1a;color:#184d42;white-space:nowrap}.mobile-advanced-callout{display:grid;gap:10px;padding:14px;border:1px dashed rgba(26,106,90,.22);border-radius:16px;background:#f4faf6eb}.mobile-advanced-callout strong{color:#153c34;font-size:13px}.mobile-advanced-callout span{color:#4f5c57;line-height:1.45}.mobile-advanced-callout button{padding:9px 12px;border:1px solid rgba(26,106,90,.22);border-radius:999px;background:#1f6f5f;color:#f7f3eb;font-size:12px;font-weight:700}.mobile-advanced-actions{display:flex;flex-wrap:wrap;gap:8px}.mobile-advanced-actions .secondary-action{background:#1f6f5f14;color:#184d42}.mobile-advanced-session-note{gap:4px;margin:6px 0 2px;border-style:solid;border-color:#1f6f5f1f;background:#f5faf7eb}.mobile-advanced-session-note strong{color:#184d42}.mobile-advanced-session-note span{color:#5a6661;line-height:1.4}.canvas-quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.value-scrub-control{display:grid;gap:7px;min-width:0}.value-scrub-control>span,.slider-control-header>span,.color-wheel-control>span{color:#554f45;font-size:12px;font-weight:700}.slider-control{display:grid;gap:8px;min-width:0}.slider-control-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.slider-control-meta{display:inline-flex;align-items:center;gap:8px;min-width:0}.slider-control-meta strong{color:#17221f;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.slider-reset-button{display:grid;place-items:center;min-width:26px;min-height:26px;border-radius:8px;padding:0;background:#fffc;box-shadow:inset 0 1px #ffffffb3}.slider-control-track{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:10px;align-items:center}.slider-control-track.slider-only-track{grid-template-columns:minmax(0,1fr)}.slider-control-range{--slider-percent: 50%;appearance:none;width:100%;height:44px;margin:0;border:1px solid #d7cdbc;border-radius:14px;padding:0 12px;background:linear-gradient(90deg,rgba(47,141,122,.2) 0%,rgba(47,141,122,.2) var(--slider-percent),rgba(221,212,198,.5) var(--slider-percent),rgba(221,212,198,.5) 100%),linear-gradient(180deg,#fffdf8fa,#f4ede1f2);box-shadow:inset 0 1px #ffffffe6,0 6px 16px #10231f0d;cursor:ew-resize;touch-action:none;user-select:none}.slider-control-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:transparent}.slider-control-range::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-6px;border:2px solid rgba(255,253,248,.96);border-radius:50%;background:linear-gradient(180deg,#2f8d7a,#17584c);box-shadow:0 4px 10px #1f6f5f42,0 0 0 1px #17584c14}.slider-control-range::-moz-range-track{height:6px;border:0;border-radius:999px;background:#ddd4c6b3}.slider-control-range::-moz-range-progress{height:6px;border-radius:999px;background:#2f8d7a8c}.slider-control-range::-moz-range-thumb{width:18px;height:18px;border:2px solid rgba(255,253,248,.96);border-radius:50%;background:linear-gradient(180deg,#2f8d7a,#17584c);box-shadow:0 4px 10px #1f6f5f42,0 0 0 1px #17584c14}.slider-control-range:focus-visible{outline:none;border-color:#2f8d7a80;box-shadow:inset 0 1px #ffffffe6,0 0 0 3px #76b9a82e,0 10px 18px #10231f14}.slider-control-input{min-width:0;min-height:44px;border:1px solid #d7cdbc;border-radius:12px;padding:0 12px;background:linear-gradient(180deg,#fffdf8fa,#f4ede1f2);box-shadow:inset 0 1px #ffffffdb,0 6px 16px #10231f0d;color:#17221f;font-size:14px;font-weight:650;font-variant-numeric:tabular-nums;text-align:center}.slider-control-input:focus-visible{outline:none;border-color:#2f8d7a80;box-shadow:inset 0 1px #ffffffdb,0 0 0 3px #76b9a82e,0 10px 18px #10231f14}.value-scrub-field{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:6px;align-items:center;min-height:44px;border:1px solid #d7cdbc;border-radius:12px;padding:5px 6px 5px 10px;background:linear-gradient(180deg,#fffdf8fa,#f4ede1f2);cursor:ew-resize;box-shadow:inset 0 1px #ffffffe6,0 6px 16px #10231f0d;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.value-scrub-field input{min-height:30px;border:0;border-radius:7px;padding:0;background:transparent;font-variant-numeric:tabular-nums;color:#17221f;font-size:15px;font-weight:650;outline:none}.value-scrub-handle{display:grid;place-items:center;min-width:28px;min-height:28px;border-radius:8px;padding:0;background:#ffffffb8;color:#6d6356;touch-action:none;cursor:ew-resize}.value-scrub-field small{color:#766d61;font-size:11px}.value-scrub-field button{display:grid;place-items:center;min-width:28px;min-height:28px;border-radius:8px;padding:0;background:#ffffffc7}.value-scrub-field:focus-within{border-color:#2f8d7a80;box-shadow:inset 0 1px #ffffffe6,0 0 0 3px #76b9a82e,0 10px 18px #10231f14}.radial-control{display:grid;grid-template-columns:78px minmax(96px,1fr);gap:12px;align-items:center;min-width:0}.radial-dial{position:relative;display:grid;place-items:center;width:78px;height:78px;min-height:78px;border-radius:50%;border-color:#10231f1f;padding:0;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.98),transparent 28%),linear-gradient(180deg,#fffdf9,#ecdfca);box-shadow:inset 0 2px 3px #fffffff2,inset 0 -12px 24px #bdad9138,0 12px 26px #10231f1f;touch-action:none;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;isolation:isolate}.radial-dial:hover,.radial-dial:focus-visible{border-color:#2f8d7a52;box-shadow:inset 0 2px 3px #fffffff2,inset 0 -12px 24px #bdad9138,0 0 0 3px #76b9a826,0 14px 28px #10231f24}.radial-bezel,.radial-shadow-ring{position:absolute;inset:4px;border-radius:50%;pointer-events:none}.radial-bezel{background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.72),transparent 26%),linear-gradient(180deg,#ffffff52,#60533d0d);box-shadow:inset 0 1px #fffc,inset 0 -1px #6d5f491f}.radial-shadow-ring{inset:10px;box-shadow:inset 0 10px 16px #ffffff2e,inset 0 -10px 14px #4c3c281a}.radial-svg{width:78px;height:78px;overflow:visible;position:relative;z-index:1}.radial-face{fill:#fdf8efeb;stroke:#ddd1bcb8;stroke-width:.9}.radial-track,.radial-progress{fill:none;stroke-linecap:round;stroke-width:8}.radial-track{opacity:.98}.radial-progress{filter:drop-shadow(0 2px 5px rgba(31,111,95,.18))}.radial-tick{stroke:#72695857;stroke-width:1.3;stroke-linecap:round}.radial-tick.major{stroke:#524b3d85;stroke-width:1.6}.radial-gear{transform:rotate(var(--dial-turn, 0deg))}.radial-gear-tooth{fill:#e7dcc9eb;stroke:#af9a7a66;stroke-width:.45}.radial-core{fill:#fffdf8fa;stroke:#d7cdbcd1;stroke-width:1.2}.radial-core-well{fill:#e4f0ece0;stroke:#a0b6b06b;stroke-width:1.2}.radial-core-dot{fill:#2f8d7a;stroke:#ffffffeb;stroke-width:1.5}.radial-spoke{stroke:#1d5d5080;stroke-width:2;stroke-linecap:round;opacity:.7}.radial-pointer{fill:#1f6f5f;stroke:#fffdf8f2;stroke-width:1.5;filter:drop-shadow(0 2px 5px rgba(31,111,95,.24))}.color-wheel-control{display:grid;gap:7px}.color-wheel-row{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:center}.compact-wheel-control .color-wheel-row{grid-template-columns:1fr;justify-items:center}.color-wheel-shell{position:relative;display:grid;place-items:center;width:78px;height:78px;border:0;border-radius:50%;padding:0;background:transparent;cursor:pointer;touch-action:none}.color-wheel-svg{width:78px;height:78px;overflow:visible;filter:drop-shadow(0 12px 20px rgba(16,35,31,.12))}.color-wheel-slice{stroke:#fffdf857;stroke-width:.35;filter:saturate(1.08)}.color-wheel-center{fill:#fdf9f1fa;stroke:#dbd0bdeb;stroke-width:1.25}.color-wheel-glow{fill:#ffffffb3}.color-wheel-current{stroke:#fffdf8;stroke-width:2.5;filter:drop-shadow(0 2px 10px rgba(16,35,31,.18))}.color-wheel-handle{fill:#ffffff1f;stroke:#fffdf8f5;stroke-width:2.6;filter:drop-shadow(0 2px 8px rgba(16,35,31,.22))}.color-wheel-hint{position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px #fffdf8e6,0 0 0 1px #17584c1f;background:radial-gradient(circle,rgba(255,255,255,.08) 0 45%,transparent 46%);pointer-events:none}.color-wheel-row>input{min-height:44px;border-radius:12px;border-color:#d7cdbc;padding-inline:12px;background:linear-gradient(180deg,#fffdf8fa,#f4ede1f2);box-shadow:inset 0 1px #ffffffdb,0 6px 16px #10231f0d;color:#17221f;font-size:15px;font-weight:650;font-variant-numeric:tabular-nums;text-transform:uppercase}.color-wheel-popover{position:fixed;z-index:50;display:grid;gap:12px;width:236px;max-height:calc(100dvh - 24px);overflow:auto;padding:14px;border:1px solid rgba(210,197,175,.94);border-radius:18px;background:linear-gradient(180deg,#fffcf6fc,#f6eee1fa);box-shadow:0 16px 38px #10231f38,inset 0 1px #ffffffc2}.color-wheel-satval{position:relative;height:132px;border-radius:14px;overflow:hidden;cursor:crosshair;box-shadow:inset 0 1px #fff6,0 8px 16px #10231f1a}.color-wheel-satval-white,.color-wheel-satval-black{position:absolute;inset:0}.color-wheel-satval-white{background:linear-gradient(90deg,#fff,#fff0)}.color-wheel-satval-black{background:linear-gradient(180deg,#0000,#000)}.color-wheel-satval-handle{position:absolute;width:14px;height:14px;border:2px solid #fffdf8;border-radius:50%;box-shadow:0 0 0 1px #10231f2e,0 3px 10px #10231f33;transform:translate(-50%,-50%)}.color-wheel-popover-field{display:grid;gap:6px;color:#554f45;font-size:12px;font-weight:700}.color-wheel-popover-field input[type=range]{width:100%;accent-color:#1f6f5f}.color-wheel-popover-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.color-wheel-popover-meta input{min-width:0;min-height:40px;border-radius:12px;border:1px solid #d7cdbc;padding-inline:12px;background:#fffdf8eb;color:#17221f;font-size:14px;font-weight:650;text-transform:uppercase}.color-wheel-popover-meta button{min-height:40px;border-radius:12px;padding:0 14px;background:#10231f;border-color:#10231f;color:#fffaf0}.alignment-picker,.direction-picker{display:grid;gap:8px}.alignment-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.direction-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.alignment-picker button,.direction-picker button{display:grid;place-items:center;min-height:40px;border-radius:12px;padding:0 12px;background:#fffdf8f0;box-shadow:inset 0 1px #ffffffdb}.alignment-picker .active,.direction-picker .active{background:#10231f;border-color:#10231f;color:#fffaf0}.advanced-controls{display:grid;gap:10px;border-top:1px solid rgba(16,35,31,.08);padding-top:4px}.advanced-controls summary{display:flex;align-items:center;justify-content:space-between;min-height:38px;cursor:pointer;list-style:none;color:#554f45;font-size:13px;font-weight:800}.advanced-controls summary::-webkit-details-marker{display:none}.advanced-controls summary:after{content:"+";display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(16,35,31,.12);border-radius:50%;color:#1f6f5f}.advanced-controls[open] summary:after{content:"-"}.canvas-depth-card{background:#fbf8f1}.guide-toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.switch-field{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:8px 10px;border:1px solid rgba(16,35,31,.08);border-radius:10px;background:#ffffff8a}.switch-field input{width:18px;min-height:18px}.premium-position-grid{align-items:end}.premium-position-grid label{align-items:stretch;grid-template-columns:none}.layout-studio{display:grid;gap:12px}.layout-card{display:grid;gap:10px;padding:12px;border:1px solid rgba(16,35,31,.08);border-radius:16px;background:linear-gradient(180deg,#fffdf8fa,#f4ede1eb);box-shadow:inset 0 1px #ffffffdb,0 8px 18px #10231f0a}.layout-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.layout-card-header span{color:#766d61;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.layout-card-header strong{color:#1f6f5f;font-size:12px;font-weight:700}.layout-control-pair{gap:8px}.layout-control-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.layout-control-trio .value-scrub-field{grid-template-columns:minmax(0,1fr) 24px}.layout-control-trio .value-scrub-field small{display:none}.layout-status-note{min-height:42px;font-size:12px;color:#5d645c}.canvas-palette-controls,.canvas-background-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.canvas-background-actions>*{width:100%;min-height:44px;justify-content:center}.layout-toggle-grid{display:grid;gap:10px}.layout-toggle-group{display:grid;gap:7px}.layout-toggle-group>span{color:#5d645c;font-size:12px;font-weight:700}.section-delete-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;border-radius:14px}.section-secondary-action{width:100%;min-height:42px;border-radius:14px;background:#f6efe3}.sidebar-card .notice{margin:0}.stack-actions{display:grid;gap:8px}.sidebar-action{width:calc(100% - 24px);margin:0 12px}.file-field{display:grid;gap:6px}.file-field span{color:#6b6258;font-size:12px}.compact-segmented button{min-height:34px}.slider-grid{display:grid;gap:10px}.slider-grid label{gap:4px}.font-pill{display:grid;gap:4px;width:100%;border:1px solid #d7cdbc;border-radius:10px;padding:10px 12px;text-align:left;background:#fffdf8}.font-pill.active{border-color:var(--selection-border);background:var(--selection-surface);box-shadow:var(--selection-ring)}.font-label{font-size:12px;color:#6b6258}.font-sample{font-size:16px;line-height:1.25;color:#17221f}.workspace{display:grid;grid-template-columns:clamp(292px,17vw,320px) minmax(0,1fr) clamp(244px,14vw,268px) clamp(352px,21vw,392px);min-height:0;height:100%;overflow:hidden}.left-panel{grid-column:1;container-type:inline-size;overflow-x:hidden}.canvas-column{grid-column:2}.layers-rail{grid-column:3}.right-panel{grid-column:4}.export-panel,.mobile-layers-panel{display:none}.panel{position:relative;min-height:0;overflow:auto;border-color:#d8cdb9;background:#f8f5ee}.panel.left-panel{overflow-x:hidden}.panel-resize-bar,.desktop-panel-resize-handle{display:none}.left-panel{border-right:1px solid #d8cdb9}.right-panel{border-left:1px solid #d8cdb9}.layers-rail{border-left:1px solid #d8cdb9;border-right:1px solid #d8cdb9}.desktop-only{display:block}.panel-stack{display:grid;gap:18px;padding:16px}.layers-rail .panel-stack{gap:0;padding:0}.layers-rail .layers-rail-card{min-height:100%;border:0;border-radius:0;background:transparent;box-shadow:none}@media (min-width: 981px){.desktop-panel-resize-handle{position:absolute;top:0;bottom:0;z-index:5;display:block;width:8px;min-width:8px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;cursor:col-resize}.desktop-panel-resize-handle:before{content:"";position:absolute;top:50%;left:50%;width:2px;height:42px;border-radius:999px;background:#1f6f5f38;transform:translate(-50%,-50%);opacity:0;transition:opacity .12s ease}.desktop-panel-resize-handle:hover:before,.desktop-panel-resize-handle:focus-visible:before{opacity:1}.desktop-panel-resize-handle.right-edge{right:0}.desktop-panel-resize-handle.left-edge{left:0}}.panel-stack h2{margin:0 0 10px;font-size:14px;letter-spacing:0}.segmented{display:flex;gap:6px;flex-wrap:wrap}.segmented button,.segmented label,.mobile-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;padding:0 10px}.segmented .active,.mobile-tabs .active{background:#10231f;color:#fffaf0;border-color:#10231f}.material-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 6px}.material-preset-button{min-height:38px;border-radius:8px;border:1px solid #d8ccb7;background:#fffaf0;color:#10231f;font:inherit;padding:0 10px}.material-preset-button.active{border-color:#1f6f5fb8;background:#1f6f5f1c;color:#123f35;box-shadow:inset 0 0 0 1px #1f6f5f1f}.paper-press-subsection{border-color:#9a483633;background:linear-gradient(145deg,#fffcf6fa,#efe5d6e6)}.paper-press-subsection>summary{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.paper-press-subsection>summary small{color:#9a4836;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.paper-press-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.paper-press-presets .material-preset-button{min-height:48px;padding:6px 8px;line-height:1.15}.paper-press-presets .material-preset-button.active{border-color:#9a4836ad;background:#9a48361c;color:#683326}.search-box{display:grid;grid-template-columns:1fr 46px;gap:8px;margin-top:10px}.quran-search-shell{display:grid;gap:12px;margin-top:12px;padding:14px;border:1px solid #d8ccb7;border-radius:18px;background:radial-gradient(circle at top left,rgba(31,111,95,.14),transparent 30%),radial-gradient(circle at bottom right,rgba(217,182,111,.18),transparent 34%),linear-gradient(180deg,#fffdf8,#f7f0e3);box-shadow:0 14px 34px #10231f0f}.image-ocr-card{display:grid;gap:10px;margin-top:12px;padding:14px;border:1px solid #d8ccb7;border-radius:16px;background:radial-gradient(circle at top left,rgba(31,111,95,.1),transparent 32%),linear-gradient(180deg,#fffdf8,#f7f0e3);box-shadow:0 10px 24px #10231f0d}.image-ocr-card .notice{margin:0}.image-ocr-copy{display:grid;gap:4px}.image-ocr-copy strong{font-size:15px;line-height:1.25;color:#17221f}.image-ocr-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid #d7cdbc;border-radius:12px;background:#fffaf0;color:#17221f;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent}.image-ocr-button.disabled,.mobile-ocr-action.disabled{cursor:not-allowed;opacity:.56;pointer-events:none}.visually-hidden-file-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ocr-result-card{border-color:#1f6f5f33;background:radial-gradient(circle at top left,rgba(31,111,95,.08),transparent 28%),#fffdf8}.ocr-segments{display:grid;gap:8px;padding-top:2px}.ocr-segments p{margin:0;padding:10px 12px;border-radius:10px;background:#f6f0e4;color:#433d36}.quran-search-header,.quran-search-header div{display:grid;gap:4px}.quran-search-eyebrow{color:#776a58;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.quran-search-header strong{font-size:17px;line-height:1.2;color:#17221f}.quran-search-box{margin-top:0}.quran-search-box input{min-height:48px;border-radius:14px;padding-inline:14px;border-color:#d8ccb7;background:#fffdf8eb;box-shadow:inset 0 1px #ffffffbf}.quran-search-box button{min-height:48px;border-radius:14px;border-color:#d8ccb7;background:linear-gradient(180deg,#fffaf0,#f6ead8)}.translation-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-translation-picker{display:grid;gap:8px}.quran-controls{display:grid;gap:10px}.ayah-picker-card{display:grid;gap:12px;padding:14px;border:1px solid rgba(16,35,31,.08);border-radius:14px;background:radial-gradient(circle at top right,rgba(217,182,111,.14),transparent 34%),linear-gradient(180deg,#fffdf8f5,#f8f2e8d1);box-shadow:inset 0 1px #ffffffbf}.ayah-picker-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ayah-picker-header div{display:grid;gap:3px}.ayah-picker-eyebrow{color:#7a6e5d;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ayah-picker-header strong{font-size:15px}.ayah-picker-status{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border:1px solid rgba(16,35,31,.08);border-radius:999px;background:#ffffffb8;color:#5f564b;font-size:12px;white-space:nowrap}.ayah-picker-status.loading{border-color:#1f6f5f3d;color:#1f6f5f;background:#ebf6f3e6}.ayah-picker-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:8px}.ayah-picker-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ayah-picker-summary div{display:grid;gap:2px;padding:9px 10px;border:1px solid rgba(16,35,31,.08);border-radius:10px;background:#ffffffa8}.ayah-picker-summary strong{color:#17221f;font-size:13px}.ayah-picker-summary-label{color:#7b7164;font-size:11px}.quran-translation-card{padding:12px;border:1px solid rgba(16,35,31,.08);border-radius:14px;background:#fffdf8bd}.picker-detail-line{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0;color:#746a5d;font-size:12px;line-height:1.4}.picker-detail-line span{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border:1px solid rgba(16,35,31,.08);border-radius:999px;background:#ffffffa3}.translation-detail-line{grid-column:1 / -1;margin-top:2px}.search-box input,label input,label select,textarea{width:100%;min-height:42px;border:1px solid #d7cdbc;border-radius:8px;padding:9px 10px;background:#fffdf8}.quran-search-shell label select,.quran-search-shell label input{min-height:44px;border-radius:12px;border-color:#d8ccb7;background:#fffdf8eb}.quran-search-shell label select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,#5d5346 50%),linear-gradient(135deg,#5d5346 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% + 1px),calc(100% - 12px) calc(50% + 1px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}textarea{min-height:120px;resize:vertical}.results{display:grid;gap:10px;margin-top:12px}.result-card{display:grid;gap:8px;border:1px solid #ded5c4;border-radius:8px;padding:12px;background:#fffdf8}.result-card.pending{background:#f4efe5}.result-card p{display:-webkit-box;margin:0;overflow:hidden;color:#443f39;font-size:13px;line-height:1.45;-webkit-line-clamp:4;-webkit-box-orient:vertical}.result-card small{color:#857a6b;font-size:11px}.result-card .secondary-result{color:#645c51}.result-card .text-rtl{text-align:right}.result-card .text-ltr{text-align:left}.result-card span,.notice,.source-note{color:#766d61;font-size:12px;line-height:1.45}.font-kashida-warning{display:grid;gap:7px;margin:10px 0;padding:11px 12px;border:1px solid rgba(169,104,29,.42);border-radius:12px;background:#f6e2b557;color:#68451f;font-size:12px;line-height:1.45}.font-kashida-warning strong{font-size:12px}.font-kashida-warning-actions{display:flex;flex-wrap:wrap;gap:7px}.font-kashida-warning-actions button{min-height:32px;padding:6px 10px;border-radius:8px}.error{color:#9f2c20}.result-card button,.wide-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px}.library-launch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:10px;border:1px solid rgba(16,35,31,.08);border-radius:10px;background:#ffffff8a}.library-launch-row div{display:grid;gap:2px;min-width:0}.library-launch-row strong,.library-launch-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-launch-row strong{color:#17221f;font-size:13px}.library-launch-row small{color:#766d61;font-size:11px}.library-launch-row button{flex:0 0 auto}.template.active{outline:3px solid var(--selection-border);outline-offset:2px;background:var(--selection-surface)}.wide-action{width:100%;background:#10231f;color:#fffaf0}.recent-list{display:grid;gap:8px}.recent-card{display:grid;grid-template-columns:1fr 42px;gap:8px}.recent-card button{display:flex;align-items:center;gap:8px;min-width:0;border-radius:10px;padding:8px 10px;text-align:left;background:radial-gradient(circle at top right,rgba(31,111,95,.08),transparent 35%),#fffdf8f5;box-shadow:0 8px 18px #10231f0d}.recent-card button:first-child:before{content:"";width:10px;height:10px;border-radius:999px;background:#1f6f5f;box-shadow:0 0 0 4px #1f6f5f1f;flex:0 0 auto}.recent-card button:first-child{border:1px solid rgba(16,35,31,.08)}.recent-card button:last-child{justify-content:center;border:1px solid rgba(16,35,31,.08);background:#fffdf8e6;box-shadow:0 8px 18px #10231f0d}.recent-card span{display:grid;min-width:0}.recent-card strong,.recent-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-card small{color:#766d61;font-size:11px}.background-library{display:block;padding-top:10px}.background-library-featured,.background-library-group{display:grid;gap:10px}.background-library-featured h4,.background-library-group h4{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#7a6e5d}.background-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:14px}.background-asset-grid.featured-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.background-card-featured{grid-template-columns:1fr}.background-template-grid{display:block;column-count:3;column-gap:14px}.background-template-card{display:inline-grid;width:100%;height:fit-content;margin:0 0 14px;vertical-align:top;break-inside:avoid;overflow:hidden}.background-template-card .background-template-thumb{display:grid;place-items:center;border:1px solid rgba(213,230,222,.16);background:linear-gradient(145deg,#ecf2ed1f,#0a231d47)}.background-template-card .background-template-thumb img{object-fit:contain}.background-template-card .community-template-meta{gap:4px;padding:1px 2px 0}.background-template-card .community-template-meta strong{font-size:13px;line-height:1.25}.background-template-card .community-template-meta span{color:#8fa99e;font-size:11px}.background-template-card .community-template-actions{padding:0 2px 1px}@media (max-width: 760px){.background-template-grid{column-count:2}}@media (max-width: 480px){.background-template-grid{column-count:1}}.background-template-card.active{border-color:var(--selection-border);background:var(--selection-surface);box-shadow:var(--selection-ring)}.background-template-card .community-template-actions{align-items:center}.background-template-card .primary-action{min-width:86px}.background-template-card.active .primary-action{border-color:var(--selection-border);background:var(--selection-surface-strong);color:var(--selection-ink)}.background-template-icon-action,.background-template-card .danger-action{min-width:40px;padding:0}.background-style-panel{display:grid;gap:10px;padding-top:8px;border-top:1px solid #e1d6c5}.background-style-panel h3{margin:0;font-size:13px}.canvas-appearance-panel,.canvas-properties-grid{display:grid;gap:12px}.canvas-control-section{display:grid;gap:10px;padding:12px;border:1px solid rgba(16,35,31,.08);border-radius:12px;background:#fffdf8ad}.canvas-summary-section{background:radial-gradient(circle at top right,rgba(31,111,95,.07),transparent 34%),#fffdf8d1}.canvas-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}.canvas-section-header span{color:#766d61;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.canvas-section-header strong{overflow:hidden;color:#1f6f5f;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.canvas-summary-grid{display:grid;gap:10px}.canvas-status-card{display:grid;gap:2px;padding:10px;border:1px solid rgba(16,35,31,.08);border-radius:10px;background:#ffffff94}.canvas-status-card span,.canvas-status-card small{overflow:hidden;color:#766d61;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.canvas-status-card strong{color:#17221f;font-size:14px}.canvas-appearance-panel .template-strip{gap:8px}.canvas-appearance-panel .template-strip-header{display:none}.canvas-appearance-panel .template-strip button{grid-template-columns:44px minmax(0,1fr);min-height:58px;padding:7px;border-radius:10px}.canvas-appearance-panel .template-preview{min-height:42px;border-radius:9px}.canvas-appearance-panel .template-preview-line{height:5px;margin-top:5px}.canvas-appearance-panel .template-preview-line.strong{height:6px;margin-top:9px}.canvas-appearance-panel .template-copy{align-content:center;gap:2px}.canvas-appearance-panel .template-copy strong{font-size:12px}.canvas-appearance-panel .template-copy small{font-size:10px}.background-library-disclosure{display:grid;gap:0}.background-library-disclosure summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:38px;padding:8px 10px;border:1px solid rgba(16,35,31,.08);border-radius:10px;background:#ffffff8a;cursor:pointer}.background-library-disclosure summary:after{content:"Open";color:#1f6f5f;font-size:11px;font-weight:800}.background-library-disclosure[open] summary:after{content:"Close"}.background-library-disclosure summary span{display:grid;gap:2px;min-width:0}.background-library-disclosure summary strong,.background-library-disclosure summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.background-library-disclosure summary strong{color:#17221f;font-size:13px}.background-library-disclosure summary small{color:#766d61;font-size:11px}.background-image-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:10px;border:1px solid #e6dccd;border-radius:8px;background:#fffdf8}.background-image-header div{display:grid;min-width:0;gap:2px}.background-image-header span{color:#766d61;font-size:11px;text-transform:uppercase}.background-image-header strong{overflow:hidden;color:#17231f;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.background-card{position:relative;display:grid;min-width:0;overflow:hidden;border:1px solid rgba(31,111,95,.18);border-radius:16px;background:#fffdf8c7;box-shadow:0 10px 26px #10231f14}.background-card.active{border-color:var(--selection-border);background:var(--selection-surface);box-shadow:var(--selection-ring)}.background-card-actions{position:absolute;top:10px;right:10px;display:flex;gap:6px;justify-content:flex-end;padding:0}.background-card-actions button{min-width:34px;width:34px;min-height:34px;padding:0;border-color:#ffffff6b;background:#08171294;color:#f4fff9;backdrop-filter:blur(10px)}.background-thumb{display:grid;grid-template-rows:auto minmax(78px,auto);gap:0;min-width:0;height:100%;padding:0;border:0;background:transparent;text-align:left}.background-thumb-preview{position:relative;display:block;padding:10px 10px 0}.background-thumb-preview img{width:100%;aspect-ratio:16 / 9;height:auto;object-fit:cover;border-radius:12px;background:#f4efe5}.background-thumb-preview em{position:absolute;left:20px;bottom:12px;padding:5px 9px;border-radius:999px;background:#091e17b8;color:#fffaf0;font-size:10px;font-style:normal;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.background-thumb-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;align-items:center;min-width:0;padding:11px 12px 12px}.background-thumb strong,.background-thumb small,.background-thumb b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.background-thumb strong{grid-column:1;color:#17221f;font-size:14px}.background-thumb small{grid-column:1;color:#766d61;font-size:11px}.background-thumb b{grid-column:2;grid-row:1 / 3;align-self:center;padding:7px 10px;border:1px solid rgba(31,111,95,.24);border-radius:999px;background:#eef7f4d1;color:#1f6f5f;font-size:11px;font-weight:800}.background-card-featured .background-thumb img{aspect-ratio:21 / 9}.community-modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:#12171470;backdrop-filter:blur(10px)}.community-modal{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;gap:14px;width:min(980px,100%);max-height:min(860px,calc(100dvh - 36px));overflow:hidden;border:1px solid rgba(216,204,183,.94);border-radius:18px;padding:18px;background:linear-gradient(180deg,#fffdf8fc,#f5efe4fa);box-shadow:0 24px 80px #10231f3d}.library-modal{grid-template-rows:auto auto minmax(0,1fr)}.background-library-modal{grid-template-rows:auto minmax(0,1fr)}.library-modal-actions{display:flex;flex-wrap:wrap;gap:8px}.library-modal-actions button{display:inline-flex;align-items:center;gap:7px}.library-modal-body{min-height:0;overflow:auto;padding-right:4px}.library-empty{margin:0}.modal-recent-list{grid-template-columns:repeat(2,minmax(0,1fr))}.library-modal .recent-card{grid-template-columns:minmax(0,1fr) 42px}.library-modal .background-asset-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.library-modal .background-asset-grid.featured-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.community-modal-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.community-modal-header span,.community-modal-header p{color:#766d61}.community-modal-header span{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.community-modal-header h2{margin:4px 0 6px;color:#17221f;font-size:clamp(24px,3vw,38px);line-height:1.05}.community-modal-header p{max-width:660px;margin:0;font-size:14px;line-height:1.45}.icon-button{min-width:38px;width:38px;padding:0}.community-modal-tabs,.community-template-actions{display:flex;flex-wrap:wrap;gap:8px}.design-library-hub{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.design-library-hub button{display:flex;min-width:0;min-height:82px;align-items:center;gap:10px;padding:13px;border-radius:14px;text-align:left}.design-library-hub button span{display:grid;gap:3px;min-width:0}.design-library-hub button strong,.design-library-hub button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-library-hub button strong{font-size:14px}.design-library-hub button small{color:#766d61;font-size:11px}.design-library-new{border-color:#1f6f5f47!important;background:#eef7f4b8!important;color:#174d42!important;box-shadow:none}.design-library-new small{color:#6f766f!important}.design-library-destination{border-color:#1f6f5f29!important;background:#ffffffa3!important}.design-library-destination.active{border-color:var(--selection-border)!important;background:var(--selection-surface-strong)!important;color:var(--selection-ink);box-shadow:var(--selection-ring)}.community-admin-button{margin-left:auto;color:#766d61}.community-modal-tabs{align-items:center}.community-modal-tabs button{min-height:36px;border-radius:999px;padding:0 14px}.community-modal-tabs button.active{border-color:var(--selection-border);background:var(--selection-border);color:#fffaf0;box-shadow:var(--selection-ring)}.community-preset-filter{display:inline-grid;grid-template-columns:auto minmax(116px,148px);align-items:center;gap:8px;min-height:36px;margin-left:2px;padding:0 10px 0 12px;border:1px solid rgba(216,204,183,.96);border-radius:999px;background:#fffdf8c7;color:#766d61;font-size:12px;font-weight:800}.community-preset-filter select{min-height:28px;width:100%;border:0;padding:0 24px 0 0;background-color:transparent;color:#17221f;font:inherit;font-size:13px}.community-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:0;overflow:auto;padding-right:4px}.community-template-grid.background-template-grid{display:block;column-count:3;column-gap:14px;overflow:visible}@media (max-width: 760px){.community-template-grid.background-template-grid{column-count:2}}@media (max-width: 480px){.community-template-grid.background-template-grid{column-count:1}}.design-library-content{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:0;overflow:hidden}.design-library-content:has(.my-designs-toolbar){grid-template-rows:auto auto minmax(0,1fr)}.design-library-browse-tools{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:center}.design-library-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:40px;padding:0 10px;border:1px solid rgba(31,111,95,.24);border-radius:11px;background:#ffffffc2;color:#57645f}.design-library-search:focus-within{border-color:var(--selection-border);box-shadow:0 0 0 3px #1f6f5f24}.design-library-search input{min-width:0;min-height:36px;border:0;outline:0;background:transparent;color:#17221f;font-size:13px}.design-library-search button{display:grid;place-items:center;width:28px;min-width:28px;min-height:28px;padding:0;border:0;border-radius:8px;background:transparent}.design-library-filter-pills{display:flex;gap:6px;max-width:100%;overflow-x:auto;padding:3px;scrollbar-width:thin}.design-library-filter-pills button{flex:0 0 auto;min-height:34px;padding:0 9px;border-radius:999px;background:#fffdf8d1;color:#5c645f;font-size:12px;font-weight:760}.design-library-filter-pills button.active{border-color:var(--selection-border);background:var(--selection-surface-strong);color:var(--selection-ink);box-shadow:0 0 0 2px #1f6f5f2e}.library-card-skeleton{min-height:310px;overflow:hidden}.library-card-skeleton span,.library-card-skeleton i{display:block;border-radius:9px;background:linear-gradient(90deg,#e2dbcdb3,#f9f6eff2,#e2dbcdb3);background-size:220% 100%;animation:library-skeleton 1.25s ease-in-out infinite}.library-card-skeleton span{height:220px}.library-card-skeleton i{height:16px;width:72%}.library-card-skeleton i:last-child{width:42%}@keyframes library-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.community-template-card{display:grid;gap:9px;min-width:0;padding:10px;border:1px solid rgba(16,35,31,.1);border-radius:12px;background:#ffffff94}.community-template-thumb{position:relative;display:block;width:100%;aspect-ratio:1 / 1;min-height:0;overflow:hidden;padding:0;border-radius:9px;background:#e8dfd0}.community-template-thumb img{width:100%;height:100%;object-fit:contain;background:#e8dfd0}.background-dimension-pill{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);padding:4px 8px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#0a231dd1;color:#f4fbf7;font-size:10px;font-weight:700;letter-spacing:.04em;line-height:1.2;white-space:nowrap}.community-template-meta{display:grid;gap:3px;min-width:0}.community-template-meta strong,.community-template-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-template-meta strong{color:#17221f;font-size:14px}.community-template-meta span{color:#766d61;font-size:12px}.community-template-actions{justify-content:space-between}.community-template-actions .danger-action{min-width:40px;padding:0}.my-designs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#766d61;font-size:13px}.my-designs-toolbar>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.my-designs-toolbar button{display:inline-flex;align-items:center;gap:7px}.my-design-thumb-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#766d61;font-size:12px;background:linear-gradient(135deg,#efe7da,#dfd4c2)}.layer-color-grade-details{border:1px solid rgba(31,111,95,.18);border-radius:14px;background:linear-gradient(135deg,#3571a10f,#c5775014)}.layer-color-grade-details>summary{display:flex;justify-content:space-between;padding:12px;cursor:pointer;color:#1c5f52;font-weight:750}.layer-color-grade-details>summary small{color:#766d61;font-weight:600}.layer-color-grade-details .color-grade-studio{border:0;border-radius:0 0 14px 14px}.layer-row.grade-active,.layer-collection.grade-active{border-color:transparent;background:linear-gradient(#fffdf8e0,#fffdf8e0) padding-box,linear-gradient(120deg,#66c5d2,#a878d4 52%,#e2ab60) border-box;box-shadow:0 3px 14px #705cb11a}.layer-row.grade-active.active,.layer-collection.grade-active.active{background:linear-gradient(var(--selection-surface-strong),var(--selection-surface-strong)) padding-box,linear-gradient(120deg,#66c5d2,#a878d4 52%,#e2ab60) border-box;box-shadow:inset 3px 0 0 var(--selection-border),var(--selection-ring)}.community-submit-panel{display:grid;gap:12px;max-width:560px;overflow:auto}.community-empty{display:inline-flex;grid-column:1 / -1;align-items:center;gap:8px;margin:0;color:#766d61}.spin-icon{animation:spin .8s linear infinite}.muted-inline{color:#8a8174;font-size:12px;font-weight:400}.community-modal-footer{display:flex;justify-content:flex-end;border-top:1px solid rgba(16,35,31,.08);padding-top:12px}.canvas-column{display:grid;grid-template-rows:1fr;min-width:0;min-height:0;background:#d8cfbf}.canvas-viewport{position:relative;display:grid;grid-template-rows:1fr;min-width:0;min-height:0;height:100%}.mobile-size-control,.mobile-zoom-controls{display:none}.desktop-zoom-controls{position:absolute;right:18px;bottom:18px;z-index:12;display:inline-grid;grid-template-columns:34px minmax(54px,auto) 34px;align-items:center;overflow:hidden;border:1px solid rgba(16,35,31,.14);border-radius:999px;background:#f8f5eef0;box-shadow:0 12px 28px #10231f24;backdrop-filter:blur(8px)}.desktop-zoom-controls button{display:grid;place-items:center;min-width:34px;min-height:34px;border:0;border-radius:0;padding:0 10px;background:transparent;color:#17221f;font-size:15px;font-weight:800}.desktop-zoom-controls button:hover{background:#1f6f5f1a}.canvas-wrap{position:relative;display:grid;align-self:stretch;min-height:0;height:100%;place-items:center;overflow:hidden;padding:16px;touch-action:pan-x pan-y}.template-flash{position:absolute;top:18px;right:18px;z-index:5;display:grid;gap:4px;padding:10px 12px;border:1px solid rgba(31,111,95,.14);border-radius:12px;background:#fffdf8eb;box-shadow:0 12px 28px #10231f1f;animation:templateFlashInOut 1.6s ease forwards}.canvas-state-bar{position:absolute;top:18px;left:18px;z-index:5;display:flex;justify-content:space-between;gap:14px;width:min(520px,calc(100% - 36px));padding:12px 14px;border:1px solid rgba(16,35,31,.12);border-radius:14px;background:#fffdf8f0;box-shadow:0 12px 28px #10231f1a;backdrop-filter:blur(8px)}.canvas-state-bar.compact-idle,.canvas-state-bar.compact-selected{gap:10px;width:auto;max-width:calc(100% - 36px);padding:8px 10px;align-items:center}.canvas-state-copy{display:grid;gap:4px;min-width:0}.canvas-state-copy.compact-idle,.canvas-state-bar.compact-selected .canvas-state-copy{display:flex;align-items:center;gap:8px}.canvas-state-copy strong{color:#17221f;font-size:13px}.canvas-state-copy small{color:#6f665a;line-height:1.4}.canvas-state-pill{display:inline-flex;align-items:center;gap:6px;min-height:28px;width:fit-content;padding:0 10px;border-radius:999px;font-size:11px;font-weight:700}.canvas-state-pill.mode-select{background:#1f6f5f1f;color:#1c5f52}.canvas-state-pill.mode-edit{background:#a1581624;color:#8a4a13}.canvas-state-pill.mode-preview{background:#252c291f;color:#37413d}.canvas-state-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:8px}.canvas-state-actions button{min-height:34px;white-space:nowrap}.canvas-state-bar.compact-selected .canvas-state-copy strong,.canvas-state-bar.compact-selected .canvas-state-copy small{display:none}.canvas-state-bar.compact-selected .canvas-state-actions{width:auto;margin-left:auto;flex-wrap:nowrap}.canvas-state-bar.compact-selected .canvas-state-actions button{flex:0 0 auto;min-height:34px;padding-inline:12px}.canvas-state-bar.precision-dock.is-collapsed{gap:6px;padding:6px}.canvas-state-bar.precision-dock.is-collapsed .canvas-state-copy{gap:0}.canvas-state-bar.precision-dock.is-collapsed .canvas-state-pill{min-height:26px;padding-inline:8px;font-size:10px}.canvas-precision-toggle{display:inline-grid;place-items:center;min-width:30px;min-height:30px;padding:0;border-radius:999px;color:#1c5f52;background:#1f6f5f17}.canvas-precision-toggle:hover{border-color:#1f6f5f57;background:#1f6f5f29}.new-design-sidebar-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:38px;margin:0 0 10px;border-color:#1f6f5f;background:linear-gradient(135deg,#1f6f5f,#185d50);color:#fffdf8;font-weight:750;box-shadow:0 8px 16px #1f6f5f29;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.new-design-sidebar-action:hover{transform:translateY(-1px);border-color:#185d50;background:linear-gradient(135deg,#27806c,#1a6557);box-shadow:0 12px 22px #1f6f5f38}.segmented.font-filters{display:flex;flex:1;min-width:0;overflow-x:auto}.canvas-state-bar.compact-idle .canvas-state-copy strong{font-size:12px;font-weight:600}.canvas-state-bar.compact-idle .canvas-state-actions{width:auto;margin-left:auto}.canvas-state-bar.compact-idle .canvas-state-actions button{flex:0 0 auto;min-width:112px}.template-flash strong{font-size:13px;color:#1f6f5f}.template-flash span{font-size:12px;color:#766d61}@keyframes templateFlashInOut{0%{opacity:0;transform:translateY(-6px) scale(.98)}14%{opacity:1;transform:translateY(0) scale(1)}82%{opacity:1}to{opacity:0;transform:translateY(-4px) scale(.99)}}.konvajs-content{box-shadow:0 24px 70px #14181438}.inline-editor,.canvas-text-edit-affordance{position:absolute;z-index:5}.inline-editor{background:#f8f5eefa;border:1px solid rgba(31,111,95,.4);border-radius:12px;box-shadow:0 18px 50px #10231f2e;padding:8px;backdrop-filter:blur(6px)}.inline-editor textarea{width:100%;min-height:120px;border:0;padding:0;background:transparent;resize:none;outline:none;line-height:1.28}.inline-editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.inline-editor-actions button{min-height:34px;border-radius:8px;padding:0 12px}.editor-resize-handle{position:absolute;right:6px;bottom:6px;width:16px;height:16px;border:0;border-radius:50%;background:linear-gradient(135deg,transparent 0 40%,#1f6f5f 40% 100%);cursor:nwse-resize;box-shadow:0 4px 10px #0000002e}.canvas-text-edit-affordance{min-height:32px;padding:0 11px;border:1px solid rgba(31,111,95,.2);border-radius:999px;background:#fffaf0f0;color:#1f6f5f;font-size:12px;font-weight:800;box-shadow:0 8px 24px #1418141f;transform:translate(10px,-50%);backdrop-filter:blur(8px)}label{display:grid;gap:8px}.mobile-block-summary{display:none}.text-citation-details{display:grid;gap:10px}.text-citation-details summary{cursor:pointer;color:#17221f;font-weight:700}.text-citation-details label{margin-top:10px}.text-editor-shell{position:relative;display:grid;gap:0;margin-top:12px;padding-top:0}.text-editor-shell textarea{position:relative;z-index:0;padding-top:32px}.position-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.position-grid label{align-items:center;grid-template-columns:auto auto 1fr}.mobile-tabs,.mobile-project-card,.mobile-save-status,.mobile-top-controls{display:none}.mobile-custom-text-action{min-width:0;padding-inline:10px}.mobile-photo-action{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:40px;overflow:hidden}.mobile-photo-action input{position:absolute;inset:0;opacity:0}.mobile-shape-action{display:inline-grid;place-items:center;min-width:28px;width:28px;padding:0}@media (max-width: 980px){body{overflow:hidden}.app-shell{grid-template-rows:auto 1fr;height:100dvh;min-height:100dvh;overflow:hidden}.topbar{display:flex;flex-direction:column;position:relative;z-index:30;min-height:38px;align-items:stretch;gap:6px;padding:max(6px,env(safe-area-inset-top)) 10px 8px;border-bottom:1px solid #d8cdb9;background:#f8f5eefa}.brand{gap:0}.topbar-meta{gap:0;align-content:start}.brand-logo,.brand span{display:none}.brand strong{color:#4c463f;font-size:13px;font-weight:650}.save-state,.topbar-left-tools,.topbar-project-summary,.toolbar{display:none}.mobile-top-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;min-width:0;width:100%}.mobile-top-controls label{display:grid;min-width:0}.mobile-top-controls label>span{display:none}.mobile-top-controls select{width:100%;min-width:0;max-width:none;min-height:32px;border:1px solid rgba(16,35,31,.12);border-radius:999px;padding:0 28px 0 10px;background:#f8f5eef0;color:#17221f;font-size:12px;box-shadow:0 8px 22px #10231f1f;backdrop-filter:blur(8px)}.mobile-top-zoom-controls{display:inline-grid;grid-template-columns:28px auto 28px;align-items:center;min-height:32px;overflow:hidden;border:1px solid rgba(16,35,31,.12);border-radius:999px;background:#f8f5eef0;box-shadow:0 8px 22px #10231f1f;backdrop-filter:blur(8px)}.mobile-top-zoom-controls button{min-width:28px;min-height:30px;border:0;border-radius:0;padding:0;background:transparent;font-size:18px;line-height:1}.mobile-top-zoom-controls .mobile-zoom-reset{min-width:38px;padding-inline:4px;color:#5d554b;font-size:12px;text-align:center}.mobile-project-card,.mobile-save-status{display:grid}.layers-touch-hint{display:flex}.layer-row{padding:10px}.layer-selection-actions,.layer-reorder-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.layer-row-actions button{min-height:34px;min-width:34px;padding:0 11px}.layer-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-layer-studio-card{align-items:flex-start;flex-direction:column}.mobile-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;position:fixed;left:8px;right:8px;bottom:max(6px,env(safe-area-inset-bottom));z-index:40;padding:4px;border:1px solid rgba(16,35,31,.14);border-radius:13px;background:#f8f5eef5;box-shadow:0 12px 40px #10231f29;backdrop-filter:blur(10px)}.mobile-tabs button{gap:4px;min-height:38px;padding:0 4px;font-size:10px;font-weight:700;white-space:nowrap}.mobile-save-status{min-height:32px;align-items:center;border:1px solid #e1d6c5;border-radius:8px;padding:0 10px;background:#f7f1e7;color:#6b6258;font-size:12px}.mobile-project-card{gap:8px;padding:10px 12px}.mobile-project-card h2{margin-bottom:0}.mobile-project-card label{gap:5px}.mobile-project-card input{min-height:38px}.workspace{display:flex;flex-direction:column;min-height:0;overflow:hidden;--mobile-tabs-bar-height: calc(54px + env(safe-area-inset-bottom)) }.canvas-column{order:1;position:relative;grid-template-rows:1fr;flex:0 0 auto;height:calc(100% - var(--mobile-tabs-bar-height) - var(--mobile-open-panel-height, 0px));max-height:calc(100% - var(--mobile-tabs-bar-height) - var(--mobile-open-panel-height, 0px));min-height:0}.template-flash{top:12px;right:12px;left:12px}.canvas-state-bar{top:12px;left:12px;right:12px;width:auto;gap:8px;padding:10px 12px;align-items:flex-start}.canvas-state-bar.compact-idle{gap:8px;padding:7px 8px;align-items:center}.canvas-state-bar.compact-selected{display:none}.canvas-state-actions{width:100%;justify-content:stretch}.canvas-state-actions button{flex:1 1 96px;min-height:36px}.canvas-state-copy strong{font-size:12px;line-height:1.35}.canvas-state-copy small{font-size:11px;line-height:1.35}.canvas-state-copy.compact-idle small{display:none}.canvas-state-bar.compact-idle .canvas-state-actions{width:auto;margin-left:auto}.canvas-state-bar.compact-idle .canvas-state-actions button{flex:0 0 auto;min-width:104px;min-height:34px;padding-inline:12px}.panel{display:none;position:fixed;left:0;right:0;bottom:var(--mobile-tabs-bar-height);z-index:35;height:min(var(--mobile-sheet-height, 52dvh),calc(100dvh - 86px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));max-height:calc(100dvh - 86px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border:0;border-top:1px solid #d8cdb9;border-radius:18px 18px 0 0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scroll-padding-bottom:calc(var(--mobile-tabs-bar-height) + 12px);box-shadow:0 -18px 50px #10231f2e}.panel.mobile-open,.export-panel.mobile-open{display:flex;flex-direction:column}.mobile-tabs,.canvas-state-bar,.canvas-text-edit-affordance,.inline-editor{backdrop-filter:none}.export-panel .settings-launch-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.export-panel .export-inline-action,.export-panel .export-primary-action,.export-panel .export-format-action,.export-panel .export-tile-action{appearance:none;border:1px solid #d8cdb9;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.export-panel .export-inline-action:active,.export-panel .export-primary-action:active,.export-panel .export-format-action:active,.export-panel .export-tile-action:active{transform:scale(.98)}.export-panel .export-inline-action:focus-visible,.export-panel .export-primary-action:focus-visible,.export-panel .export-format-action:focus-visible,.export-panel .export-tile-action:focus-visible{outline:3px solid rgba(35,105,89,.38);outline-offset:2px}.export-panel .export-inline-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;gap:7px;padding:9px 12px;border-radius:12px;background:#fffaf0;color:#244940;font-size:13px;font-weight:700;white-space:nowrap}.export-panel .mobile-export-card{gap:12px}.export-panel .export-card-intro{margin:-4px 0 0;color:#766d61;font-size:12px;line-height:1.45}.export-panel .export-download-actions{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(104px,.65fr);gap:8px}.export-panel .export-primary-action,.export-panel .export-format-action,.export-panel .export-tile-action{display:flex;align-items:center;text-align:left}.export-panel .export-primary-action,.export-panel .export-format-action{min-height:64px;gap:10px;border-radius:14px;padding:11px 12px}.export-panel .export-primary-action{border-color:#10231f;background:#10231f;color:#fffaf0;box-shadow:0 8px 16px #10231f29}.export-panel .export-format-action{background:#f6efe3;color:#244940}.export-panel .export-primary-action span,.export-panel .export-format-action span{display:grid;gap:2px}.export-panel .export-primary-action strong,.export-panel .export-format-action strong{font-size:13px;line-height:1.1}.export-panel .export-primary-action small,.export-panel .export-format-action small{color:inherit;font-size:11px;line-height:1.1;opacity:.72}.export-panel .export-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.export-panel .export-tile-action{min-width:0;min-height:48px;gap:8px;padding:9px 10px;border-radius:12px;background:#fffaf0;color:#244940;font-size:12px;font-weight:700;line-height:1.2}.export-panel .export-tile-action svg{flex:0 0 auto}.export-panel .export-tile-action span{min-width:0}.export-panel .mobile-project-files-card{gap:10px}.left-panel.mobile-open{box-shadow:0 -18px 50px #10231f2e,0 -1px #ffffff80 inset}.desktop-only{display:none}.panel-resize-bar{flex:0 0 auto;position:sticky;top:0;z-index:2;display:grid;grid-template-columns:56px 1fr 92px;align-items:center;width:100%;min-height:24px;border:0;border-radius:18px 18px 0 0;background:#f8f5eefa}.panel-resize-bar button{display:grid;place-items:center;width:30px;height:28px;justify-self:center;border:0;border-radius:8px;padding:0;background:transparent;color:#6b6258;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.panel-history-actions,.panel-height-actions{display:flex;justify-content:center;gap:2px}.panel-height-actions{justify-content:flex-start}.panel-resize-bar .mobile-selection-delete{color:#a44336}.panel-resize-bar .mobile-selection-delete:active:not(:disabled){background:#a4433624;color:#8d3127}.panel-resize-bar button:disabled{color:#bdb3a4;cursor:default}.panel-resize-bar button:active{background:#1f6f5f1f;color:#1f6f5f}.panel-resize-bar button:focus-visible{outline:2px solid #1f6f5f;outline-offset:-2px}.panel-resize-status{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}.panel-resize-status small{color:#8b8175;font-size:8px;font-weight:750;line-height:1}.panel-resize-grip{display:block;justify-self:center;width:32px;height:3px;border-radius:999px;background:#c9beab}.panel-stack{min-height:0;padding:6px 12px 12px;gap:12px}.panel>.panel-stack,.panel>.sidebar-stack{padding-bottom:calc(12px + var(--mobile-tabs-bar-height))}.sidebar-stack{display:flex;flex-direction:column;min-height:0}.panel>.panel-stack,.panel>.sidebar-stack,.sidebar-shell,.content-studio-shell,.right-panel .panel-stack{min-height:0}.panel button,.panel label,.mobile-tabs button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sidebar-shell,.right-panel .panel-stack{display:flex;flex-direction:column}.mobile-block-summary{display:-webkit-box;margin:0;overflow:hidden;color:#5d554b;font-size:13px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sidebar-jumpbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:8px;overflow:visible}.sidebar-jumpbar button{width:100%;justify-content:center;padding-inline:10px}.font-control{order:1}.text-citation-details{padding:10px;border:1px solid #e1d6c5;border-radius:10px;background:#fbf8f1}.text-citation-details textarea{min-height:88px;max-height:140px}.source-search-card{order:2}.template-strip-header{display:block}.community-modal-backdrop{padding:8px;align-items:stretch}.community-modal{width:100%;max-height:calc(100dvh - 16px);grid-template-rows:auto auto auto minmax(0,1fr);gap:8px;padding:10px;border-radius:14px}.community-modal-header{gap:10px}.community-modal-header span{font-size:10px}.community-modal-header h2{margin:2px 0 0;font-size:20px;line-height:1.1}.community-modal-header p{display:none}.community-modal .icon-button{min-width:34px;width:34px;min-height:34px}.design-library-hub{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.design-library-hub button{display:grid;justify-items:center;min-height:48px;gap:4px;padding:8px 5px;text-align:center}.design-library-hub button svg{width:16px;height:16px}.design-library-hub button span{gap:0;width:100%}.design-library-hub button strong{font-size:11px}.design-library-hub button small{display:none}.community-modal-tabs{flex-wrap:nowrap;gap:6px;overflow:visible;padding-bottom:2px}.community-modal-tabs button{flex:0 0 auto;min-height:30px;padding:0 10px;font-size:12px}.community-preset-filter{flex:0 0 auto;grid-template-columns:minmax(92px,104px);min-height:34px;padding:0 9px}.community-preset-filter span{display:none}.community-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-right:0}.design-library-browse-tools{grid-template-columns:minmax(0,1fr);gap:5px}.design-library-search{min-height:34px;padding:0 9px}.design-library-search input{min-height:32px;font-size:12px}.design-library-filter-pills{margin-inline:-2px;padding:2px}.design-library-filter-pills button{min-height:30px;padding:0 10px;font-size:11px}.community-template-card{gap:6px;padding:6px;border-radius:10px}.community-template-thumb{border-radius:8px}.community-template-meta strong{font-size:12px}.community-template-meta span{font-size:10px}.community-template-actions .primary-action{min-height:30px;padding:0 10px;font-size:12px}.community-modal-footer{display:none}.modal-recent-list,.library-modal .background-asset-grid,.library-modal .background-asset-grid.featured-grid{grid-template-columns:1fr}.saved-designs-card{order:3}.provider-note,.mobile-size-control,.mobile-zoom-controls,.desktop-zoom-controls{display:none}.canvas-viewport{min-height:0}.canvas-wrap{align-content:end;align-items:end;justify-items:center;padding:10px 8px 4px;overflow:hidden}.canvas-wrap.is-zoomed,.canvas-wrap.is-touch-drag-ready{touch-action:none}.canvas-wrap>.konvajs-content{align-self:end}.inline-editor{position:fixed;left:8px!important;right:8px;top:calc(48px + env(safe-area-inset-top))!important;z-index:50;width:auto!important;max-height:calc(100dvh - 118px - env(safe-area-inset-bottom));min-height:min(46dvh,420px)!important;overflow:auto;padding:12px!important;border-radius:16px!important}.inline-editor textarea{min-height:min(32dvh,320px)!important;max-height:calc(100dvh - 210px - env(safe-area-inset-bottom));overflow:auto;font-size:max(18px,min(28px,7vw))!important}.inline-editor-actions{position:sticky;bottom:0;padding-top:10px;background:inherit}.inline-editor-actions button{flex:1;min-height:42px}.editor-resize-handle{display:none}.content-studio-header h2{font-size:16px}.content-studio-header strong{min-height:24px;padding-inline:8px;font-size:11px}.source-mode-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;padding-bottom:0}.source-mode-toggle.secondary{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-add-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-add-action-grid .mobile-add-action{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:48px;gap:8px;border:1px solid #d8cdb9;border-radius:12px;padding:10px 12px;background:#fffaf0;color:#244940;font:inherit;font-weight:750;line-height:1.2;text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-add-action-grid .mobile-add-action.create-action{border-color:#1f6f5f;background:#1f6f5f;color:#fffaf0}.mobile-add-action-grid .mobile-add-action.source-action.active{border-color:#10231f;background:#10231f;color:#fffaf0;box-shadow:0 5px 12px #10231f24}.mobile-add-action-grid .mobile-add-action:active{transform:scale(.98)}.source-mode-toggle button,.source-mode-toggle label{min-width:0;white-space:normal}.mobile-custom-text-action{padding-inline:10px}.mobile-photo-action{position:relative;min-height:46px;padding-inline:12px;overflow:hidden}.mobile-add-action-grid .mobile-background-action{grid-column:1 / -1;border-color:#1f6f5f57;background:#1f6f5f14;color:#1c5a4d}.mobile-background-choices{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;border:1px solid rgba(31,111,95,.18);border-radius:12px;background:#e9f4eeb8}.mobile-background-choices button,.mobile-background-choices label{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:42px;padding:8px 10px;border:1px solid rgba(31,111,95,.28);border-radius:9px;background:#fffaf0;color:#1c5548;font-size:12px;font-weight:750;line-height:1.2;text-align:center}.mobile-background-choices input{position:absolute;inset:0;opacity:0;cursor:pointer}.mobile-ocr-action{min-width:0;min-height:46px;padding-inline:12px;justify-content:center}.mobile-shape-action{min-width:0;width:auto;min-height:46px;padding-inline:12px;justify-content:center}.mobile-template-library-action{width:100%;min-height:44px;justify-content:center}.mobile-tool-disclosure{margin-top:10px}.mobile-shape-grid,.mobile-community-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-shape-grid{margin-bottom:8px}.mobile-shape-grid button,.mobile-community-actions button{min-height:42px;justify-content:center}.mobile-shape-glyph{font-size:15px;line-height:1}.mobile-content-footer{gap:8px}.mobile-footer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-footer-actions button{min-height:40px;justify-content:center}.mobile-disclosure>summary{cursor:pointer}.mobile-disclosure>summary:after{content:"+";display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto;border:1px solid rgba(16,35,31,.12);border-radius:50%;color:#1f6f5f;font-weight:800}.mobile-disclosure[open]>summary:after{content:"-"}.mobile-disclosure:not([open]){gap:0}.mobile-disclosure:not([open])>summary{padding-bottom:0;border-bottom:0}.creation-grid{grid-template-columns:1fr}.creation-tile{min-height:64px;padding:11px}.creation-tile small{font-size:11px}.design-manager-inline{align-items:stretch;flex-direction:column}.inline-manager-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.inline-manager-actions button{justify-content:center}.translation-picker{grid-template-columns:1fr}.ayah-picker-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ayah-picker-summary div:last-child{grid-column:1 / -1}}@media (max-width: 540px){.topbar{padding-inline:10px}.toolbar .primary-action span{display:none}.mobile-tabs{left:6px;right:6px}.mobile-tabs button{font-size:9px}.content-studio-header{gap:8px}.content-studio-header h2{font-size:14px}.content-studio-header strong{align-self:flex-start}.source-creation-card,.content-search-card,.content-library-card{border-radius:16px}.shape-strip{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.shape-strip button{min-height:40px;padding-inline:8px;font-size:13px;justify-content:center;text-align:center}.inline-manager-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-manager-actions button{width:100%;justify-content:center}.inline-manager-actions button:last-child{grid-column:1 / -1}.source-mode-summary{padding:9px 10px}.pro-control-pair{grid-template-columns:1fr}.radial-control,.color-wheel-row{grid-template-columns:72px minmax(0,1fr);gap:12px}.radial-dial,.radial-svg,.color-wheel-svg,.color-wheel-shell{width:72px;height:72px;min-height:72px}.value-scrub-field,.color-wheel-row>input{min-height:40px;border-radius:10px}.color-wheel-shell{touch-action:none}.value-scrub-field input,.color-wheel-row>input{font-size:14px}.quran-search-shell,.other-source-card,.source-supplement-card{padding:12px}.quran-search-header strong{font-size:15px}.ayah-picker-grid,.translation-picker,.ayah-picker-summary{grid-template-columns:1fr}.ayah-picker-summary div:last-child{grid-column:auto}.results-shell{padding:10px}.recent-card{grid-template-columns:minmax(0,1fr) 40px}.canvas-text-edit-affordance{min-height:34px;transform:translate(8px,-50%)}.panel{max-height:min(var(--mobile-sheet-height, 36dvh),72dvh)}.canvas-state-bar{gap:7px;padding:9px 10px}.canvas-state-bar.compact-idle{padding:6px 7px}.canvas-state-pill{min-height:26px;padding-inline:9px;font-size:10px}.canvas-state-actions button{min-height:34px;padding-inline:10px;font-size:12px}.canvas-state-bar.compact-idle .canvas-state-copy{gap:6px}.canvas-state-bar.compact-idle .canvas-state-copy strong{display:none}.canvas-state-bar.compact-idle .canvas-state-actions button{min-width:92px;padding-inline:9px;font-size:11px}.source-mode-toggle,.source-mode-toggle.secondary,.mobile-add-action-grid,.mobile-footer-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-footer-actions button:last-child{grid-column:1 / -1}}@media (max-width: 360px){.source-mode-toggle,.source-mode-toggle.secondary,.mobile-add-action-grid,.mobile-footer-actions,.mobile-background-choices{grid-template-columns:1fr}.sidebar-jumpbar{grid-template-columns:repeat(2,minmax(0,1fr))}}.theme-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:8px}.theme-choice-grid button{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:70px;border-radius:13px;padding:10px 12px;text-align:left}.theme-choice-grid button>span{display:grid;gap:3px;min-width:0}.theme-choice-grid button strong,.theme-choice-grid button small{overflow:hidden;text-overflow:ellipsis}.theme-choice-grid button strong{font-size:13px}.theme-choice-grid button small{color:#766d61;font-size:10px;line-height:1.3;white-space:normal}.theme-choice-grid button.active{border-color:var(--selection-border);background:var(--selection-surface);color:var(--selection-ink);box-shadow:var(--selection-ring)}.shading-subsection{position:relative;overflow:hidden;border:1px solid rgba(16,35,31,.1);border-radius:13px;background:#fffdf8bd;transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.shading-subsection>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:9px;min-height:48px;padding:9px 11px;cursor:pointer;list-style:none}.shading-subsection>summary::-webkit-details-marker{display:none}.shading-subsection>summary>span,.shading-subsection>summary:not(:has(>span)){color:#293a35;font-size:12px;font-weight:800}.shading-subsection>summary>small{max-width:124px;overflow:hidden;padding:4px 7px;border-radius:999px;background:#10231f0f;color:#7c7368;font-size:9px;font-weight:800;letter-spacing:.04em;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.shading-subsection>summary:after{content:"+";display:grid;place-items:center;width:18px;height:18px;border:1px solid rgba(31,111,95,.18);border-radius:999px;color:#1f6f5f;font-size:13px;line-height:1}.shading-subsection[open]>summary:after{content:"−"}.shading-subsection[data-active=true]{border-color:#1f6f5f57;background:linear-gradient(145deg,#f7fcf9fa,#ebf6f1e6);box-shadow:inset 3px 0 #2c806c,0 8px 18px #10231f0b}.shading-subsection[data-active=true]>summary>small{background:#1f6f5f1f;color:#1b6454}.shading-subsection[open]>summary{border-bottom:1px solid rgba(16,35,31,.08)}.shading-subsection>:not(summary){margin-inline:11px}.shading-subsection>:last-child{margin-bottom:11px}.paper-press-subsection{border-color:#9a483633}@media (max-width: 540px){.theme-choice-grid{grid-template-columns:1fr}}:root[data-theme=dark]{color-scheme:dark;background:#07130f;color:#e7f2ec;--selection-ink: #f7e7c0;--selection-border: #c7a45f;--selection-surface: #1a2c24;--selection-surface-strong: #26382e;--selection-ring: 0 0 0 1px rgba(199, 164, 95, .52), 0 8px 20px rgba(0, 0, 0, .2);--selection-hover-border: #b99550;--selection-hover-surface: #1e3028;--ui-bg: #07130f;--ui-bg-raised: #0b1914;--ui-panel: #0e1e18;--ui-surface: #132720;--ui-surface-strong: #183229;--ui-border: #29483c;--ui-border-soft: rgba(104, 153, 133, .22);--ui-text: #e7f2ec;--ui-muted: #9db2a8;--ui-faint: #748b81;--ui-accent: #49b995;--ui-accent-strong: #62d0ab;--ui-gold: #d6b875;--ui-danger: #f08b7f}:root[data-theme=dark] body{background:#07130f}.app-shell[data-theme=dark]{color:var(--ui-text);background:var(--ui-bg)}.app-shell[data-theme=dark] ::selection{background:#d6b87561;color:#fff8e8}.app-shell[data-theme=dark] :where(h1,h2,h3,h4,strong,label,summary){color:var(--ui-text)}.app-shell[data-theme=dark] :where(p,small,.font-label,.settings-group-note,.section-helper-text,.control-note,.effect-disabled-note,.canvas-section-intro,.source-note,.notice){color:var(--ui-muted)}.app-shell[data-theme=dark] :where(button,input,select,textarea){border-color:var(--ui-border);color:var(--ui-text)}.app-shell[data-theme=dark] :where(button,input:not([type=range]):not([type=color]):not([type=checkbox]),select,textarea){background-color:var(--ui-surface)}.app-shell[data-theme=dark] :where(input,textarea)::placeholder{color:#71887e;opacity:1}.app-shell[data-theme=dark] :where(button,[role=button]){box-shadow:none}.app-shell[data-theme=dark] :where(button,[role=button]):hover:not(:disabled){border-color:var(--selection-hover-border);background-color:var(--selection-hover-surface)}.app-shell[data-theme=dark] :where(button,input,select,textarea):focus-visible{outline-color:#d6b875c7}.app-shell[data-theme=dark] .topbar{border-bottom-color:var(--ui-border-soft);background:radial-gradient(circle at 18% -80%,rgba(73,185,149,.15),transparent 34%),linear-gradient(90deg,#091813fc,#0c1d17fb);box-shadow:0 5px 24px #0003}.app-shell[data-theme=dark] .brand-mark{border-color:#315246;background:#10251e;box-shadow:0 6px 18px #00000047,inset 0 1px #ffffff0d}.app-shell[data-theme=dark] .brand strong,.app-shell[data-theme=dark] .topbar-project-summary span{color:#f0f8f4}.app-shell[data-theme=dark] .brand span,.app-shell[data-theme=dark] .topbar-project-summary strong,.app-shell[data-theme=dark] .topbar-command-copy small{color:var(--ui-muted)}.app-shell[data-theme=dark] .save-state{border-color:#49b99540;background:#123228c7;color:#b9d7ca}.app-shell[data-theme=dark] .save-state i{background:#55d3a5;box-shadow:0 0 0 3px #55d3a524}.app-shell[data-theme=dark] :where(.toolbar-group,.topbar-project-summary){border-color:var(--ui-border-soft);background:#11251ec2;box-shadow:inset 0 1px #ffffff09}.app-shell[data-theme=dark] :where(.toolbar-group button,.topbar-left-tools button){background:transparent}.app-shell[data-theme=dark] :where(.toolbar-group button,.topbar-left-tools button):hover:not(:disabled){border-color:#365c4d;background:#173229}.app-shell[data-theme=dark] .toolbar-create-trigger{background:#1e4b3db8!important;color:#8ce0bf}.app-shell[data-theme=dark] :where(.topbar-command-menu,.workspace-popover){border-color:var(--ui-border);background:#0a1a14fb;box-shadow:0 22px 60px #0000006b}.app-shell[data-theme=dark] .topbar-command-menu-list button{background:transparent;color:var(--ui-text)}.app-shell[data-theme=dark] .topbar-command-menu-list button svg{color:#a8c5b9}.app-shell[data-theme=dark] :where(.topbar-command-section+.topbar-command-section,.topbar-command-subgrid+.topbar-command-section,.topbar-command-subgrid){border-color:var(--ui-border-soft)}.app-shell[data-theme=dark] .workspace{background:var(--ui-bg)}.app-shell[data-theme=dark] .panel{border-color:var(--ui-border-soft);background:linear-gradient(180deg,#0e1f19fc,#091712fc);scrollbar-color:#315b4b #0b1914}.app-shell[data-theme=dark] .canvas-column{background:radial-gradient(circle at 50% 42%,rgba(51,85,70,.34),transparent 42%),linear-gradient(135deg,#16251f,#0a1612 72%)}.app-shell[data-theme=dark] .canvas-wrap{background-image:radial-gradient(rgba(126,169,151,.08) .7px,transparent .7px);background-size:18px 18px}.app-shell[data-theme=dark] .canvas-wrap.is-zoomed{background-image:none}.app-shell[data-theme=dark] :where(.sidebar-card,.properties-card){border-color:var(--ui-border-soft);background:radial-gradient(circle at top right,rgba(73,185,149,.055),transparent 30%),linear-gradient(180deg,#132720fa,#0d1e18fa);box-shadow:inset 0 1px #ffffff09,0 12px 30px #0000001f}.app-shell[data-theme=dark] :where(.source-creation-card,.content-search-card,.content-library-card){background:radial-gradient(circle at top right,rgba(73,185,149,.1),transparent 34%),radial-gradient(circle at bottom left,rgba(214,184,117,.055),transparent 30%),linear-gradient(180deg,#142a22,#0f211b)}.app-shell[data-theme=dark] :where(.source-creation-card,.content-search-card,.content-library-card):before{background:linear-gradient(90deg,#49b995,#d6b875 52%,#49b99540)}.app-shell[data-theme=dark] :where(.content-studio-header,.properties-header,.layers-panel-header,.inspector-section,.source-secondary-actions){border-color:var(--ui-border-soft)}.app-shell[data-theme=dark] :where(.content-studio-header span,.content-studio-header>strong,.properties-header span,.properties-header>strong,.layers-panel-header span){color:var(--ui-muted)}.app-shell[data-theme=dark] :where(.content-studio-header>strong,.layers-panel-header>strong,.canvas-fact-row span,.canvas-media-status){border-color:#49b99538;background:#49b9951a;color:#7bd6b5}.app-shell[data-theme=dark] :where(.creation-tile,.shape-strip button,.layer-section-toggle,.template,.template-card){border-color:var(--ui-border-soft);background:linear-gradient(180deg,#183027,#11251e);box-shadow:0 8px 20px #00000024}.app-shell[data-theme=dark] :where(.creation-tile strong,.layer-section-toggle strong,.results-header strong){color:var(--ui-text)}.app-shell[data-theme=dark] :where(.creation-tile small,.layer-section-toggle small,.results-header span){color:var(--ui-muted)}.app-shell[data-theme=dark] :where(.creation-tile>svg,.shape-strip svg){color:var(--ui-accent-strong)}.app-shell[data-theme=dark] :where(.creation-advanced-tools,.source-secondary-disclosure,.source-advanced-disclosure,.source-mode-summary,.results-shell,.other-source-card,.quran-search-shell){border-color:var(--ui-border-soft);background:#12271fd6}.app-shell[data-theme=dark] :where(.creation-advanced-tools summary span,.source-secondary-disclosure summary span,.source-advanced-disclosure summary span){color:#d7e8e0}.app-shell[data-theme=dark] :where(.creation-advanced-tools summary small,.source-secondary-disclosure summary small,.source-advanced-disclosure summary small,.source-mode-summary span){color:var(--ui-muted)}.app-shell[data-theme=dark] :where(.creation-advanced-tools summary:after,.source-secondary-disclosure summary:after,.source-advanced-disclosure summary:after){border-color:#49b9954d;color:var(--ui-accent-strong)}.app-shell[data-theme=dark] .new-design-sidebar-action,.app-shell[data-theme=dark] .primary-action,.app-shell[data-theme=dark] .export-primary-action{border-color:#3b9b7c;background:linear-gradient(180deg,#338b70,#266f5a);color:#f4fff9;box-shadow:0 8px 20px #10503e3d}.app-shell[data-theme=dark] :where(.segmented .active,.compact-segmented .active,.sidebar-jumpbar button.active,.alignment-picker .active,.direction-picker .active,.guide-preset-grid button.active){border-color:#4fbd99;background:#245f4f;color:#f3fff9;box-shadow:0 5px 15px #0003}.app-shell[data-theme=dark] :where(.segmented .active,.sidebar-jumpbar button.active,.guide-preset-grid button.active) :where(strong,span,small,svg){color:inherit}.app-shell[data-theme=dark] .sidebar-jumpbar{border-color:var(--ui-border-soft);background:#0b1a15}.app-shell[data-theme=dark] .sidebar-jumpbar button{background:transparent;color:#a9beb4}.app-shell[data-theme=dark] :where(.layer-selection-card,.layer-bucket,.layer-row,.layer-collection){border-color:var(--ui-border-soft);background:#142b22db}.app-shell[data-theme=dark] :where(.layer-selection-card,.layer-row.active,.layer-collection.active){border-color:#49b9957a;background:linear-gradient(90deg,#1e4b3deb,#132f26eb)}.app-shell[data-theme=dark] :where(.layer-selection-header strong,.layer-row strong,.layer-collection strong,.layer-group-header strong){color:#e6f2ec}.app-shell[data-theme=dark] :where(.layer-selection-header span,.layer-selection-header small,.layer-selection-header em,.layer-row small,.layer-collection small,.layer-bucket-header){color:var(--ui-muted)}.app-shell[data-theme=dark] .layer-thumb{border-color:#365b4d;background:#1b342b}.app-shell[data-theme=dark] :where(.layer-selection-actions button,.layer-reorder-strip button,.layer-row-actions button){border-color:var(--ui-border);background:#183128;color:#deeee6}.app-shell[data-theme=dark] :where(.inspector-section-header strong,.canvas-tools-header strong,.canvas-media-status){color:#6fd1ad}.app-shell[data-theme=dark] :where(.shading-subsection,.canvas-tool-disclosure,.canvas-subcontrol-disclosure,.canvas-fine-tune-disclosure,.canvas-grade-disclosure,.advanced-character-studio,.layout-card,.font-studio-shell){border-color:var(--ui-border-soft);background:#12271fcc}.app-shell[data-theme=dark] .shading-subsection[data-active=true]{border-color:#49b99585;background:linear-gradient(145deg,#17352b,#11271f);box-shadow:inset 3px 0 0 var(--ui-accent),0 10px 22px #00000029}.app-shell[data-theme=dark] .paper-press-subsection[data-active=true]{border-color:#d6b8757a;background:linear-gradient(145deg,#2c2b20,#18271f 72%);box-shadow:inset 3px 0 0 var(--ui-gold),0 10px 22px #0000002b}.app-shell[data-theme=dark] .shading-subsection>summary{border-color:var(--ui-border-soft)}.app-shell[data-theme=dark] .shading-subsection>summary>span{color:#e3f0e9}.app-shell[data-theme=dark] .shading-subsection>summary>small{background:#8eb1a11a;color:var(--ui-muted)}.app-shell[data-theme=dark] .shading-subsection[data-active=true]>summary>small{background:#49b99529;color:#84ddbc}.app-shell[data-theme=dark] :where(.surface-control-group,.character-modifier-zone,.inline-note,.canvas-empty-state,.canvas-pages-empty,.grade-wheel-control,.grade-effects-library button,.grade-preset-strip>button){border-color:var(--ui-border-soft);background:#0f221bd6}.app-shell[data-theme=dark] :where(.value-scrub-field,.slider-control-input,.color-wheel-row>input,.compact-color-control,.font-pill,.premium-select-control select,.text-editor-shell textarea){border-color:var(--ui-border);background:linear-gradient(180deg,#172e26,#10231c);color:var(--ui-text);box-shadow:inset 0 1px #ffffff09}.app-shell[data-theme=dark] :where(.value-scrub-control>span,.slider-control-header>span,.color-wheel-control>span,.field-label,.font-control-label,.surface-control-heading,.premium-select-control){color:#b8c9c0}.app-shell[data-theme=dark] :where(.slider-control-meta strong,.font-sample){color:#edf7f2}.app-shell[data-theme=dark] .slider-reset-button{border-color:var(--ui-border);background:#193329}.app-shell[data-theme=dark] :where(.material-preset-button,.font-card,.template-preview-card,.page-strip button){border-color:var(--ui-border);background:#142a22;color:var(--ui-text)}.app-shell[data-theme=dark] :where(.material-preset-button.active,.font-card.active,.font-pill.active,.template-strip .active,.grade-preset-strip>button.active){border-color:var(--ui-accent);background:#1c493b;color:#effff8}.app-shell[data-theme=dark] :where(.result-card,.recent-card,.library-launch-row,.design-manager-inline,.image-replace-row,.switch-field){border-color:var(--ui-border-soft);background:#12271f}.app-shell[data-theme=dark] .mobile-add-action-grid .mobile-photo-action{border-color:var(--ui-border);background:var(--ui-surface);color:var(--ui-text)}.app-shell[data-theme=dark] .mobile-add-action-grid .mobile-background-action{border-color:#c7a45f80;background:#c7a45f1f;color:#f1da9d}.app-shell[data-theme=dark] .mobile-background-choices{border-color:#365548;background:#10261e}.app-shell[data-theme=dark] .mobile-background-choices :where(button,label){border-color:#365548;background:#183128;color:#dcebe4}.app-shell[data-theme=dark] .image-control-shortcuts button{border-color:var(--ui-border);background:#163027;color:#dcebe4}.app-shell[data-theme=dark] .result-card.pending{background:#20291f}.app-shell[data-theme=dark] :where(.result-card p,.result-card .secondary-result,.result-card span){color:#b2c4ba}.app-shell[data-theme=dark] :where(.desktop-zoom-controls,.canvas-state-bar,.template-flash,.mobile-tabs,.mobile-top-zoom-controls,.mobile-top-controls select){border-color:var(--ui-border);background:#0a1a14f0;color:var(--ui-text);box-shadow:0 12px 32px #00000052}.app-shell[data-theme=dark] .desktop-zoom-controls button{background:transparent;color:var(--ui-text)}.app-shell[data-theme=dark] :where(.settings-dialog,.community-modal,.library-modal,.color-wheel-popover){border-color:var(--ui-border);background:radial-gradient(circle at top right,rgba(73,185,149,.08),transparent 32%),linear-gradient(180deg,#10231c,#0a1914);box-shadow:0 30px 80px #00000080,inset 0 1px #ffffff0a}.app-shell[data-theme=dark] :where(.settings-dialog-backdrop,.community-modal-backdrop){background:#020907b8}.app-shell[data-theme=dark] .settings-group{border-color:var(--ui-border-soft);background:#12271fd1;box-shadow:inset 0 1px #ffffff06}.app-shell[data-theme=dark] .settings-group-body{border-color:var(--ui-border-soft)}.app-shell[data-theme=dark] .settings-toggle-card{border-color:var(--ui-border-soft);background:#12271f}.app-shell[data-theme=dark] .theme-choice-grid button{border-color:var(--ui-border);background:#11251e}.app-shell[data-theme=dark] .theme-choice-grid button.active{border-color:var(--ui-accent);background:linear-gradient(145deg,#20503f,#17372d);color:#f1fff9}.app-shell[data-theme=dark] .theme-choice-grid button small{color:var(--ui-muted)}.app-shell[data-theme=dark] :where(.workspace-panel-list,.workspace-width-list){border-color:var(--ui-border-soft);background:#091913b8}.app-shell[data-theme=dark] :where(.danger-action,.section-delete-action,.canvas-remove-action){border-color:#f08b7f57;background:#65282361;color:#ffaca3}.app-shell[data-theme=dark] .canvas-layer-studio-card{border-color:#365b4d;background:linear-gradient(145deg,#19372c,#10271e);box-shadow:inset 0 1px #deffef0a}.app-shell[data-theme=dark] .canvas-layer-studio-card span{color:#a8beb4}.app-shell[data-theme=dark] .canvas-layer-studio-card strong{color:#f1faf5}.app-shell[data-theme=dark] .canvas-layer-studio-card small,.app-shell[data-theme=dark] .canvas-layer-inline-control span{color:#8fa99d}.app-shell[data-theme=dark] .canvas-layer-studio-card .secondary-action{border-color:#4f9178;background:linear-gradient(145deg,#285b48,#18392d);color:#ecfff6;box-shadow:inset 0 1px #ecfff614}.app-shell[data-theme=dark] .canvas-layer-inline-control input[type=color]{border-color:#426a59;background:#10251c;box-shadow:inset 0 1px #f4fff90d}.app-shell[data-theme=dark] .canvas-grade-disclosure>summary{background:linear-gradient(110deg,#4b3c1eb8,#182c22db);color:#f5ecd1}.app-shell[data-theme=dark] .canvas-grade-disclosure>summary small{padding:3px 7px;border:1px solid rgba(214,184,117,.28);border-radius:999px;background:#14271da8;color:#cbbf98}.app-shell[data-theme=dark] .paper-mockup-studio{--paper-studio-bg: #0a1b15;--paper-studio-card: #10271e;--paper-studio-card-strong: #153127;--paper-studio-border: #2e5042;--paper-studio-text: #e9f4ee;--paper-studio-muted: #9bb4a8;--paper-studio-accent: #49b995}.app-shell[data-theme=dark] .paper-mockup-header,.app-shell[data-theme=dark] .paper-mockup-footer{background:#081812f5}.app-shell[data-theme=dark] .paper-mockup-preview-shell{background:#07130f;box-shadow:0 18px 45px #0000004d}.app-shell[data-theme=dark] .paper-mockup-launch{border-color:#49b99575;background:linear-gradient(135deg,#2367528c,#0a1d16eb);color:#e9f4ee}.app-shell[data-theme=dark] .paper-mockup-launch small{color:#9bb4a8}@media (max-width: 760px){.paper-mockup-backdrop{align-items:end;padding:0;backdrop-filter:none}.paper-mockup-studio{width:100vw;max-height:calc(100dvh - env(safe-area-inset-top));border-right:0;border-bottom:0;border-left:0;border-radius:18px 18px 0 0}.paper-mockup-header{padding:13px 14px}.paper-mockup-header p{max-width:34ch;font-size:.69rem}.paper-mockup-body{display:block;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.paper-mockup-preview-column{gap:7px;padding:12px 12px 6px;overflow:visible}.paper-mockup-preview-shell{border-radius:13px}.paper-mockup-preview-note{font-size:.67rem}.paper-mockup-controls{gap:9px;padding:8px 12px 16px;overflow:visible}.paper-mockup-control-section{gap:10px;padding:12px;border-radius:14px}.paper-mockup-paper-grid{grid-template-columns:1fr}.paper-mockup-template-strip{grid-auto-columns:minmax(142px,48%)}.paper-mockup-paper-grid button{min-height:46px}.paper-mockup-range input[type=range]{height:7px;margin-block:5px}.paper-mockup-range input[type=range]::-webkit-slider-thumb{width:22px;height:22px}.paper-mockup-footer{position:sticky;bottom:0;z-index:3;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -12px 28px #00000029}.paper-mockup-footer>div{flex:1;justify-content:flex-end}.paper-mockup-custom{width:42px;padding-inline:0!important;overflow:hidden;color:transparent!important;white-space:nowrap}.paper-mockup-custom svg{position:absolute;color:var(--paper-studio-text)}.paper-mockup-cancel{display:none!important}.paper-mockup-export{flex:1;min-width:176px}}.app-shell[data-theme=dark] .font-studio-compact .font-studio-shell{background:linear-gradient(180deg,#0c1e17fc,#0c1e17f0)}.app-shell[data-theme=dark] .font-studio-toggle{border-color:#365548;background:linear-gradient(135deg,#172f26,#10261e);color:#edf7f2;box-shadow:inset 0 1px #ffffff09}.app-shell[data-theme=dark] .font-studio-toggle-hint{border-color:#365548;background:#57b5911a;color:#b3c7bd}.app-shell[data-theme=dark] :where(.font-variant-picker,.font-search-row,.font-language-pills){border-color:#365548;background:#10261e;color:#dcebe4}.app-shell[data-theme=dark] .font-variant-picker>span,.app-shell[data-theme=dark] :where(.font-studio-summary,.font-library-header,.system-font-actions small){color:#9db7aa}.app-shell[data-theme=dark] .font-variant-picker select,.app-shell[data-theme=dark] .font-search-row input{border-color:#416253;background:#183128;color:#edf7f2;box-shadow:inset 0 1px #ffffff09}.app-shell[data-theme=dark] .font-search-row input::placeholder{color:#789287}.app-shell[data-theme=dark] .font-search-row>svg{color:#8eb5a3}.app-shell[data-theme=dark] .font-filters{border-color:#365548;background:#10261e}.app-shell[data-theme=dark] .font-filters button{color:#b3c7bd}.app-shell[data-theme=dark] .font-filters button.active{background:#2b765f;color:#f2fbf6}.app-shell[data-theme=dark] :where(.font-card,.font-card-with-action){border-color:#365548;background:linear-gradient(145deg,#142d24,#10261e);box-shadow:0 4px 12px #00000024}.app-shell[data-theme=dark] .font-card:hover:not(.active){border-color:#568c75;background:linear-gradient(145deg,#18362b,#122a21)}.app-shell[data-theme=dark] .font-card-with-action>.font-card{border:0;background:transparent;box-shadow:none}.app-shell[data-theme=dark] .font-card-with-action>.font-card.active{box-shadow:inset 0 0 0 2px var(--selection-border)}.app-shell[data-theme=dark] .font-preview-status{border-color:#57b59147;background:#2b6b5357;color:#8ad6ba}.app-shell[data-theme=dark] .font-online-filter{border-color:#365548;background:#2b6b5324}.app-shell[data-theme=dark] .font-online-filter-header{color:#9db7aa}.app-shell[data-theme=dark] .font-online-filter-header em{color:#8ad6ba}.app-shell[data-theme=dark] .font-online-category-pills button,.app-shell[data-theme=dark] .font-online-sort select{border-color:#365548;background:#153027;color:#b3c7bd}.app-shell[data-theme=dark] .font-online-category-pills button.active{border-color:#57b591;background:#2b765f;color:#f2fbf6}.app-shell[data-theme=dark] .font-online-sort{color:#9db7aa}.app-shell[data-theme=dark] .font-library-header span:before{background:#67c29e;box-shadow:0 0 0 3px #67c29e1f}.app-shell[data-theme=dark] .font-library-header em{border-color:#57b59147;background:#2b6b5357;color:#8ad6ba}.app-shell[data-theme=dark] .font-card-sample{background:#0c2119;color:#dbeae3;box-shadow:inset 0 0 0 1px #90b9a51a}.app-shell[data-theme=dark] :where(.font-card-top span,.font-card-sample.is-loading,.font-studio-toggle em,.font-studio-toggle-hint){color:#91aa9e}.app-shell[data-theme=dark] .font-style-count{border-color:#57b59147;background:#2b6b5357;color:#8ad6ba}.app-shell[data-theme=dark] :where(.font-favorite-button,.font-delete-button,.system-font-actions button,.font-import-button){border-color:#365548;background:#153027;color:#dcebe4}.app-shell[data-theme=dark] :where(.font-favorite-button:hover,.font-favorite-button.active){background:#c7a45f2e;color:#efd79e}.app-shell[data-theme=dark] .font-language-pills button{color:#b3c7bd}.app-shell[data-theme=dark] .font-language-pills button.active{border-color:var(--selection-border);background:var(--selection-surface-strong);color:var(--selection-ink);box-shadow:var(--selection-ring)}.font-load-error{margin:0;border-color:#b34b4b52;color:#9c3f3f}.app-shell[data-theme=dark] .font-load-error{border-color:#f08b7f59;background:#64252152;color:#ffc0b8}.app-shell[data-theme=dark] :where(.ayah-picker-card,.quran-translation-card){border-color:#315244;background:radial-gradient(circle at top right,rgba(199,164,95,.09),transparent 36%),linear-gradient(155deg,#183229,#10251d);box-shadow:inset 0 1px #ebfff409}.app-shell[data-theme=dark] :where(.ayah-picker-header strong,.ayah-picker-summary strong){color:#e4eee8}.app-shell[data-theme=dark] :where(.ayah-picker-eyebrow,.ayah-picker-summary-label,.picker-detail-line){color:#9cb3a8}.app-shell[data-theme=dark] .ayah-picker-status{border-color:#38594b;background:#1a3027;color:#b9ccc2}.app-shell[data-theme=dark] .ayah-picker-status.loading{border-color:#c7a45f6b;background:#493b1e75;color:#f0d99e}.app-shell[data-theme=dark] .ayah-picker-summary div,.app-shell[data-theme=dark] .picker-detail-line span{border-color:#315244;background:#183027e0}.app-shell[data-theme=dark] .quran-search-box button{border-color:#36594a;background:linear-gradient(180deg,#1b382d,#132a21);color:#dcebe4}.app-shell[data-theme=dark] :where(.color-grade-studio,.canvas-grade-disclosure){border-color:#d6b8754d;background:linear-gradient(150deg,#2f2a1cb8,#12271fd1)}.app-shell[data-theme=dark] .grade-curve-preview svg{border-color:#385246;background:linear-gradient(135deg,#08140f,#1b3028)}.app-shell[data-theme=dark] .color-wheel-popover-meta button{border-color:#4fbd99;background:#276e59;color:#f4fff9}@media (max-width: 980px){.app-shell[data-theme=dark] .topbar{border-bottom-color:var(--ui-border-soft);background:#091813fb}.app-shell[data-theme=dark] .brand strong{color:#dcebe4}.app-shell[data-theme=dark] .panel-resize-bar{border-color:var(--ui-border-soft);background:#0b1b15}.app-shell[data-theme=dark] .mobile-tabs .active{border-color:#4fbd99;background:#245f4f;color:#f3fff9}}@media (max-width: 620px){.design-library-hub{grid-template-columns:repeat(3,minmax(0,1fr))}.design-library-hub button{min-height:46px}.community-admin-button{margin-left:0}}.color-grade-studio{--grade-accent: #b98a49;background:linear-gradient(155deg,#1f252309,#b98a490e);border-color:#84643738}.color-grade-studio.is-active{box-shadow:inset 2px 0 0 var(--grade-accent)}.color-grade-header>span{display:inline-flex;align-items:center;gap:6px}.grade-toggle{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;min-width:58px;cursor:pointer}.grade-toggle input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.grade-toggle span{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:26px;padding:3px 9px 3px 22px;border:1px solid rgba(38,50,46,.18);border-radius:999px;background:#ffffff9e;color:var(--muted, #68706c);font-size:.66rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.grade-toggle span:before{content:"";position:absolute;left:4px;width:18px;height:18px;border-radius:50%;background:#a9afa9;box-shadow:0 1px 3px #141e1b2e;transition:transform .14s ease,background .14s ease}.grade-toggle input:checked+span{border-color:#256f5b61;background:#deefe8c7;color:#245f50}.grade-toggle input:checked+span:before{transform:translate(27px);background:#2c765f}.grade-toggle input:focus-visible+span{outline:2px solid rgba(44,118,95,.35);outline-offset:2px}.grade-preset-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:268px;overflow:auto;padding:2px 2px 4px;scrollbar-width:thin}.grade-preset-strip>button{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-items:center;min-width:0;min-height:54px;padding:7px;text-align:left;border:1px solid rgba(37,49,45,.12);border-radius:10px;background:#ffffff94;color:inherit}.grade-preset-strip>button:hover{border-color:#a27537a6;background:#fffaefe6;box-shadow:0 5px 16px #3e301f14}.grade-preset-strip>button.active{border-color:var(--selection-border);background:var(--selection-surface-strong);color:var(--selection-ink);box-shadow:var(--selection-ring)}@media (prefers-reduced-motion: reduce){.library-card-skeleton span,.library-card-skeleton i{animation:none}}.grade-preset-swatch{grid-row:1 / 3;display:flex;width:34px;height:36px;overflow:hidden;border-radius:8px;box-shadow:inset 0 0 0 1px #00000014}.grade-preset-swatch i{flex:1}.grade-preset-strip strong,.grade-preset-strip small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-grade-studio .grade-reset-action{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 11px;border-color:#1f6f5f47;border-radius:9px;background:#fffdf8db;color:#1b5549;font-size:11px;font-weight:800;white-space:nowrap}.color-grade-studio .grade-halation-group[open]{border-color:#bb5b353d;background:linear-gradient(150deg,#fff5e8b8,#fffdf8c7)}.color-grade-studio .grade-halation-toggle{justify-self:stretch;display:flex;justify-content:space-between;min-height:34px;padding:0 2px}.color-grade-studio .grade-effect-icon.effect-halation{background:radial-gradient(circle at 40% 50%,#fff7d2 0 18%,#ef9a51 32%,rgba(178,55,28,.16) 68%,transparent 72%)}.color-grade-studio .grade-effect-icon.effect-super8{background:radial-gradient(circle at 30% 42%,#fff0b0 0 12%,#e7522d 30%,rgba(107,26,17,.18) 72%,transparent 75%)}@media (max-width: 980px){.color-grade-studio .grade-strength-row{grid-template-columns:minmax(0,1fr)}.color-grade-studio .grade-reset-action{width:100%}}.grade-preset-strip strong{font-size:.74rem}.grade-preset-strip small{color:var(--muted, #6e746f);font-size:.64rem}.grade-strength-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:8px;align-items:end;margin-top:9px}.grade-strength-row .icon-action{width:34px;height:34px;min-height:34px}.grade-scope-note{margin:7px 1px 2px;color:var(--muted, #6f7671);font-size:.63rem;line-height:1.35}.grade-control-group{margin-top:8px;border-top:1px solid rgba(40,52,48,.1)}.grade-control-group>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 2px 7px;cursor:pointer;list-style:none}.grade-control-group>summary::-webkit-details-marker{display:none}.grade-control-group>summary span{font-size:.76rem;font-weight:750}.grade-control-group>summary small{color:var(--muted, #747a76);font-size:.64rem}.grade-slider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 9px;padding-bottom:5px}.grade-curve-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:2px 0 9px}.grade-curve-preview svg{grid-column:1 / -1;width:100%;height:72px;overflow:visible;border:1px solid rgba(38,50,46,.12);border-radius:9px;background:linear-gradient(135deg,#141b19ed,#313935e8)}.grade-curve-preview polyline{fill:none;stroke:#e9bd75;stroke-width:2;vector-effect:non-scaling-stroke}.grade-curve-grid{fill:none;stroke:#ffffff14;stroke-width:.75;vector-effect:non-scaling-stroke}.grade-curve-neutral{fill:none;stroke:#ffffff2e;stroke-width:1;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.grade-curve-preview>span{color:var(--muted, #737a75);font-size:.59rem;text-align:center}.grade-effects-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:2px 0 10px}.grade-effects-library button{display:grid;justify-items:center;gap:5px;min-width:0;padding:7px 4px;border:1px solid rgba(37,49,45,.12);border-radius:9px;background:#ffffff8c;color:inherit}.grade-effects-library button:hover{border-color:#a275378c;background:#fffaefe6}.grade-effects-library strong{max-width:100%;overflow:hidden;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.grade-effect-icon{width:38px;height:24px;border-radius:6px;background:linear-gradient(135deg,#e9e4d8,#52635d);box-shadow:inset 0 0 0 1px #00000014}.effect-fine-grain,.effect-film-grain,.effect-matte{background-color:#9b8770;background-image:radial-gradient(rgba(25,21,17,.45) .6px,transparent .8px),linear-gradient(135deg,#e7d8bb,#6e594c);background-size:3px 3px,100% 100%}.effect-vignette{background:radial-gradient(circle,#decaa8 24%,#332b29)}.effect-spotlight{background:radial-gradient(circle,#6a6158 15%,#f3e8d0)}.grade-wheel-grid{display:grid;grid-template-columns:1fr;gap:7px;padding:3px 0 10px}.grade-wheel-control{display:grid;grid-template-columns:92px minmax(0,1fr);gap:6px 10px;align-items:center;min-width:0;padding:8px;border:1px solid rgba(40,52,48,.1);border-radius:10px;background:#ffffff73}.grade-wheel-control .color-wheel-control{grid-row:1 / 3;margin-inline:auto}@media (max-width: 979px){.color-grade-studio{padding-bottom:14px}.grade-preset-strip{display:flex;max-height:none;margin-inline:-2px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity}.grade-preset-strip>button{flex:0 0 154px;scroll-snap-align:start}.grade-control-group:not([open]){min-height:40px}.grade-slider-grid{grid-template-columns:1fr}.grade-wheel-control{grid-template-columns:96px minmax(0,1fr)}}.properties-panel{gap:10px}.properties-card{padding:10px;border-color:#10231f1a;background:#fffdf8fa;box-shadow:0 6px 20px #10231f09}.sidebar-jumpbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:4px;overflow:visible;margin:-2px -2px 10px;padding:4px;border:1px solid rgba(16,35,31,.09);border-radius:12px;background:#f7f3eaf5;box-shadow:none}.sidebar-jumpbar button{min-width:0;min-height:40px;justify-content:center;gap:4px;overflow:hidden;padding:0 6px;border:0;border-radius:9px;background:transparent;font-size:11.5px;font-weight:720;text-overflow:ellipsis}.sidebar-jumpbar button.context-tab{color:#53615d}.sidebar-jumpbar button:only-child{width:auto;justify-self:start;padding-inline:12px}.sidebar-jumpbar button.active,.sidebar-jumpbar button.active:hover{background:#176858;color:#fff;box-shadow:0 4px 12px #17685833}.sidebar-jumpbar button:focus-visible{outline:2px solid rgba(31,111,95,.72);outline-offset:1px}.properties-grid,.advanced-control-body{gap:10px}.inspector-section{gap:10px;padding:8px 2px 12px;border:0;border-bottom:1px solid rgba(16,35,31,.09);border-radius:0;background:transparent}.inspector-section-header{align-items:center}.inspector-section-header strong{max-width:62%;color:#35675c;text-align:right}.field-label,.font-control-label{display:inline-flex;align-items:center;gap:6px;color:#554f45;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.text-content-section{padding-top:4px}.text-editor-shell{gap:8px;margin-top:0}.text-editor-shell textarea{min-height:116px;padding:12px;border:1px solid #d8cdb9;border-radius:12px;background:#fffdf8;line-height:1.45;resize:vertical}.text-editor-shell textarea:focus{outline:none;border-color:#1f6f5f85;box-shadow:0 0 0 3px #1f6f5f1a}.text-cleanup-actions{position:static;order:2;z-index:auto;justify-content:flex-start}.text-editor-shell textarea{order:1}.text-cleanup-actions button{min-height:34px;box-shadow:none}.character-modifier-zone{padding:9px;border-color:#1f6f5f24;background:#f1f7f4b8;box-shadow:none}.character-modifier-zone.is-active{border-color:#1f6f5f61;background:#e9f5f0e6;box-shadow:0 0 0 2px #1f6f5f0f}.advanced-selected-text-details{border-top:1px solid rgba(16,35,31,.09);padding-top:8px}.advanced-selected-text-details>summary{cursor:pointer;color:#315f55;font-size:12px;font-weight:750}.advanced-character-fieldset,.effect-settings,.lock-guard-fieldset{min-width:0;margin:0;padding:0;border:0}.lock-guard-fieldset:disabled{opacity:.62}.advanced-character-fieldset:disabled{opacity:.52}.effect-settings{display:grid;gap:10px}.effect-settings:disabled{display:none}.effect-disabled-note{margin:0;color:#746b60;font-size:11.5px;line-height:1.4}.shading-subsection{padding:11px;border-radius:12px;background:#fffdf8c2;box-shadow:none}.shading-subsection[open]{border-color:#1f6f5f2e;background:#fcf9f1f5}.layout-advanced-card{padding:0}.layout-advanced-card>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:0 10px;cursor:pointer;color:#263833;font-size:12px;font-weight:750}.layout-advanced-card>summary small{color:#766d61;font-weight:600}.layout-advanced-card[open]>.layout-control-trio{padding:0 10px 10px}.pro-control-pair{grid-template-columns:repeat(auto-fit,minmax(136px,1fr))}.value-scrub-field,.value-scrub-field input{cursor:text}.value-scrub-handle{cursor:ew-resize}.font-control{display:grid;gap:7px;min-width:0}.font-load-more{width:100%;min-height:40px;border-style:dashed;border-color:#1f6f5f3d;background:#eef7f4b3;color:#235e52;font-weight:700}.font-delete-button:disabled{cursor:not-allowed;opacity:.32}.inspector-layer-actions{display:grid;gap:8px;margin-top:2px;padding:11px 2px 2px;border-top:1px solid rgba(16,35,31,.1)}.inspector-layer-actions-copy{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.inspector-layer-actions-copy span{color:#5e574f;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.inspector-layer-actions-copy small{color:#81786c;font-size:10px;text-align:right}.inspector-layer-action-buttons{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.inspector-layer-action-buttons button{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:40px;border-radius:10px}.inspector-layer-action-buttons .section-secondary-action{background:#f5efe4;color:#283934}.inspector-layer-action-buttons .section-delete-action,.inspector-layer-action-buttons .section-delete-action:hover{border-color:#97362d47;background:#fff7f4d6;color:#963c33;box-shadow:none}.canvas-appearance-panel{display:flex;flex-direction:column}.canvas-summary-section{order:0}.canvas-look-section{order:1}.canvas-background-section{order:2}.canvas-grade-disclosure{order:3}.canvas-section-intro{margin:-2px 0 1px;color:#70685d;font-size:11px;line-height:1.45}.canvas-fact-row{display:flex;flex-wrap:wrap;gap:6px}.canvas-fact-row span{min-width:0;padding:5px 8px;border:1px solid rgba(31,111,95,.1);border-radius:999px;background:#eff7f3b8;color:#49685f;font-size:10px;font-weight:750;line-height:1}.canvas-look-section{background:radial-gradient(circle at top right,rgba(197,157,91,.08),transparent 36%),#fffdf8c2}.canvas-subsection-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0;margin-top:2px;padding-top:10px;border-top:1px solid rgba(16,35,31,.08)}.canvas-subsection-heading span{color:#403b34;font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.canvas-subsection-heading small{overflow:hidden;color:#857b6d;font-size:10px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.canvas-empty-state,.canvas-pages-empty{display:grid;gap:4px;padding:12px;border:1px dashed rgba(31,111,95,.22);border-radius:10px;background:#f2f8f58c}.canvas-empty-state strong,.canvas-pages-empty strong{color:#304a43;font-size:12px}.canvas-empty-state span,.canvas-pages-empty p{margin:0;color:#756d62;font-size:11px;line-height:1.45}.canvas-media-status{flex:0 0 auto;padding:5px 7px;border-radius:999px;background:#1f6f5f1a;color:#1f6f5f!important;font-size:9px!important;font-weight:850;letter-spacing:.05em}.canvas-subcontrol-disclosure,.canvas-fine-tune-disclosure{overflow:hidden;border:1px solid rgba(16,35,31,.09);border-radius:10px;background:#ffffff7a}.canvas-subcontrol-disclosure>summary,.canvas-fine-tune-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:0 10px;cursor:pointer;list-style:none}.canvas-subcontrol-disclosure>summary::-webkit-details-marker,.canvas-fine-tune-disclosure>summary::-webkit-details-marker{display:none}.canvas-subcontrol-disclosure>summary span,.canvas-fine-tune-disclosure>summary span{color:#34423d;font-size:12px;font-weight:800}.canvas-subcontrol-disclosure>summary small,.canvas-fine-tune-disclosure>summary small{color:#81786c;font-size:10px}.canvas-subcontrol-disclosure[open]>summary,.canvas-fine-tune-disclosure[open]>summary{border-bottom:1px solid rgba(16,35,31,.08);background:#f6faf7bd}.canvas-subcontrol-body,.canvas-fine-tune-body{display:grid;gap:10px;padding:10px}.canvas-fit-control{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-media-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.canvas-media-footer button{min-height:38px;padding-inline:10px;font-size:12px;font-weight:750;white-space:nowrap;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.canvas-media-footer button:hover:not(:disabled){transform:translateY(-1px)}.canvas-remove-action{border-color:#97362d38;background:#fff7f4d6;color:#963c33}.canvas-remove-action:hover{border-color:#97362d61;background:#fff3ef}.canvas-remove-action:disabled{color:#a99e94}.canvas-depth-card{display:grid;gap:10px;padding:10px}.canvas-tools-header{display:grid;gap:5px;padding:2px 2px 5px}.canvas-tools-header>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.canvas-tools-header span{color:#766d61;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.canvas-tools-header strong{color:#1f6f5f;font-size:11px}.canvas-tools-header p{margin:0;color:#786f64;font-size:10px;line-height:1.45}.canvas-tool-disclosure{overflow:hidden;border:1px solid rgba(16,35,31,.09);border-radius:12px;background:#fffdf8d1}.canvas-tool-disclosure>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:9px 10px;cursor:pointer;list-style:none}.canvas-tool-disclosure>summary::-webkit-details-marker{display:none}.canvas-tool-disclosure>summary>span{display:grid;gap:3px;min-width:0}.canvas-tool-disclosure>summary strong{color:#25352f;font-size:13px}.canvas-tool-disclosure>summary small{overflow:hidden;color:#80776c;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.canvas-tool-disclosure>summary em{padding:5px 8px;border-radius:999px;background:#eee9df;color:#766e63;font-size:9px;font-style:normal;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.canvas-tool-disclosure>summary em.active{background:#1f6f5f1c;color:#1f6f5f}.canvas-tool-disclosure[open]>summary{border-bottom:1px solid rgba(16,35,31,.08);background:#f4f9f6c2}.canvas-tool-body{display:grid;gap:10px;padding:10px}.canvas-master-switch>span{display:grid;gap:2px}.canvas-master-switch strong{color:#35463f;font-size:11px}.canvas-master-switch small{color:#81786c;font-size:9px}.guide-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.guide-preset-grid button{display:grid;gap:3px;min-width:0;min-height:50px;padding:8px;border-radius:9px;background:#ffffff9e;text-align:left}.guide-preset-grid button:last-child{grid-column:1 / -1;min-height:42px}.guide-preset-grid button strong{color:#35423e;font-size:11px}.guide-preset-grid button small{color:#82796e;font-size:9px;line-height:1.25}.guide-preset-grid button.active{border-color:#1f6f5f;background:#e8f4efe6;box-shadow:inset 0 0 0 1px #1f6f5f24}.guide-preset-grid button.active strong{color:#175849}.canvas-pages-disclosure .page-switcher-main{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:7px}.canvas-pages-disclosure .page-switcher-main button{min-width:0;min-height:36px}.canvas-pages-disclosure .page-switcher-main strong{color:#5e574e;font-size:10px;text-align:center;white-space:nowrap}.canvas-pages-disclosure .page-switcher-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.canvas-pages-disclosure .page-switcher-actions button{min-width:0;min-height:36px;padding-inline:7px;font-size:10px}.canvas-grade-disclosure{overflow:hidden;border:1px solid rgba(132,100,55,.2);border-radius:13px;background:#fcf8efdb}.canvas-grade-disclosure>summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 12px;cursor:pointer;color:#3f392f;font-size:12px;font-weight:800}.canvas-grade-disclosure>summary small{color:#8a6d45;font-size:10px;letter-spacing:.05em;text-transform:uppercase}.canvas-grade-disclosure .color-grade-studio{border:0;border-top:1px solid rgba(132,100,55,.14);border-radius:0}.layout-inline-action{width:100%;min-height:38px;margin-top:9px;border:1px dashed rgba(31,111,95,.28);border-radius:10px;background:#f6faf7b3;color:#315f55;font-size:12px;font-weight:750}.layout-inline-action:hover{border-color:#1f6f5f7a;background:#ebf6f1eb}.image-flip-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.image-flip-controls button{min-width:0;white-space:normal}@media (max-width: 980px){.panel.mobile-open,.export-panel.mobile-open{--mobile-sheet-chrome-height: 40px;isolation:isolate}.panel.mobile-open .panel-resize-bar,.export-panel.mobile-open .panel-resize-bar{z-index:4;border-bottom:1px solid rgba(216,205,185,.88);box-shadow:0 8px 14px -16px #10231fb8}.panel.mobile-open .sidebar-jumpbar,.export-panel.mobile-open .sidebar-jumpbar,.panel.mobile-open .font-studio-compact .font-studio-shell,.export-panel.mobile-open .font-studio-compact .font-studio-shell{top:var(--mobile-sheet-chrome-height);z-index:1}.panel.mobile-open .sidebar-jumpbar,.export-panel.mobile-open .sidebar-jumpbar{margin-top:0;scroll-margin-top:calc(var(--mobile-sheet-chrome-height) + 8px)}.properties-card{padding:8px}.sidebar-jumpbar{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:3px;margin-bottom:8px}.sidebar-jumpbar button{flex-direction:column;gap:1px;min-height:44px;padding-inline:3px;font-size:10px;line-height:1}.sidebar-jumpbar button:only-child{flex-direction:row;padding-inline:12px}.layout-control-trio{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-control-trio .value-scrub-field{grid-template-columns:minmax(0,1fr) 44px}.text-cleanup-actions button,.value-scrub-handle,.value-scrub-field button,.slider-reset-button,.inline-unlock-note button{min-width:44px;min-height:44px}.text-cleanup-actions button{padding-inline:12px}.value-scrub-field{min-height:50px}.inspector-layer-action-buttons button,.layout-inline-action,.image-flip-controls button{min-height:44px}.inspector-layer-actions-copy small{max-width:60%}}@media (max-width: 360px){.layout-control-trio{grid-template-columns:minmax(0,1fr)}.sidebar-jumpbar button{font-size:9px}.sidebar-jumpbar button svg{width:13px;height:13px}.pro-control-pair{grid-template-columns:1fr}}.app-shell[data-theme=dark] :where(.canvas-control-section,.canvas-status-card){border-color:#29473a;background:linear-gradient(160deg,#163027f5,#0d1f18fa);box-shadow:inset 0 1px #9ad9be09}.app-shell[data-theme=dark] :where(.canvas-summary-section,.canvas-look-section){background:radial-gradient(circle at top right,rgba(79,189,153,.1),transparent 36%),linear-gradient(160deg,#163027f5,#0d1f18fa)}.app-shell[data-theme=dark] :where(.canvas-section-header span,.canvas-subsection-heading span,.canvas-tools-header span){color:#8ca99c}.app-shell[data-theme=dark] :where(.canvas-section-header strong,.canvas-tools-header strong){color:#7dd2b3}.app-shell[data-theme=dark] :where(.canvas-section-intro,.canvas-subsection-heading small,.canvas-tools-header p,.canvas-empty-state span,.canvas-pages-empty p){color:#91a99e}.app-shell[data-theme=dark] .canvas-subsection-heading{border-top-color:#96cbb421}.app-shell[data-theme=dark] .canvas-fact-row span{border-color:#345747;background:#172f26;color:#a8c6b8}.app-shell[data-theme=dark] .template-strip button{border-color:#365548;background:linear-gradient(155deg,#1b382dfa,#0f221bfa);color:#d9e9e2;box-shadow:inset 0 1px #c2ebda0a}.app-shell[data-theme=dark] .template-strip button:hover:not(:disabled){border-color:#4a7965;background:linear-gradient(155deg,#204335fa,#122920fa)}.app-shell[data-theme=dark] .template-strip button.active{border-color:#72c5a7;background:linear-gradient(155deg,#265241fa,#173228fa);box-shadow:inset 0 0 0 1px #7ed3b41f,0 0 0 2px #419c7c1a}.app-shell[data-theme=dark] .template-strip :where(.template-copy strong,.template-copy small){color:inherit}.app-shell[data-theme=dark] :where(.canvas-subcontrol-disclosure,.canvas-fine-tune-disclosure,.canvas-tool-disclosure){border-color:#2c493d;background:#0b1c16c2}.app-shell[data-theme=dark] :where(.canvas-subcontrol-disclosure,.canvas-fine-tune-disclosure,.canvas-tool-disclosure)[open]>summary{border-bottom-color:#8fc4ad1f;background:#1c3a2fb3}.app-shell[data-theme=dark] :where(.canvas-subcontrol-disclosure,.canvas-fine-tune-disclosure)>summary span,.app-shell[data-theme=dark] .canvas-tool-disclosure>summary strong,.app-shell[data-theme=dark] .canvas-master-switch strong{color:#d3e6dc}.app-shell[data-theme=dark] :where(.canvas-subcontrol-disclosure,.canvas-fine-tune-disclosure)>summary small,.app-shell[data-theme=dark] .canvas-tool-disclosure>summary small,.app-shell[data-theme=dark] .canvas-master-switch small{color:#91a99e}.app-shell[data-theme=dark] .canvas-tool-disclosure>summary em{background:#1b352b;color:#a5bdb2}.app-shell[data-theme=dark] .canvas-tool-disclosure>summary em.active{background:#4fbd992b;color:#83dab9}.app-shell[data-theme=dark] :where(.guide-preset-grid button,.canvas-empty-state,.canvas-pages-empty){border-color:#315244;background:#142c23d1}.app-shell[data-theme=dark] :where(.guide-preset-grid button strong,.canvas-empty-state strong,.canvas-pages-empty strong){color:#cde1d7}.app-shell[data-theme=dark] .guide-preset-grid button small{color:#8fa79c}.app-shell[data-theme=dark] .guide-preset-grid button.active{border-color:#69bd9f;background:#234d3e;box-shadow:inset 0 0 0 1px #69bd9f26}.app-shell[data-theme=dark] .guide-preset-grid button.active strong{color:#edfff7}.app-shell[data-theme=dark] :where(.image-ocr-card,.other-source-card){border-color:#315244;background:radial-gradient(circle at top left,rgba(79,189,153,.11),transparent 34%),linear-gradient(155deg,#173329,#0f241c);box-shadow:inset 0 1px #c6ecdb09}.app-shell[data-theme=dark] .image-ocr-copy strong{color:#dcebe4}.app-shell[data-theme=dark] .image-ocr-button{border-color:#416658;background:#18382c;color:#a7c6b8}.app-shell[data-theme=dark] .image-ocr-button:hover:not(:disabled){border-color:#61b493;background:#214d3c;color:#effff8}.app-shell[data-theme=dark] :where(.shading-subsection,.layout-advanced-card){border-color:#2f4c40;background:#0d1f18c7}.app-shell[data-theme=dark] .shading-subsection[open]{border-color:#426e5b;background:#122920f0}.app-shell[data-theme=dark] :where(.layout-advanced-card>summary,.layout-advanced-card>summary small){color:#bdd2c8}.app-shell[data-theme=dark] .paper-press-presets .material-preset-button.active{border-color:#c47964;background:#9a483647;color:#ffe0d6;box-shadow:inset 0 0 0 1px #ffccbc14}.app-shell[data-theme=dark] :where(.inspector-layer-actions,.canvas-media-footer){border-color:#91beaa24}.app-shell[data-theme=dark] :where(.inspector-layer-actions-copy span,.inspector-layer-actions-copy small){color:#92aa9f}.theme-toolbar-toggle{position:relative;isolation:isolate;justify-content:space-between!important;width:54px;min-width:54px!important;padding-inline:7px!important;overflow:hidden;border-color:#1f6f5f3d!important;background:linear-gradient(135deg,#f7efe0,#e8f4ef)!important;color:#587067;transition:border-color .16s ease,background .16s ease,color .16s ease}.theme-toolbar-toggle:before{content:"";position:absolute;top:4px;left:4px;z-index:-1;width:24px;height:24px;border-radius:7px;background:#fffdf7;box-shadow:0 1px 4px #1b332a2e;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.theme-toolbar-toggle svg{position:relative;z-index:1;transition:color .16s ease,opacity .16s ease}.theme-toolbar-toggle.is-light svg:first-of-type,.theme-toolbar-toggle.is-dark svg:last-of-type{color:#176851;opacity:1}.theme-toolbar-toggle.is-light svg:last-of-type,.theme-toolbar-toggle.is-dark svg:first-of-type{color:#80958b;opacity:.72}.theme-toolbar-toggle.is-dark{border-color:#396855!important;background:linear-gradient(135deg,#10261e,#1c4134)!important}.theme-toolbar-toggle.is-dark:before{transform:translate(22px);background:#2c5e4d;box-shadow:0 1px 7px #00000047,inset 0 1px #dcfff024}.app-shell[data-theme=dark] .theme-toolbar-toggle:hover:not(:disabled),.theme-toolbar-toggle:hover:not(:disabled){border-color:#55aa8b!important}@media (prefers-reduced-motion: reduce){.theme-toolbar-toggle,.theme-toolbar-toggle:before,.theme-toolbar-toggle svg{transition:none}}.app-shell[data-theme=dark] :where(.segmented .active,.compact-segmented .active,.sidebar-jumpbar button.active,.alignment-picker .active,.direction-picker .active,.guide-preset-grid button.active,.material-preset-button.active,.font-card.active,.font-pill.active,.grade-preset-strip>button.active,.theme-choice-grid button.active){border-color:var(--selection-border)!important;background:var(--selection-surface-strong)!important;color:var(--selection-ink)!important;box-shadow:var(--selection-ring)!important}.app-shell[data-theme=dark] :where(.layer-selection-card,.layer-row.active,.layer-collection.active){border-color:#c7a45fb8;background:linear-gradient(90deg,#1d382df5,#11271ff5);box-shadow:inset 3px 0 0 var(--selection-border),var(--selection-ring)}.app-shell[data-theme=dark] :where(.layer-row,.layer-collection,.creation-tile,.template,.template-card,.background-card,.result-card,.recent-card):hover:not(.active):not(:disabled){border-color:#c7a45f85;background-color:#1e342ae6;box-shadow:0 0 0 1px #c7a45f17}.app-shell[data-theme=dark] .shading-subsection[data-active=true]{border-color:#c7a45f9e;background:linear-gradient(145deg,#1d382d,#11251d);box-shadow:inset 3px 0 0 var(--selection-border),0 10px 22px #0000002e}.app-shell[data-theme=dark] .shading-subsection[data-active=true]>summary>small{background:#d6b8752b;color:#f2d99d}.app-shell[data-theme=dark] .template-strip button:hover:not(:disabled){border-color:#c7a45fad;background:linear-gradient(155deg,#223b2ffa,#11251dfa)}.app-shell[data-theme=dark] .template-strip button.active{border-color:var(--selection-border)!important;box-shadow:inset 0 0 0 1px #ffeebe24,var(--selection-ring)!important}.app-shell[data-theme=dark] :where(.canvas-tool-disclosure>summary em.active,.canvas-media-status){background:#d6b8752e;color:#f0d596}.app-shell[data-theme=dark] .canvas-look-section .template-strip button{border-color:#365548!important;background:linear-gradient(155deg,#1b382d,#0f221b)!important;color:#dcebe4!important}.app-shell[data-theme=dark] .canvas-look-section .template-strip button.active{border-color:var(--selection-border)!important;background:linear-gradient(155deg,#26382e,#142a21)!important;box-shadow:inset 3px 0 0 var(--selection-border),var(--selection-ring)!important}.app-shell[data-theme=dark] .canvas-look-section .template-preview{border-color:#b5d3c329;box-shadow:inset 0 1px #edfff60b}.app-shell[data-theme=dark] .canvas-look-section .template-preview.tone-warm{background:#aa7046!important}.app-shell[data-theme=dark] .canvas-look-section .template-preview.tone-warm .template-preview-body{background-color:#f3dfc4!important}.app-shell[data-theme=dark] .canvas-look-section .template-preview.tone-warm .template-preview-line{background:#57331e7a}.app-shell[data-theme=dark] .canvas-look-section .template-preview.tone-warm .template-preview-line.strong{background:#402314d6}.app-shell[data-theme=dark] .canvas-look-section .template-preview.tone-light{background:#6da18b!important}.app-shell[data-theme=dark] .canvas-look-section .template-preview.tone-light .template-preview-body{background-color:#fffdf5!important}.app-shell[data-theme=dark] .canvas-look-section .template-preview.tone-light .template-preview-line{background:#30685370}.app-shell[data-theme=dark] .canvas-look-section .template-preview.tone-light .template-preview-line.strong{background:#1a523ed6}.app-shell[data-theme=dark] .canvas-look-section .template-preview.tone-dark{background:#5a4c82!important}.app-shell[data-theme=dark] .canvas-look-section .template-preview.tone-dark .template-preview-body{background-color:#101827!important}.app-shell[data-theme=dark] .canvas-look-section .template-preview.tone-dark .template-preview-line{background:#d6e1e761}.app-shell[data-theme=dark] .canvas-look-section .template-preview.tone-dark .template-preview-line.strong{background:#f2c76ed6}.app-shell[data-theme=dark] :where(.canvas-palette-controls .compact-color-control>span,.background-image-header span){color:#9db7aa}.app-shell[data-theme=dark] :where(.canvas-palette-controls .compact-color-picker,.canvas-palette-controls .compact-color-input){border-color:#365548;background:linear-gradient(180deg,#193329,#10231c);color:#e4eee8;box-shadow:inset 0 1px #ffffff0a}.app-shell[data-theme=dark] .background-image-header{border-color:#315244;background:linear-gradient(155deg,#193229,#11261e)}.app-shell[data-theme=dark] .background-image-header strong{color:#e3eee8}.app-shell[data-theme=dark] .canvas-background-actions .secondary-action,.app-shell[data-theme=dark] .canvas-media-footer .secondary-action{border-color:#365548;background:linear-gradient(145deg,#1c4133,#122a21);color:#e4f2eb;box-shadow:inset 0 1px #d7ffeb0f,0 5px 12px #00000024}.app-shell[data-theme=dark] .canvas-media-footer .secondary-action:hover:not(:disabled){border-color:#5eb995;background:linear-gradient(145deg,#245442,#17362b);color:#f2fff8}.app-shell[data-theme=dark] .canvas-remove-action{border-color:#ef84777a;background:linear-gradient(145deg,#70312ac7,#411f1de0);color:#ffd4cd;box-shadow:inset 0 1px #ffddd60f,0 5px 12px #00000029}.app-shell[data-theme=dark] .source-secondary-actions .secondary-action:disabled,.app-shell[data-theme=dark] .creation-advanced-tools .secondary-action:disabled{border-color:#29473a;background:#10231c;color:#61796e;opacity:1}.app-shell[data-theme=dark] .source-secondary-actions .secondary-action{border-color:#365548;background:#132b22;color:#dcebe4}.app-shell[data-theme=dark] :where(.character-modifier-zone,.character-style-panel,.advanced-character-studio){border-color:#315244;background:linear-gradient(155deg,#173128,#10251d);box-shadow:inset 0 1px #ebfff409}.app-shell[data-theme=dark] .character-modifier-zone.is-active{border-color:#c7a45f94;background:linear-gradient(155deg,#1d382d,#11251d);box-shadow:inset 3px 0 0 var(--selection-border),var(--selection-ring)}.app-shell[data-theme=dark] .advanced-character-subsection{border-color:#315244;background:#142d24f0}.app-shell[data-theme=dark] :where(.character-modifier-copy>span,.character-style-header,.character-font-control,.advanced-character-header,.advanced-character-heading span,.advanced-character-heading small,.advanced-character-subheader span,.advanced-range-list small){color:#9db7aa}.app-shell[data-theme=dark] :where(.character-modifier-copy strong,.character-style-header strong){color:#e6f0eb}.app-shell[data-theme=dark] :where(.character-modifier-chevron,.character-modifier-badge,.advanced-character-header strong){border-color:#365548;background:#173127;color:#b7cdc2}.app-shell[data-theme=dark] :where(.character-style-actions button,.character-style-actions input:not([type=color]),.character-font-control select,.character-transform-actions button,.advanced-character-tabs button,.advanced-character-footer button,.advanced-range-list button,.advanced-character-subheader button,.advanced-character-button-row button,.advanced-character-grid>button){border-color:#365548;background:#112b22;color:#dcebe4;box-shadow:none}.app-shell[data-theme=dark] .character-style-actions input[type=color]{border-color:#365548;background:#112b22}.app-shell[data-theme=dark] :where(.character-style-actions button.active,.advanced-character-tabs button.active,.advanced-character-button-row button.active,.advanced-character-subheader button.active,.advanced-character-grid button.active,.advanced-range-list button.active){border-color:var(--selection-border);background:var(--selection-surface-strong);color:var(--selection-ink);box-shadow:var(--selection-ring)}.app-shell[data-theme=dark] .advanced-selected-text-details{border-top-color:#8eb8a32e}.app-shell[data-theme=dark] .advanced-selected-text-details>summary{color:#a9c7b9}.app-shell[data-theme=dark] .properties-panel :where(.surface-control-group,.effect-settings>details){border-color:#315244;background:#10251de6}.app-shell[data-theme=dark] .properties-panel :where(.compact-color-control,.compact-color-input,.compact-color-picker,.slider-control-input,.value-scrub-field,.value-scrub-field input,.value-scrub-field button,.color-wheel-row>input,.premium-select-control select){border-color:#365548!important;background:linear-gradient(180deg,#19352a,#10261e)!important;color:#e1eee8!important;box-shadow:inset 0 1px #ffffff0a!important}.app-shell[data-theme=dark] .properties-panel :where(.compact-color-picker,.compact-color-picker::-webkit-color-swatch-wrapper){background:#10261e!important}.app-shell[data-theme=dark] .properties-panel :where(.compact-color-control>span,.value-scrub-control>span,.slider-control-header>span,.color-wheel-control>span,.premium-select-control,.value-scrub-field small){color:#a7c1b4}.app-shell[data-theme=dark] .properties-panel .slider-control-track{border-color:#365548;background:#10261e}.app-shell[data-theme=dark] .properties-panel .slider-control-range{background:linear-gradient(90deg,rgba(73,185,149,.68) 0 var(--slider-percent),#29453a var(--slider-percent) 100%)}.app-shell[data-theme=dark] .properties-panel .slider-reset-button{border-color:#365548;background:#153027;color:#b8d0c4}.app-shell[data-theme=dark] .settings-dialog-header strong{color:#edf7f2}.app-shell[data-theme=dark] :where(.settings-dialog-header span,.settings-group-note,.settings-note){color:#a5baaf}.app-shell[data-theme=dark] .settings-group>summary{background:linear-gradient(180deg,#152e24e6,#0f221be6)}.app-shell[data-theme=dark] .settings-group>summary span{color:#e0ece6}.app-shell[data-theme=dark] .settings-group>summary small{color:#a7c8b9}.app-shell[data-theme=dark] .settings-group>summary:after{color:#9ec4b3}.app-shell[data-theme=dark] .settings-toggle-card{border-color:#315244;background:linear-gradient(155deg,#163027,#10261e)}.app-shell[data-theme=dark] .settings-toggle-card strong{color:#e6f0eb}.app-shell[data-theme=dark] .settings-toggle-card span{color:#a4b9ae}.app-shell[data-theme=dark] :where(.settings-toggle-card input,.workspace-panel-row input[type=checkbox]){accent-color:#49b995}.app-shell[data-theme=dark] .workspace-preset-grid button{border-color:#345747;background:#132b22;color:#dbeae3}.app-shell[data-theme=dark] .workspace-preset-grid button.active{border-color:var(--selection-border);background:var(--selection-surface-strong);color:var(--selection-ink);box-shadow:var(--selection-ring)}.app-shell[data-theme=dark] :where(.workspace-panel-row span,.workspace-width-list span){color:#d7e7df}.app-shell[data-theme=dark] .workspace-width-list small{color:#9db7aa}.app-shell[data-theme=dark] .workspace-reset-button{border-color:#416658;background:#173127;color:#dcebe4}.app-shell[data-theme=dark] :where(.community-modal-header span,.community-modal-header p,.community-template-meta span,.my-designs-toolbar,.community-empty,.muted-inline){color:#9db7aa}.app-shell[data-theme=dark] .community-modal-header h2{color:#edf7f2}.app-shell[data-theme=dark] .design-library-new{border-color:#3b6958!important;background:linear-gradient(155deg,#1d4033,#132e24)!important;color:#d9eee4!important}.app-shell[data-theme=dark] .design-library-new small{color:#a8c4b6!important}.app-shell[data-theme=dark] .design-library-destination{border-color:#315244!important;background:linear-gradient(155deg,#152e25,#0f241c)!important;color:#dcebe4}.app-shell[data-theme=dark] .design-library-destination.active{border-color:var(--selection-border)!important;background:linear-gradient(155deg,#26382e,#142a21)!important;color:var(--selection-ink);box-shadow:inset 3px 0 0 var(--selection-border),var(--selection-ring)}.app-shell[data-theme=dark] .design-library-hub button small{color:#9db7aa}.app-shell[data-theme=dark] :where(.community-admin-button,.community-modal-tabs button,.library-modal-actions .secondary-action,.my-designs-toolbar .secondary-action){border-color:#365548;background:#132b22;color:#dcebe4}.app-shell[data-theme=dark] .design-library-search{border-color:#365548;background:#11271f;color:#a7c3b5}.app-shell[data-theme=dark] .design-library-search:focus-within{border-color:var(--selection-border);box-shadow:0 0 0 2px #c7a45f2e}.app-shell[data-theme=dark] .design-library-search input{background:transparent;color:#e1eee8}.app-shell[data-theme=dark] .design-library-filter-pills button{border-color:#315244;background:#11271f;color:#c5d9cf}.app-shell[data-theme=dark] .design-library-filter-pills button.active{border-color:var(--selection-border);background:var(--selection-surface-strong);color:var(--selection-ink);box-shadow:var(--selection-ring)}.app-shell[data-theme=dark] .community-template-card{border-color:#315244;background:linear-gradient(155deg,#183229,#10251d);box-shadow:inset 0 1px #ebfff409}.app-shell[data-theme=dark] .community-template-thumb{border-color:#365548;background:#0d2019}.app-shell[data-theme=dark] .community-template-meta strong{color:#e2eee8}.app-shell[data-theme=dark] .community-template-actions .secondary-action{border-color:#416658;background:#173127;color:#dcebe4}.app-shell[data-theme=dark] .my-design-thumb-placeholder{background:linear-gradient(135deg,#19352a,#10261e);color:#a7c3b5}.app-shell[data-theme=dark] .background-card{border-color:#315244;background:linear-gradient(155deg,#173128,#10251d);box-shadow:inset 0 1px #ebfff409}.app-shell[data-theme=dark] .background-card.active{border-color:var(--selection-border);background:linear-gradient(155deg,#24392e,#142a21);box-shadow:inset 3px 0 0 var(--selection-border),var(--selection-ring)}.app-shell[data-theme=dark] .background-thumb img{border:1px solid rgba(191,218,204,.13);background:#10231c}.app-shell[data-theme=dark] .background-thumb strong{color:#e2eee8}.app-shell[data-theme=dark] .background-thumb small{color:#9db7aa}.app-shell[data-theme=dark] .background-thumb b{border-color:#c7a45f57;background:#2f2a1cd1;color:#f3ddb0}.app-shell[data-theme=dark] .background-card-actions{background:transparent}.app-shell[data-theme=dark] .background-card-actions button{border-color:#fff4dc2e;background:#040f0b9e;color:#f3fff9}.theme-toolbar-toggle.is-dark svg:last-of-type{color:#fff0c9;opacity:1}.theme-toolbar-toggle.is-dark svg:first-of-type{color:#9ab7aa;opacity:.62}.theme-toolbar-toggle.is-light svg:first-of-type{color:#176851;opacity:1}.theme-toolbar-toggle.is-light svg:last-of-type{color:#799286;opacity:.68}.app-shell[data-theme=dark] .canvas-background-actions>*{display:inline-flex;align-items:center;gap:6px;padding-inline:10px;white-space:nowrap;font-size:13px}.app-shell[data-theme=dark] :where(.toolbar-group button,.topbar-left-tools button):hover:not(:disabled){border-color:#c7a45fa8;background:#1d342ad1}.app-shell[data-theme=dark] :where(.danger-action,.section-delete-action,.canvas-remove-action):hover:not(:disabled){border-color:#f08b7f8f;background:#7c2d2785}.kashida-debugger{position:absolute;z-index:40;top:12px;right:12px;width:min(720px,calc(100% - 24px));max-height:min(78vh,760px);overflow:hidden;border:1px solid rgba(227,185,93,.78);border-radius:12px;background:#070d0ef5;color:#f6f0e4;box-shadow:0 18px 50px #0000006b;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:auto}.kashida-debugger-header{display:flex;align-items:center;gap:9px;padding:9px 11px;border-bottom:1px solid rgba(255,255,255,.12);font-family:ui-sans-serif,system-ui,sans-serif}.kashida-debugger-header span{color:#f6f0e49e}.kashida-debugger-header-actions{display:flex;gap:6px;margin-left:auto}.kashida-debugger-header button{padding:4px 8px;border:1px solid rgba(227,185,93,.6);border-radius:6px;background:transparent;color:inherit;cursor:pointer}.kashida-debugger-summary{padding:8px 11px;color:#f6f0e4b3}.kashida-debugger pre{max-height:64vh;margin:0;padding:0 11px 12px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.mobile-export-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:#0a191494}.mobile-export-dialog{position:relative;width:min(100%,390px);padding:28px 22px 22px;border:1px solid var(--ui-border, #d8cdb9);border-radius:20px;background:var(--ui-surface, #fffaf0);color:var(--ui-text, #244940);box-shadow:0 22px 70px #00000047}.mobile-export-dialog-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:12px;border-radius:14px;background:#10231f;color:#fffaf0}.mobile-export-dialog h2{margin:0;font-size:20px}.mobile-export-dialog p{margin:8px 0 18px;color:var(--ui-muted, #766d61);font-size:13px;line-height:1.5}.mobile-export-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:10px;background:transparent;color:inherit}.mobile-export-dialog-actions{display:grid;gap:8px}.mobile-export-dialog-actions .export-primary-action,.mobile-export-download-link{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:12px;text-decoration:none}.mobile-export-download-link{background:#f6efe3;color:#244940}.mobile-export-error,.export-error-toast{color:#a83d35!important}.export-error-toast{position:fixed;left:50%;bottom:24px;z-index:90;width:min(420px,calc(100% - 32px));transform:translate(-50%);padding:12px 14px;border:1px solid #d79b93;border-radius:12px;background:#fff4f1;box-shadow:0 10px 28px #5018142e;font-size:13px}.app-shell[data-theme=dark] .mobile-export-dialog{background:#10241d;color:#effaf2}.app-shell[data-theme=dark] .mobile-export-dialog p{color:#b2c4ba}.app-shell[data-theme=dark] .mobile-export-download-link{background:#1c3b30;color:#effaf2}@font-face{font-family:Noto Nastaliq Urdu;font-style:normal;font-weight:400;font-display:swap;src:url(/designer/fonts/NotoNastaliqUrdu-Regular.ttf) format("truetype")}@font-face{font-family:Noto Nastaliq Urdu;font-style:normal;font-weight:700;font-display:swap;src:url(/designer/fonts/NotoNastaliqUrdu-Bold.ttf) format("truetype")}