@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--ink:#242139;--muted:#8b889c;--purple:#7350ed;--purple-dark:#6040d6;--line:#eeedf4;--soft:#f7f5ff;--background:#faf9fc;--font:"DM Sans",system-ui,sans-serif}*{box-sizing:border-box}body{color:var(--ink);background:var(--background);font:14px var(--font);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}button,a,select,input,textarea{-webkit-tap-highlight-color:transparent}button,a{transition:background .16s,color .16s,border-color .16s,box-shadow .16s}button{cursor:pointer;color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #b9a9f7}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:"Manrope",var(--font)}svg{stroke-width:1.7px;flex-shrink:0}fieldset{border:0;min-width:0;margin:0;padding:0}.app-header{border-bottom:1px solid var(--line);background:#fff;align-items:center;height:82px;padding:0 4.3%;display:flex}.brand{letter-spacing:-1.4px;align-items:center;gap:8px;font-size:28px;font-weight:800;display:flex}.brand-star{color:var(--purple);font-family:serif;font-size:36px;font-weight:400;line-height:1}.brand-dot{color:var(--purple);margin-left:-8px}.nav-divider{background:#e7e4ef;width:1px;height:23px;margin:0 32px}.app-header nav{color:#9691a4;align-items:center;gap:28px;height:100%;font-size:13px;font-weight:550;display:flex}.app-header nav a,.app-header nav button{align-items:center;gap:4px;height:100%;display:flex;position:relative}.app-header nav .nav-active{color:var(--purple)}.nav-active:after{content:"";background:var(--purple);height:2px;position:absolute;bottom:0;left:0;right:0}.header-right{align-items:center;gap:24px;margin-left:auto;display:flex}.header-tag{color:#8a839c;font-size:11px}.help-button{border:1px solid var(--line);color:#81788f;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.help-button:hover{background:var(--soft)}main{max-width:1600px;margin:auto;padding:0 4.3%}.intro{justify-content:space-between;align-items:center;padding:43px 0 34px;display:flex}.eyebrow{letter-spacing:1.8px;color:#9987c5;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.eyebrow>span{background:#a38be6;border-radius:50%;width:5px;height:5px}.intro h1{letter-spacing:-1.15px;margin-top:6px;font-size:31px;font-weight:750;line-height:1.5}.intro h1 span{color:var(--purple)}.intro p{color:#9690a3;margin-top:5px;font-size:12px}.intro-note{color:#a398be;align-items:center;gap:13px;margin-right:13px;font-size:12px;line-height:1.65;display:flex}.intro-note svg{color:#9e83ed}.intro-note strong{color:#78668f;font-weight:500}.chapter-bar{justify-content:space-between;align-items:center;min-height:33px;margin-bottom:18px;display:flex}.chapter-name,.chapter-actions{align-items:center;gap:11px;display:flex}.chapter-name>svg:first-child{color:#85769c}.chapter-name strong{font-size:12px;font-weight:600}.chapter-name>span{color:#a39bb0;font-size:11px}.chapter-name>svg:nth-child(3){color:#c4bdce}.chapter-actions{gap:21px}.chapter-actions button{color:#716484;align-items:center;gap:5px;font-size:11px;display:flex}.connection{color:#a29aaa;align-items:center;gap:6px;font-size:10px;display:flex}.connection i{background:#d5c7a4;border-radius:50%;width:5px;height:5px}.connection.online i{background:#60b899}.workspace-grid{grid-template-columns:252px minmax(320px,1fr) 302px;align-items:start;gap:18px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 2px 5px #30234902}.settings-column,.results-column{flex-direction:column;gap:15px;min-width:0;display:flex}.panel-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-heading h2{letter-spacing:-.1px;align-items:center;gap:7px;font-size:12px;font-weight:750;display:flex}.panel-heading>svg{color:#a49bad}.settings-panel{padding:20px 18px 16px}.settings-panel .panel-heading{margin-bottom:25px}.field-label{color:#746b86;margin-bottom:8px;font-size:10px;font-weight:600;display:block}.select-wrap{color:#a99bbc;background:#fff;border:1px solid #e9e5f0;border-radius:7px;align-items:center;gap:9px;height:40px;padding:0 10px;display:flex}.select-wrap select{appearance:none;color:#4d435f;background:0 0;border:0;outline:none;width:100%;min-width:0;height:100%;font-size:11px}.select-wrap>svg:last-child{color:#aa9dbd}.language-picker{position:relative}.language-trigger{text-align:left;cursor:pointer;width:100%}.language-trigger:hover,.language-trigger.open{background:#fdfbff;border-color:#b9a9f7}.language-trigger .language-value{text-overflow:ellipsis;white-space:nowrap;color:#4d435f;flex:1;min-width:0;font-size:11px;overflow:hidden}.language-trigger>svg:last-child{transition:transform .16s}.language-trigger.open>svg:last-child{transform:rotate(180deg)}.language-menu{z-index:30;background:#fff;border:1px solid #e0d6ef;border-radius:8px;max-height:min(280px,100vh - 170px);padding:5px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 12px 28px #3b24531f}.language-option{text-align:left;color:#5b4c6d;background:0 0;border-radius:5px;width:100%;padding:9px 10px;font-size:11px;line-height:1.35;display:block}.language-option:hover,.language-option.highlighted{color:#6542d4;background:#f3effc}.language-option[aria-selected=true]{color:#7350ed;font-weight:600}.language-option:focus-visible{outline-offset:-2px;outline:2px solid #b9a9f7}.target-select{background:#fcfbff;border-color:#dcd2f6}.thai-flag{background:linear-gradient(#d62540 0% 16.7%,#fff 16.7% 33.3%,#293a7c 33.3% 66.7%,#fff 66.7% 83.3%,#d62540 83.3%);border:1px solid #00000008;border-radius:2px;flex-shrink:0;width:18px;height:13px;display:block}.language-divider{color:#bab0cd;justify-content:center;align-items:center;gap:7px;height:24px;display:flex}.language-divider span{background:#efebf5;width:16px;height:1px}.section-label{letter-spacing:1.4px;color:#a199ad;margin:26px 0 15px;font-size:8px;font-weight:650}.toggle-list{flex-direction:column;gap:18px;display:flex}.toggle-row{cursor:pointer;align-items:center;gap:9px;display:flex;position:relative}.option-icon{color:#9b82d8;background:#f4f0ff;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.toggle-row:nth-child(2) .option-icon{color:#8994c9;background:#f1f3ff}.toggle-row:nth-child(3) .option-icon{background:#f7f3fe}.toggle-row:nth-child(4) .option-icon{color:#a49aaf;background:#f4f3f6}.toggle-copy{flex-direction:column;flex:1;gap:3px;display:flex}.toggle-copy strong{white-space:nowrap;font-size:10px;font-weight:550}.toggle-copy small{color:#a69dae;font-size:8px}.toggle-row>input{opacity:0;cursor:pointer;width:30px;height:20px;position:absolute;right:0}.switch{pointer-events:none;background:#d9d5e1;border-radius:20px;flex-shrink:0;width:29px;height:16px;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transition:left .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #41315b22}.toggle-row input:checked+.switch{background:var(--purple)}.toggle-row input:checked+.switch:after{left:16px}.toggle-row input:focus-visible+.switch{outline-offset:3px;outline:3px solid #b9a9f7}.advanced{border-top:1px solid var(--line);margin-top:23px;padding-top:15px}.advanced summary{color:#8e809f;cursor:pointer;justify-content:space-between;font-size:10px;list-style:none;display:flex}.advanced[open] summary{margin-bottom:16px}.advanced summary::-webkit-details-marker{display:none}.advanced>select{border:1px solid var(--line);color:#645871;background:#fff;border-radius:6px;width:100%;padding:8px;font-size:11px}.advanced p{color:#9c90a9;margin:8px 0;font-size:10px;line-height:1.6}.unknown-toggle{align-items:center;gap:5px;font-size:10px;display:flex}.unknown-toggle input{accent-color:var(--purple)}.glossary-heading{border-top:1px solid var(--line);flex-direction:column;gap:3px;margin-top:14px;padding-top:13px;display:flex}.glossary-heading strong{color:#746482;font-size:10px;font-weight:650}.glossary-heading small{color:#a69dae;font-size:8px}.glossary-form{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 24px;align-items:center;gap:5px;margin-top:10px;display:grid}.glossary-form input{color:#655271;background:#fff;border:1px solid #e9e5f0;border-radius:5px;width:100%;min-width:0;padding:7px 6px;font-size:9px}.glossary-form>span{text-align:center;color:#a996ba;font-size:10px}.glossary-form button{background:var(--purple);color:#fff;border-radius:5px;place-items:center;width:24px;height:27px;display:grid}.glossary-list{flex-direction:column;gap:5px;margin-top:9px;display:flex}.glossary-row{color:#7c6a88;background:#fcfbff;border:1px solid #eee8f4;border-radius:5px;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 20px;align-items:center;gap:5px;padding:6px;font-size:9px;display:grid}.glossary-row span,.glossary-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.glossary-row b{color:#b4a1c1;text-align:center;font-weight:400}.glossary-row strong{color:#71538e;font-weight:600}.glossary-row button{color:#af9dbb;border-radius:4px;place-items:center;width:20px;height:20px;display:grid}.glossary-row button:hover:not(:disabled){color:#8b62b3;background:#f1eafa}.primary{background:var(--purple);color:#fff;border:1px solid #714dea;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:12px 18px;font-size:11px;font-weight:550;display:flex;box-shadow:0 3px 7px #7451ed1d}.primary:hover:not(:disabled){background:var(--purple-dark);box-shadow:0 4px 12px #7451ed35}.primary:disabled{opacity:.56;box-shadow:none;background:#b8a3f1;border-color:#b8a3f1}.translate-button{width:100%;margin-top:22px}.settings-note{text-align:center;color:#b8adc6;margin-top:11px;font-size:8px}.pages-panel{padding:16px 15px}.count{color:#a18cbf;min-width:19px;height:18px;font:9px var(--font);background:#f4f1fa;border-radius:5px;place-items:center;padding:0 4px;display:inline-grid}.icon-button{color:#a395b6;border-radius:5px;place-items:center;width:24px;height:24px;display:grid}.icon-button:hover{background:var(--soft)}.pages-empty{text-align:center;color:#c7bdd6;padding:18px 0 15px}.pages-empty p{color:#a196b0;margin-top:8px;font-size:10px}.pages-empty small{color:#b5aabe;margin-top:4px;font-size:8px;display:block}.add-pages{color:#9481b3;border:1px dashed #ded5eb;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px;font-size:10px;display:flex}.add-pages:hover{background:var(--soft)}.pages-list{max-height:325px;margin:10px -3px;overflow:auto}.page-item{border:1px solid #0000;border-radius:7px;margin-bottom:5px;padding:6px}.page-item.active{background:#faf8ff;border-color:#e6dff8}.page-select{text-align:left;align-items:center;gap:8px;width:100%;min-width:0;padding:0;display:flex}.page-select>img{object-fit:cover;border:1px solid var(--line);border-radius:3px;width:32px;height:42px}.page-select>span{flex:1;min-width:0}.page-select strong{color:#9884b3;gap:7px;font-size:9px;display:flex}.page-select strong>span{color:#695c7b;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.page-select small{color:#a092ae;margin-top:5px;font-size:8px;display:block}.page-actions{justify-content:flex-end;gap:3px;margin-top:3px;display:flex}.page-actions button{color:#a593bb;border-radius:4px;width:25px;height:23px}.page-actions button:hover{background:#ece5f8}.success-icon{color:#5ea889}.preview-panel{background:#fff;border:1px solid #e9e5f0;border-radius:12px;min-width:0;overflow:hidden}.preview-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.view-tabs{background:#f5f3f9;border-radius:7px;gap:1px;padding:3px;display:flex}.view-tabs button{color:#a091b5;border-radius:5px;padding:7px 11px;font-size:9px}.view-tabs button.selected{color:var(--purple);background:#fff;font-weight:600;box-shadow:0 1px 3px #55447516}.zoom-tools{color:#a99abf;align-items:center;gap:4px;display:flex}.zoom-tools button{place-items:center;padding:4px;display:grid}.zoom-tools>span{text-align:center;color:#9180a5;min-width:28px;font-size:9px}.zoom-tools i{background:#e8e1ef;width:1px;height:14px;margin:0 4px}.preview-canvas{background-color:#f8f7fb;background-image:radial-gradient(#d8d2e64d .65px,#0000 .65px);background-size:10px 10px;justify-content:center;align-items:center;height:648px;padding:24px;transition:background-color .2s;display:flex;position:relative;overflow:auto}.preview-canvas.drag-over{outline-offset:-10px;background-color:#eee6ff;outline:2px dashed #a18cdd}.upload-empty{text-align:center;flex-direction:column;align-items:center;max-width:340px;margin-top:-5px;display:flex}.paper-illustration{width:138px;height:152px;margin-bottom:36px;position:relative}.paper-front{background:#fff;border:1px solid #ddd3ef;border-radius:7px;width:108px;height:141px;padding:12px;position:absolute;top:5px;left:10px;transform:rotate(-7deg);box-shadow:0 8px 18px #6a509016}.paper-back{background:#f5f0fd;border:1px solid #e4dced;border-radius:7px;width:105px;height:136px;position:absolute;top:10px;left:29px;transform:rotate(9deg)}.paper-top{justify-content:space-between;align-items:center;height:14px;margin-bottom:8px;display:flex}.paper-top>span:first-child{background:#e4d9f6;border-radius:3px;width:34px;height:4px}.little-star{color:#b59adb;font-size:15px}.comic-frame{background:linear-gradient(135deg,#fbf9fd,#f2ebfb);border:1px solid #e7def2;border-radius:3px;height:65px;position:relative;overflow:hidden}.comic-bubble{z-index:1;color:#a892c1;background:#fff;border:1px solid #d2c0e6;border-radius:50%;padding:6px;font-size:8px;position:absolute;top:9px;left:9px;transform:rotate(7deg)}.comic-lines{background:repeating-linear-gradient(90deg,#0000 0 5px,#d7c5ed 5px 6px);width:95px;height:40px;position:absolute;top:39px;left:20px;transform:rotate(-27deg)}.paper-bottom{gap:5px;margin-top:8px;display:flex}.paper-bottom>span{background:#f7f2fc;border:1px solid #e7def2;border-radius:2px;flex:1;height:18px}.upload-float{background:var(--purple);color:#fff;border:4px solid #f8f7fb;border-radius:12px;place-items:center;width:43px;height:43px;display:grid;position:absolute;bottom:-3px;right:0;transform:rotate(7deg);box-shadow:0 3px 8px #71529611}.upload-empty .eyebrow{letter-spacing:1.6px;color:#ae9ac7;font-size:8px}.upload-empty h2{letter-spacing:-.8px;margin-top:13px;font-size:22px;font-weight:750}.upload-empty p{color:#a398b0;margin:13px 0 23px;font-size:11px;line-height:1.9}.upload-empty .primary{min-height:41px;padding:12px 23px;font-size:11px}.upload-empty>small{color:#afa4bb;margin-top:13px;font-size:8px}.upload-hint{color:#b0a4bd;align-items:center;gap:6px;margin-top:31px;font-size:9px;display:flex}.preview-footer{color:#aea3ba;border-top:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-size:8px;display:flex}.preview-footer>span{align-items:center;gap:6px;display:flex}.preview-canvas.has-image{cursor:grab;touch-action:pan-x pan-y;padding:22px;display:block}.preview-canvas.has-image:active{cursor:grabbing}.image-stage{min-width:25%;margin:0 auto;line-height:0;position:relative}.image-stage>img,.comparison-overlay img{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block;box-shadow:0 5px 20px #44315914}.comparison-overlay{position:absolute;inset:0}.comparison-line{background:var(--purple);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #fff}.comparison-slider{opacity:0;cursor:ew-resize;width:100%;height:100%;position:absolute;inset:0}.compare-label{color:#70598a;pointer-events:none;background:#fffd;border-radius:4px;padding:5px 8px;font-size:10px;line-height:1.4;position:absolute;top:10px;left:10px}.page-status{border-top:1px solid var(--line);color:#7e6b98;padding:12px 16px;font-size:11px}.status-dot{background:#9b84d2;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.page-status.failed{color:#b56a60;background:#fff8f7}.page-status.failed .status-dot{background:#ce8c80}.page-status p{margin-top:7px;font-size:10px;line-height:1.6}.pulse{animation:1.3s infinite pulse}@keyframes pulse{50%{opacity:.25}}.results-panel{flex-direction:column;min-height:475px;padding:20px 17px 0;display:flex}.results-description{color:#b0a3bd;margin-top:8px;font-size:9px}.results-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 0 39px;display:flex}.result-ghost{background:linear-gradient(120deg,#fff,#fdfbff);border:1px solid #eee8f5;border-radius:7px;align-items:center;gap:10px;width:192px;height:59px;padding:11px;display:flex;box-shadow:0 3px 8px #87718b03}.ghost-number{color:#c9b8dc;background:#f1ebfa;border-radius:4px;place-items:center;width:16px;height:18px;font-size:9px;display:grid}.result-ghost>div{flex-direction:column;flex:1;gap:5px;display:flex}.result-ghost i{background:#eee8f5;border-radius:4px;width:80%;height:4px}.result-ghost i:first-child{background:#e8dcf4;width:45%}.result-ghost i:last-child{width:65%}.ghost-check{color:#c9b4dc;background:#f3edf9;border-radius:50%;place-items:center;width:16px;height:16px;display:grid}.result-ghost.secondary{opacity:.5;height:51px;margin-top:8px;transform:scale(.96)}.results-empty h3{color:#94849f;margin-top:28px;font-size:12px;font-weight:650}.results-empty p{text-align:center;color:#b2a6be;margin-top:9px;font-size:10px;line-height:1.9}.subtle-tag{color:#b4a5c4;background:#faf7fd;border-radius:4px;align-items:center;gap:5px;margin-top:18px;padding:6px 8px;font-size:8px;display:flex}.results-bottom{border-top:1px solid var(--line);color:#b0a2bd;justify-content:center;align-items:center;gap:5px;padding:15px 0;font-size:8px;display:flex}.export-panel{padding:19px 17px 14px}.export-panel>p{color:#af9fba;margin-top:7px;font-size:9px}.export-actions{flex-direction:column;gap:9px;margin-top:20px;display:flex}.secondary-button{color:#9a81bf;background:#fff;border:1px solid #e5dcf4;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:11px 12px;font-size:10px;display:flex}.secondary-button:hover{background:var(--soft)}.text-button{color:#a998bb;justify-content:center;align-items:center;gap:7px;padding:6px;font-size:9px;display:flex}.text-button:hover{color:var(--purple)}.results-sort{color:#9d89b6;align-items:center;gap:7px;padding:15px 0;display:flex}.results-sort select{color:#9d89b6;background:#fff;border:0;outline:0;font-size:10px}.region-list{max-height:455px;margin:0 -5px;padding:0 5px;overflow:auto}.region-card{border:1px solid #eae3f2;border-radius:8px;margin-bottom:10px;padding:12px}.region-heading{align-items:center;gap:7px;display:flex}.region-number{color:#fff;background:#c0b5d1;border-radius:4px;place-items:center;width:17px;height:18px;font-size:9px;display:grid}.region-type{text-transform:capitalize;color:#9475c2;background:#f4eefc;border-radius:4px;padding:3px 5px;font-size:8px}.region-type.sfx{color:#b58ccc;background:#faf0ff}.source-text{color:#82708f;margin:11px 0;font-size:10px;line-height:1.6}.region-card textarea{resize:vertical;width:100%;min-height:72px;font-family:var(--font);color:#655271;background:#fff;border:1px solid #e4daef;border-radius:5px;padding:8px;font-size:12px;line-height:1.6}.region-foot{color:#b39dc4;align-items:center;gap:5px;margin-top:7px;font-size:8px;display:flex}.preserved{color:#a79bab;font-size:9px;line-height:1.6}.save-button{margin:10px 0;font-size:10px}.error-text{color:#c9766b!important}.error-banner{color:#a97162;background:#fff8f5;border:1px solid #efd4ce;border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 15px;font-size:12px;display:flex}.error-banner button{place-items:center;margin-left:auto;display:grid}.app-footer{color:#b3a9bf;justify-content:space-between;align-items:center;padding:27px 1px 30px;font-size:9px;display:flex}.app-footer>span{align-items:center;gap:7px;display:flex}.app-footer>span:first-child svg{color:#ab99c0}.app-footer>span:last-child svg{color:#b8a5ce;width:11px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;background:#22143255;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.help-modal{background:#fff;border-radius:18px;max-width:480px;padding:34px;position:relative;box-shadow:0 20px 80px #27184230}.modal-close{color:#9d8caa;position:absolute;top:17px;right:17px}.help-modal h2{margin:18px 0;font-size:22px}.help-modal ol{padding-left:22px}.help-modal li{color:#7d668f;padding:10px 0 10px 5px;font-size:13px}.help-modal li p{color:#9c8ba9;margin-top:5px;font-size:12px;line-height:1.6}.help-note{color:#a291ae;background:#faf7fe;border-radius:7px;margin-bottom:20px;padding:12px;font-size:10px;line-height:1.7}.help-modal .primary{width:100%}@media (min-width:1450px){.workspace-grid{grid-template-columns:270px minmax(390px,1fr) 326px;gap:22px}.preview-canvas{height:670px}.settings-panel{padding:22px}.settings-panel .toggle-copy strong{font-size:11px}.settings-panel .toggle-copy small{font-size:9px}.results-panel{min-height:490px}}@media (max-width:1190px){main,.app-header{padding:0 3%}.workspace-grid{grid-template-columns:232px minmax(290px,1fr) 265px;gap:12px}.preview-toolbar{flex-wrap:wrap;justify-content:center;padding:10px}.zoom-tools{gap:3px}.preview-canvas{height:638px;padding:14px}.preview-footer>span:last-child{display:none}.toggle-copy strong{font-size:9px}.toggle-row{gap:7px}.settings-panel{padding:17px 14px}.intro h1{font-size:28px}.results-panel{padding:17px 13px 0}.export-panel{padding:17px 13px}.upload-empty h2{font-size:19px}.upload-empty p{font-size:10px}.upload-empty .eyebrow{font-size:7px}.result-ghost{width:180px}.results-bottom{font-size:7px}}@media (max-width:980px){.workspace-grid{grid-template-columns:240px minmax(0,1fr);gap:18px}.results-column{grid-column:2}.settings-column{grid-row:1/span 2}.preview-toolbar{flex-wrap:nowrap;justify-content:space-between}.results-panel{min-height:300px}.results-empty{padding:25px 0}.results-empty .secondary{display:none}.results-bottom{font-size:9px}.results-empty h3{margin-top:18px}.region-list{max-height:350px}.preview-canvas{height:580px}.intro-note,.header-tag{display:none}.intro{padding-top:32px}.intro h1{font-size:28px}.app-footer{font-size:8px}.export-actions{grid-template-columns:1fr 1fr;display:grid}.text-button{grid-column:1/-1}.export-panel{padding:20px}.export-actions{margin-top:16px}.results-description,.toggle-copy strong{font-size:10px}}@media (max-width:650px){.app-header{height:67px;padding:0 20px}.brand{font-size:25px}.brand-star{font-size:32px}.nav-divider{margin:0 18px}.app-header nav{font-size:12px}.app-header nav button{display:none}.header-right{gap:0}.help-button{border:0}main{padding:0 16px}.intro{padding:26px 3px}.intro .eyebrow{letter-spacing:1.3px;font-size:7px}.intro h1{letter-spacing:-.8px;margin-top:10px;font-size:24px;line-height:1.5}.intro p{max-width:280px;margin-top:8px;font-size:11px;line-height:1.7}.chapter-bar{margin-bottom:14px}.chapter-name{gap:7px}.chapter-name strong{font-size:10px}.chapter-name span{font-size:9px}.chapter-name>svg:first-child{width:15px}.chapter-actions{gap:0}.connection{display:none}.chapter-actions button{gap:2px;font-size:9px}.workspace-grid{flex-direction:column;gap:16px;display:flex}.workspace-grid>*{width:100%}.settings-column{gap:12px}.settings-panel{padding:20px}.settings-panel .panel-heading{margin-bottom:20px}.panel-heading h2{font-size:13px}.field-label{font-size:11px}.select-wrap{height:43px}.select-wrap select,.toggle-copy strong{font-size:12px}.toggle-copy small{font-size:10px}.option-icon{width:31px;height:31px}.toggle-row{gap:10px;min-height:35px}.toggle-list{gap:15px}.toggle-row>input{width:39px;height:30px}.switch{width:34px;height:19px}.switch:after{width:13px;height:13px}.toggle-row input:checked+.switch:after{left:18px}.section-label{font-size:9px}.advanced summary{font-size:12px}.advanced p,.unknown-toggle{font-size:11px}.translate-button{min-height:45px;margin-top:20px;font-size:13px}.settings-note{font-size:9px}.pages-panel{padding:15px 18px}.pages-empty{display:none}.pages-panel .add-pages{margin-top:12px;padding:10px;font-size:11px}.pages-list{max-height:235px}.page-select strong{font-size:11px}.page-select small{font-size:10px}.page-actions button{width:32px;height:32px}.preview-toolbar{padding:10px}.view-tabs button{padding:8px 10px;font-size:10px}.zoom-tools{gap:1px}.zoom-tools button{padding:4px}.zoom-tools>span{font-size:9px}.preview-canvas{height:450px}.upload-empty .eyebrow{font-size:7px}.paper-illustration{margin-bottom:15px;transform:scale(.85)}.upload-empty h2{font-size:21px}.upload-empty p{font-size:11px}.upload-hint{margin-top:23px}.preview-footer{padding:0 12px;font-size:9px}.results-panel{padding:20px 18px 0}.results-empty{padding:30px 0}.results-empty p{font-size:11px}.results-empty h3{font-size:14px}.results-bottom{font-size:9px}.export-actions{display:flex}.export-panel>p{font-size:11px}.export-actions>a,.export-actions>button{min-height:42px;font-size:12px}.source-text{font-size:12px}.region-card textarea{font-size:14px}.region-type,.region-foot{font-size:10px}.app-footer{flex-direction:column;gap:15px;padding:26px 0 30px;font-size:9px}.error-banner{font-size:11px;line-height:1.6}.help-modal{padding:26px}.help-modal h2{font-size:20px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.url-import{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.url-import label{color:#746b86;align-items:center;gap:6px;margin-bottom:7px;font-size:9px;font-weight:600;display:flex}.url-import-row{gap:5px;display:flex}.url-import input{color:#645871;background:#fff;border:1px solid #e9e5f0;border-radius:6px;outline:0;flex:1;min-width:0;height:33px;padding:0 8px;font-size:9px}.url-import input::placeholder{color:#b8adbf}.url-import input:focus{border-color:#b9a9f7}.url-import-button{width:33px;height:33px;color:var(--purple);background:#faf8ff;border:1px solid #ded5eb;border-radius:6px;place-items:center;display:grid}.url-import-button:hover:not(:disabled){background:#f0eafd}.url-import>small{color:#b0a2bd;margin-top:6px;font-size:8px;line-height:1.5;display:block}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.reader-trigger{align-items:center;gap:5px;font-weight:600;display:flex;color:var(--purple)!important}.reader-trigger:hover{color:var(--purple-dark)!important}.reader-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#221432cc;justify-content:center;align-items:stretch;padding:20px;display:flex;position:fixed;inset:0}.reader-modal{background:#f7f5fb;border:1px solid #fff5;border-radius:16px;flex-direction:column;width:min(100%,980px);display:flex;overflow:hidden;box-shadow:0 24px 90px #170e2a70}.reader-header{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;padding:14px 20px;display:flex}.reader-heading{color:var(--purple);align-items:center;gap:10px;display:flex}.reader-title{flex-direction:column;gap:3px;min-width:0;display:flex}.reader-title strong{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:650;overflow:hidden}.reader-title small{color:#a092ae;font-size:9px}.reader-close{color:#9889a7;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.reader-close:hover{background:var(--soft);color:var(--ink)}.reader-pages{background:#e9e5ef;flex-direction:column;flex:1;align-items:center;gap:0;padding:0;display:flex;overflow:auto}.reader-page{width:min(100%,780px);box-shadow:none;background:#fff;margin:0;line-height:0;position:relative}.reader-page img{width:100%;height:auto;display:block}.reader-page-label{color:#fff;opacity:.7;pointer-events:none;background:#241a2e99;border-radius:4px;padding:3px 6px;font-size:9px;line-height:1.2;position:absolute;bottom:8px;right:8px}@media (max-width:650px){.reader-backdrop{padding:0}.reader-modal{border-radius:0}.reader-header{padding:12px 14px}.reader-pages{gap:0;padding:0}.reader-page{width:100%}.reader-title strong{font-size:12px}.reader-title small{font-size:8px}}.auth-backdrop{z-index:70;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#22143299;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.auth-modal{background:#fff;border:1px solid #eee8f5;border-radius:18px;width:min(100%,420px);padding:34px 34px 25px;position:relative;box-shadow:0 24px 90px #170e2a45}.auth-close{top:14px;right:14px}.auth-mark{width:42px;height:42px;color:var(--purple);background:#f2edff;border-radius:13px;place-items:center;margin-bottom:17px;display:grid}.auth-mark .brand-star{font-size:27px}.auth-eyebrow{letter-spacing:1.6px;color:#9b83c5;font-size:9px;font-weight:700}.auth-modal h2{letter-spacing:-.7px;margin:9px 0 8px;font-size:24px;line-height:1.35}.auth-copy{color:#9b91a7;margin-bottom:20px;font-size:11px;line-height:1.7}.google-button{color:#4d435f;background:#fff;border:1px solid #e1d9ec;border-radius:7px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:42px;font-size:11px;font-weight:600;display:flex}.google-button:hover{background:#faf8ff;border-color:#cdbef0}.google-mark{color:#4285f4;border-radius:50%;place-items:center;width:20px;height:20px;font:700 14px Arial;display:grid}.auth-divider{color:#b2a6be;align-items:center;gap:9px;margin:17px 0;font-size:9px;display:flex}.auth-divider span{background:#eee8f5;flex:1;height:1px}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-form label>span{color:#746b86;margin-bottom:6px;font-size:10px;font-weight:600;display:block}.auth-input{color:#aa9cbc;border:1px solid #e7e0ef;border-radius:7px;align-items:center;gap:8px;height:39px;padding:0 10px;display:flex}.auth-input:focus-within{border-color:#b9a9f7;box-shadow:0 0 0 3px #b9a9f733}.auth-input svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:15px;height:15px}.auth-input input{color:#514360;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.auth-input input::placeholder{color:#b6abbe}.auth-submit{width:100%;margin-top:4px}.auth-switch{text-align:center;color:#9b91a7;margin-top:17px;font-size:10px}.auth-switch button{color:var(--purple);font-weight:650}.auth-switch button:hover{color:var(--purple-dark)}.auth-terms{text-align:center;color:#b6abba;margin-top:14px;font-size:8px;line-height:1.6}@media (max-width:650px){.auth-modal{border-radius:15px;padding:29px 22px 22px}.auth-modal h2{font-size:21px}}.language-switch{color:#7f6a96;letter-spacing:.4px;background:#fff;border:1px solid #e3dcef;border-radius:7px;min-height:30px;padding:0 9px;font-size:9px;font-weight:700}.language-switch:hover{background:var(--soft);color:var(--purple);border-color:#cbbcf0}.credit-balance{color:#7350ed;background:#fcfaff;border:1px solid #e6ddf2;border-radius:7px;align-items:center;gap:5px;min-height:30px;padding:0 9px;font-size:10px;font-weight:700;display:flex}.credit-balance svg{color:#9b7ad5}.credit-balance small{color:#9c8cad;font-size:8px;font-weight:550}.credit-balance:hover{background:#f6f1ff;border-color:#cbbcf0}.header-signin{min-height:34px;color:var(--purple);background:#fff;border:1px solid #d9cef3;border-radius:7px;padding:0 14px;font-size:10px;font-weight:650}.header-signin:hover{background:var(--soft);border-color:#b9a9f7;box-shadow:0 3px 10px #7451ed18}.profile-area{position:relative}.profile-trigger{background:#fff;border:1px solid #e7dff1;border-radius:50%;place-items:center;width:34px;height:34px;padding:2px;display:grid}.profile-trigger:hover{background:#faf8ff;border-color:#cdbef0}.profile-avatar{color:#fff;background:#7350ed;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;font-weight:700;display:grid}.profile-avatar.large{width:34px;height:34px;font-size:13px}.profile-popover{z-index:35;background:#fff;border:1px solid #e6dff0;border-radius:11px;width:220px;padding:12px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 14px 34px #33204624}.profile-summary{align-items:center;gap:9px;padding:3px 4px 7px;display:flex}.profile-summary>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-summary strong{text-overflow:ellipsis;white-space:nowrap;color:#514360;font-size:11px;overflow:hidden}.profile-summary small{text-overflow:ellipsis;white-space:nowrap;color:#a093ae;font-size:9px;overflow:hidden}.profile-divider{background:#eee8f5;height:1px;margin:5px 0 10px}.profile-label{color:#b0a2bd;letter-spacing:1px;padding:0 4px;font-size:8px}.profile-logout{text-align:left;color:#8c5577;border-radius:6px;width:100%;margin-top:8px;padding:9px 8px;font-size:10px}.profile-logout:hover{color:#b04474;background:#fff4f8}@media (max-width:650px){.profile-popover{right:-4px}.header-signin{padding:0 11px;font-size:10px}.language-switch{padding:0 8px}.credit-balance{padding:0 7px}.credit-balance small{display:none}}.auth-error{color:#b45160;margin:0;font-size:10px;line-height:1.5}.auth-notice{color:#49836f;margin:0;font-size:10px;line-height:1.5}.auth-setup{text-align:center;color:#a56e55;margin-top:12px;font-size:9px;line-height:1.5}.auth-spinner{animation:.9s linear infinite spin}.profile-topup{text-align:left;color:#7350ed;border-radius:6px;align-items:center;gap:7px;width:100%;margin-top:8px;padding:9px 8px;font-size:10px;display:flex}.profile-topup:hover{color:#6040d6;background:#f7f3ff}.credit-backdrop{z-index:75;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#22143299;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.credit-modal{background:#fff;border:1px solid #eee8f5;border-radius:18px;width:min(100%,420px);padding:32px 34px 25px;position:relative;box-shadow:0 24px 90px #170e2a45}.credit-mark{width:42px;height:42px;color:var(--purple);background:#f2edff;border-radius:13px;place-items:center;margin-bottom:17px;display:grid}.credit-modal h2{letter-spacing:-.7px;margin:9px 0 8px;font-size:24px;line-height:1.35}.credit-copy{color:#9b91a7;margin-bottom:20px;font-size:11px;line-height:1.7}.credit-form{flex-direction:column;gap:10px;display:flex}.credit-form label>span{color:#746b86;margin-bottom:6px;font-size:10px;font-weight:600;display:block}.credit-input{border:1px solid #e7e0ef;border-radius:7px;align-items:center;height:39px;padding:0 10px;display:flex}.credit-input:focus-within{border-color:#b9a9f7;box-shadow:0 0 0 3px #b9a9f733}.credit-input input{color:#514360;background:0 0;border:0;outline:0;width:100%;font-size:12px}.credit-input b{color:#a99bb8;font-size:12px;font-weight:600}.credit-rate{color:#9a81bf;margin-top:-2px;font-size:9px}.slip-picker{color:#846aa6;text-align:left;background:#fcfaff;border:1px dashed #d6c7ec;border-radius:8px;align-items:center;gap:10px;width:100%;padding:13px 12px;display:flex}.slip-picker:hover,.slip-picker.selected{background:#f8f4ff;border-color:#a891df}.slip-picker>svg{color:#9a7ed7}.slip-picker>span{flex-direction:column;gap:3px;min-width:0;font-size:10px;display:flex;overflow:hidden}.slip-picker small{color:#aa9bb8;font-size:8px}.credit-submit{width:100%;margin-top:4px}.credit-note{color:#afa2ba;text-align:center;margin-top:14px;font-size:8px;line-height:1.6}.auth-notice{align-items:center;gap:5px;display:flex}.credit-field-label{color:#746b86;font-size:10px;font-weight:600;display:block}.package-list{grid-template-columns:1fr 1fr;gap:7px;display:grid}.package-option{text-align:left;background:#fff;border:1px solid #e7e0ef;border-radius:8px;justify-content:space-between;align-items:center;gap:7px;padding:10px;display:flex}.package-option:hover,.package-option.selected{background:#f8f4ff;border-color:#a891df}.package-option>span{flex-direction:column;gap:3px;min-width:0;display:flex}.package-option strong{color:#514360;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.package-option small{color:#a99bb8;font-size:8px}.package-option>b{color:#7350ed;white-space:nowrap;font-size:11px}.credit-loading{color:#9a81bf;background:#faf7ff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:11px;font-size:9px;display:flex}.payment-qr{background:#fcfbff;border:1px solid #eee8f5;border-radius:8px;flex-direction:column;align-items:center;gap:7px;padding:10px;display:flex}.payment-qr img{object-fit:contain;image-rendering:auto;width:170px;height:170px}.payment-qr p{color:#a99bb8;text-align:center;font-size:8px}.free-credit-card{background:linear-gradient(135deg,#faf7ff,#f1ebff);border:1px solid #cfc0f4;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;display:flex}.free-credit-card>div{flex-direction:column;gap:4px;min-width:0;display:flex}.free-credit-card strong{color:#5c3bc2;font-size:10px}.free-credit-card small{color:#8d79b5;font-size:8px}.free-credit-card button{color:#fff;background:#7350ed;border-radius:6px;flex-shrink:0;padding:7px 9px;font-size:9px;font-weight:650}.free-credit-card button:hover:not(:disabled){background:#6040d6}.free-credit-card button:disabled{opacity:.85;background:#bfb2dd}@media (max-width:650px){.credit-modal{border-radius:15px;padding:29px 22px 22px}.credit-modal h2{font-size:21px}}.admin-page{background:var(--background);min-height:100vh}.admin-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 5%;display:flex}.admin-header .brand{font-size:25px}.admin-back{color:#806d9b;align-items:center;gap:6px;font-size:11px;display:flex}.admin-back:hover{color:var(--purple)}.admin-shell{max-width:980px;padding:45px 5% 80px}.admin-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:25px;display:flex}.admin-heading h1{letter-spacing:-1px;margin-top:7px;font-size:30px}.admin-heading>div>p:last-child{color:#9b91a7;margin-top:6px;font-size:12px}.admin-save{min-width:140px}.admin-card{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:16px;padding:23px 24px;box-shadow:0 2px 5px #30234902}.admin-card-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.admin-card-heading h2{font-size:15px}.admin-card-heading p{color:#a69dae;margin-top:5px;font-size:10px}.admin-add{min-height:34px;color:var(--purple);padding:8px 11px}.admin-package-head,.admin-package-row{grid-template-columns:1fr 1.8fr 1fr 30px;align-items:center;gap:10px;display:grid}.admin-package-head{color:#a398b0;padding:0 8px 8px;font-size:9px}.admin-package-row{border-top:1px solid #f0edf5;padding:8px 0}.admin-package-row input,.admin-promo-grid input{color:#514360;background:#fff;border:1px solid #e7e0ef;border-radius:6px;outline:0;width:100%;height:36px;padding:0 9px;font-size:11px}.admin-package-row input:focus,.admin-promo-grid input:focus{border-color:#b9a9f7;box-shadow:0 0 0 3px #b9a9f733}.admin-package-row .icon-button{justify-self:end}.admin-checkbox{color:#6e6080;align-items:center;gap:8px;font-size:10px;display:flex}.admin-checkbox input{accent-color:var(--purple)}.admin-promo-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.admin-promo-grid label{flex-direction:column;gap:7px;display:flex}.admin-promo-grid label>span{color:#746b86;font-size:9px;font-weight:600}.admin-state{border:1px solid var(--line);color:#887a98;text-align:center;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:180px;padding:25px;display:flex}.admin-state strong{color:#5f526e;font-size:13px}.admin-error{color:#b45160}.admin-error small{font-size:10px}.admin-saved{color:#4d967b;margin-top:14px;font-size:11px}@media (max-width:650px){.admin-shell{padding:29px 4% 55px}.admin-heading{flex-direction:column;align-items:stretch;gap:17px}.admin-heading h1{font-size:25px}.admin-save{width:100%}.admin-card{padding:18px 14px}.admin-card-heading{flex-direction:column;align-items:stretch}.admin-add{align-self:flex-start}.admin-package-head{display:none}.admin-package-row{grid-template-columns:1fr 1fr 30px}.admin-package-row input:first-child{grid-column:1/3}.admin-promo-grid{grid-template-columns:1fr}.admin-checkbox{align-self:flex-start}}.settings-cost{text-align:center;color:#7d67a1;margin-top:8px;font-size:10px;font-weight:600}.settings-note{margin-top:5px}.studio-grid{grid-template-rows:minmax(0,1fr);height:calc(100vh - 194px)}.studio-inspector{height:100%;min-height:0;max-height:100%}.studio-glossary,.studio-image-pane{min-height:0}.studio-canvas{height:100%;max-height:100%}@media (max-width:900px){.studio-grid{grid-template-rows:auto;height:auto}.studio-canvas{height:620px;max-height:none}.studio-inspector{height:auto;max-height:none}}@media (max-width:620px){.studio-canvas{height:min(70vh,620px);max-height:none}}.studio-editor-help{color:#8879a0;background:#faf7ff;border-radius:6px;padding:8px 9px;font-size:9px;line-height:1.55}.studio-glossary-more{color:#7956df;margin-top:6px;font-size:8px;font-weight:650}.studio-section-heading h2{font-size:16px}.studio-section-heading>div>span{font-size:10px}.studio-add-tabs button{font-size:9px}.studio-upload-button strong{font-size:12px}.studio-upload-button small{font-size:9px}.studio-url-form>label,.studio-url-form input{font-size:10px}.studio-url-form>small{font-size:9px}.studio-page-list-heading,.studio-page-copy>strong,.studio-page-copy>strong small{font-size:10px}.studio-status-text{font-size:9px}.studio-mascot-card strong{font-size:10px}.studio-mascot-card span,.studio-mascot-card small{font-size:9px}.studio-page-navigation strong{font-size:12px}.studio-zoom-tools>span{font-size:11px}.studio-zoom-tools .studio-fit{font-size:10px}.studio-image-pane-heading{font-size:11px}.studio-image-pane-heading>i{font-size:9px}.studio-inspector-heading small{font-size:9px}.studio-region-navigation{font-size:10px}.studio-region-image{height:108px}.studio-region-image>span,.studio-region-image>i{font-size:8px}.studio-field-label{font-size:10px}.studio-translation-input{font-size:13px}.studio-suggestion strong,.studio-suggestion p,.studio-suggestion>button{font-size:9px}.studio-save-button{font-size:10px}.studio-glossary header span,.studio-glossary-add,.studio-glossary-row,.studio-glossary-more{font-size:9px}.studio-progress>span,.studio-progress>strong,.studio-progress>b{font-size:10px}.studio-translate{font-size:11px}.studio-estimate,.studio-retry,.studio-export-select,.studio-export-select>select{font-size:9px}.studio-export{font-size:10px}.studio-shell{--studio-ink:#201b3c;--studio-muted:#8d83a2;--studio-purple:#7451ee;--studio-line:#eeeaf4;--studio-soft:#f7f4fd;min-height:100vh;color:var(--studio-ink);background:#fbfafc;flex-direction:column;font:13px DM Sans,system-ui,sans-serif;display:flex;overflow-x:hidden}.studio-header{border-bottom:1px solid var(--studio-line);background:#fff;flex:none;align-items:center;gap:22px;height:82px;padding:0 26px;display:flex}.studio-brand{color:#201b51;flex:none;align-items:center;gap:9px;display:flex}.studio-brand-mark{object-fit:contain;flex:none;width:50px;height:50px;display:block}.studio-brand>span{flex-direction:column;gap:0;display:flex}.studio-brand strong{letter-spacing:-1.2px;font:750 25px/1.05 Manrope,sans-serif}.studio-brand small{color:#8d84a2;margin-top:2px;font-size:10px}.studio-header-divider{background:#e7e2ee;flex:none;width:1px;height:44px}.studio-project{flex-direction:column;gap:5px;min-width:130px;display:flex}.studio-project strong{text-overflow:ellipsis;white-space:nowrap;max-width:250px;font:700 14px Manrope,sans-serif;overflow:hidden}.studio-project small{color:#89819b;align-items:center;gap:8px;font-size:10px;display:flex}.studio-project small i,.studio-saved i{background:#d5cfdf;border-radius:50%;width:7px;height:7px;display:inline-block}.studio-saved{color:#888198;white-space:nowrap;background:#f8f7fa;border-radius:30px;align-items:center;gap:7px;padding:7px 11px;font-size:10px;display:flex}.studio-saved i.online{background:#49bd94;box-shadow:0 0 0 3px #49bd9418}.studio-header-actions{align-items:center;gap:10px;min-width:0;margin-left:auto;display:flex}.studio-icon-button{color:#716985;background:#fff;border:1px solid #efedf2;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.studio-icon-button:hover{color:var(--studio-purple);background:#faf8ff;border-color:#d8ccf5}.studio-credit{color:#704be8;white-space:nowrap;background:#fbf9ff;border:1px solid #eee8ff;border-radius:15px;align-items:center;gap:7px;min-height:46px;padding:5px 7px 5px 11px;font-size:11px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 11px #7250ed1c,inset 0 0 0 1px #ffffffb3}.studio-credit:hover{transform:translateY(-1px);box-shadow:0 4px 15px #7250ed2b,inset 0 0 0 1px #ffffffb3}.studio-credit strong{letter-spacing:-.1px;font-size:12px;font-weight:700}.studio-credit span{color:#7050d9;font-size:10px;font-weight:600}.studio-credit b{color:#fff;background:linear-gradient(135deg,#8955f7,#6735e9);border:0;border-radius:9px;justify-content:center;align-items:center;min-height:33px;margin-left:4px;padding:0 12px;font-size:10px;font-weight:650;display:flex;box-shadow:0 2px 5px #693be633}.studio-signin{color:#7250ed;white-space:nowrap;border:1px solid #ddd3f3;border-radius:7px;padding:8px 13px;font-size:10px;font-weight:650}.studio-signin:hover{background:#f8f4ff}.studio-profile{position:relative}.studio-library{white-space:nowrap;align-items:center;gap:8px;max-width:175px;font-size:11px;font-weight:650;display:flex}.studio-avatar{color:#7150e8;background:#f0eaff;border-radius:50%;place-items:center;width:31px;height:31px;font-weight:700;display:grid}.studio-profile-popover{top:calc(100% + 14px)}.studio-tagline{border-left:1px solid #ece8f0;flex:none;width:142px;height:64px;margin-left:2px;padding-left:12px;display:block}.studio-tagline img{object-fit:contain;width:100%;height:100%;display:block}.studio-language{min-height:30px}.studio-read,.studio-new-chapter{color:#7451e9;white-space:nowrap;background:#fff;border:1px solid #e6dff0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:10px;font-weight:650;display:flex}.studio-read:hover,.studio-new-chapter:hover{background:#f8f4ff}.studio-new-chapter{width:33px;height:33px;padding:0}.studio-main{flex:1;width:100%;max-width:none;min-height:0;margin:0;padding:12px 18px 102px}.studio-error{max-width:none;margin:0 0 10px;padding:9px 13px;font-size:11px}.studio-grid{grid-template-columns:minmax(235px,270px) minmax(420px,1fr) minmax(300px,340px);align-items:stretch;gap:12px;min-height:calc(100vh - 194px);max-height:calc(100vh - 194px);display:grid}.studio-card{background:#fff;border:1px solid #efebf4;border-radius:15px;min-width:0;box-shadow:0 4px 18px #39255406}.studio-pages{flex-direction:column;min-height:0;padding:16px 13px 12px;display:flex;overflow:hidden}.studio-section-heading{justify-content:space-between;align-items:center;padding:0 3px 13px;display:flex}.studio-section-heading>div{flex-direction:column;gap:5px;display:flex}.studio-section-heading h2,.studio-inspector-heading h2,.studio-glossary h2{letter-spacing:-.2px;font:750 14px Manrope,sans-serif}.studio-section-heading>div>span{color:#9189a1;font-size:10px}.studio-section-heading>div>span i{color:#c7bfce;padding:0 3px;font-style:normal}.studio-pages-count{display:none}.studio-add-card{background:#fcfaff;border:1px solid #e9e0f7;border-radius:10px;padding:8px}.studio-add-tabs{background:#f5f1fa;border-radius:7px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.studio-add-tabs button{color:#988eaa;white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:5px;min-width:0;padding:7px 4px;font-size:9px;font-weight:550;display:flex}.studio-add-tabs button.active{color:#704de6;background:#fff;box-shadow:0 1px 3px #38234a12}.studio-upload-button{text-align:left;background:linear-gradient(105deg,#faf7ff,#fff);border:1px solid #d8caf5;border-radius:8px;align-items:center;gap:10px;width:100%;margin-top:8px;padding:10px 8px;display:flex}.studio-upload-button>span:first-child{color:#fff;background:#7752ee;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.studio-upload-button>span:last-child{flex-direction:column;gap:3px;display:flex}.studio-upload-button strong{color:#6744da;font-size:11px}.studio-upload-button small{color:#9e93ae;font-size:8px}.studio-url-form{padding:10px 2px 1px}.studio-url-form>label{color:#6f657f;margin-bottom:5px;font-size:9px;font-weight:650;display:block}.studio-url-form>div{color:#a79ab8;background:#fff;border:1px solid #e7e1ee;border-radius:7px;align-items:center;gap:6px;min-height:34px;padding-left:8px;display:flex}.studio-url-form input{color:#554766;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:9px}.studio-url-form input::placeholder{color:#b6adbf}.studio-url-form button{color:#6d49e0;white-space:nowrap;border-left:1px solid #eee9f3;justify-content:center;align-self:stretch;align-items:center;gap:4px;padding:0 8px;font-size:9px;font-weight:650;display:flex}.studio-url-form>small{color:#a59aae;margin-top:5px;font-size:8px;line-height:1.4;display:block}.studio-page-list-heading{color:#7b718e;justify-content:space-between;align-items:center;margin:15px 2px 7px;font-size:9px;font-weight:650;display:flex}.studio-page-list-heading span+span{color:#b0a6b8;font-weight:450}.studio-page-list{scrollbar-color:#d7d0e1 transparent;scrollbar-width:thin;flex:1;min-height:80px;margin:0 -3px;padding:0 3px;overflow:auto}.studio-page-item{border:1px solid #0000;border-radius:9px;margin:0 0 4px;padding:6px 5px;position:relative}.studio-page-item.selected{background:#faf7ff;border-color:#dfd3fb}.studio-page-open{text-align:left;align-items:center;gap:9px;width:100%;min-width:0;display:flex}.studio-page-thumb{background:#f7f5fa;border:1px solid #eee9f3;border-radius:5px;flex:none;width:38px;height:48px;display:block;position:relative;overflow:hidden}.studio-page-thumb>img{object-fit:cover;width:100%;height:100%}.studio-page-thumb>i{color:#49a982;background:#fff;border-radius:50%;place-items:center;width:14px;height:14px;display:grid;position:absolute;top:2px;right:2px;box-shadow:0 1px 3px #0002}.studio-page-copy{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.studio-page-copy>strong{color:#a08abf;gap:6px;font-size:9px;display:flex}.studio-page-copy>strong small{text-overflow:ellipsis;white-space:nowrap;color:#665b75;min-width:0;font-size:9px;font-weight:500;overflow:hidden}.studio-status-text{color:#9b92a9;align-items:center;gap:5px;font-size:8px;display:flex}.studio-status-text.failed{color:#c36562}.studio-status-text>i{background:#56b18b;border-radius:50%;width:6px;height:6px}.studio-page-tools{justify-content:flex-end;gap:3px;margin-top:2px;display:flex}.studio-page-tools button{color:#aa9cbd;border-radius:5px;place-items:center;width:25px;height:22px;display:grid}.studio-page-tools button:hover:not(:disabled){color:#7451e9;background:#f1ecf8}.studio-pages-empty{color:#a992ca;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7px;min-height:85px;display:flex}.studio-pages-empty strong{color:#75698a;font-size:10px}.studio-pages-empty span{color:#a89fb2;font-size:8px}.studio-mascot-card{background:linear-gradient(110deg,#fff,#faf7ff);border:1px solid #eee6fa;border-radius:10px;align-items:center;gap:8px;min-height:70px;margin-top:8px;padding:6px;display:flex}.studio-mascot-card>img{object-fit:contain;flex:none;width:53px;height:55px}.studio-mascot-card>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.studio-mascot-card strong{color:#665682;font-size:9px}.studio-mascot-card span,.studio-mascot-card small{color:#9b91a8;font-size:8px}.studio-mini-progress,.studio-progress-track{background:#eee8fa;border-radius:5px;height:5px;overflow:hidden}.studio-mini-progress i,.studio-progress-track i{border-radius:inherit;background:#7650ed;height:100%;transition:width .25s;display:block}.studio-canvas{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.studio-canvas-toolbar{border-bottom:1px solid #f0edf4;flex:none;justify-content:space-between;align-items:center;gap:8px;height:52px;padding:0 12px;display:flex}.studio-page-navigation,.studio-zoom-tools{align-items:center;gap:7px;display:flex}.studio-page-navigation strong{text-align:center;color:#514767;min-width:90px;font-size:11px;font-weight:600}.studio-page-navigation button,.studio-zoom-tools button{color:#7f7293;background:#fff;border:1px solid #eeeaf3;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.studio-page-navigation button:hover:not(:disabled),.studio-zoom-tools button:hover:not(:disabled){color:#7350ed;border-color:#d9cef0}.studio-zoom-tools{gap:6px}.studio-zoom-tools>span{text-align:center;color:#615673;min-width:34px;font-size:10px}.studio-zoom-tools .studio-fit{width:auto;padding:0 10px;font-size:9px}.studio-image-comparison{background:#fbfaff;flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;min-height:0;padding:10px;display:grid}.studio-image-pane{background:#fff;border-radius:9px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.studio-image-pane-heading{color:#716387;background:#f5f2fa;flex:none;justify-content:space-between;align-items:center;gap:5px;height:34px;padding:0 11px;font-size:10px;font-weight:600;display:flex}.studio-image-pane:nth-child(2) .studio-image-pane-heading{color:#7047e5;background:#f3efff}.studio-image-pane-heading>i{color:#49a982;font-size:8px;font-style:normal;font-weight:500}.studio-image-scroll{background-color:#f3f1f6;background-image:radial-gradient(#d8d2e64d .6px,#0000 .6px);background-size:10px 10px;flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:9px;display:flex;overflow:auto}.studio-page-image{-webkit-user-select:none;user-select:none;flex:none;max-width:none;height:auto;display:block;box-shadow:0 3px 15px #26173620}.studio-image-empty{text-align:center;color:#ad9bc8;background:#fcfbfe;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:9px;padding:22px;display:flex}.studio-image-empty strong{color:#776b89;font-size:10px}.studio-image-empty span{color:#a39bad;max-width:210px;font-size:8px;line-height:1.6}.studio-image-meta{color:#a59aae;flex:none;justify-content:space-between;align-items:center;height:28px;padding:0 13px;font-size:8px;display:flex}.studio-page-error{color:#a95555;background:#fff8f7;border-top:1px solid #f1dddd;flex-direction:column;flex:none;gap:4px;padding:10px 13px;font-size:9px;line-height:1.5;display:flex}.studio-page-error span{color:#bc7772}.studio-canvas-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:24px;display:flex}.studio-placeholder-art{background:#fff;border:1px solid #e8def4;border-radius:9px;width:95px;height:112px;margin-bottom:15px;position:relative;transform:rotate(-4deg);box-shadow:0 9px 24px #6a509014}.studio-placeholder-art:before,.studio-placeholder-art:after{content:"";background:linear-gradient(145deg,#faf8fd,#f0eafa);border:1px solid #e6dcef;border-radius:4px;height:31px;position:absolute;left:11px;right:11px}.studio-placeholder-art:before{top:10px}.studio-placeholder-art:after{bottom:10px}.studio-placeholder-art i{z-index:2;background:#fff;border:1px solid #d9c9eb;border-radius:50%;width:33px;height:19px;position:absolute;top:17px;left:26px}.studio-placeholder-art b{z-index:3;background:#7650ed;border-radius:9px;width:27px;height:27px;position:absolute;bottom:26px;right:5px;transform:rotate(12deg)}.studio-placeholder-art span{z-index:4;background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:34px;right:13px}.studio-canvas-empty>p{font:700 16px Manrope,sans-serif}.studio-canvas-empty>small{color:#9a90a7;max-width:270px;margin-top:7px;font-size:10px;line-height:1.6}.studio-canvas-empty>button{color:#704ce1;border:1px solid #d9cef0;border-radius:7px;align-items:center;gap:7px;margin-top:15px;padding:9px 13px;font-size:10px;font-weight:600;display:flex}.studio-canvas-empty>button:hover{background:#f8f4ff}.studio-canvas.is-dragging{outline-offset:-8px;outline:2px dashed #9677e8}.studio-drop-overlay{z-index:2;color:#7652e8;pointer-events:none;background:#faf7ffe8;border:2px dashed #997ce8;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:9px}.studio-drop-overlay strong{font-size:12px}.studio-inspector{scrollbar-width:thin;scrollbar-color:#d7d0e1 transparent;flex-direction:column;gap:10px;min-height:0;display:flex;overflow:auto}.studio-editor{flex:none;padding:13px}.studio-inspector-heading{border-bottom:1px solid #f0edf4;align-items:center;gap:8px;padding-bottom:11px;display:flex}.studio-inspector-icon{color:#7150e8;background:#f3efff;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.studio-inspector-heading>div{flex:1;min-width:0}.studio-inspector-heading h2{font-size:12px}.studio-inspector-heading small{color:#a198ad;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;display:block;overflow:hidden}.studio-inspector-heading>.studio-icon-button{border:0;width:28px;height:28px}.studio-region-navigation{color:#9b91a7;justify-content:space-between;align-items:center;margin:10px 0 7px;font-size:9px;display:flex}.studio-region-navigation>span strong{color:#6a4bda}.studio-region-navigation button{color:#77688e;border:1px solid #eee9f4;border-radius:6px;place-items:center;width:25px;height:25px;display:grid}.studio-region-image{background-color:#f7f5f9;background-repeat:no-repeat;border:1px solid #ece6f2;border-radius:8px;height:98px;position:relative;overflow:hidden}.studio-region-image>span,.studio-region-image>i{color:#756886;text-transform:capitalize;background:#ffffffd9;border-radius:4px;padding:3px 5px;font-size:7px;font-style:normal;position:absolute;top:6px;left:6px}.studio-region-image>i{color:#9278b7;left:auto;right:6px}.studio-field-label{color:#564a69;justify-content:space-between;gap:5px;margin:10px 0 5px;font-size:9px;font-weight:650;display:flex}.studio-field-label>span{color:#aaa1b4;font-size:8px;font-weight:450}.studio-translation-input{resize:vertical;color:#352b4b;background:#fff;border:1px solid #d7c8fa;border-radius:8px;width:100%;min-height:83px;padding:9px 10px;font:500 12px/1.6 DM Sans,sans-serif}.studio-translation-input:focus{outline-offset:1px;outline:2px solid #c3b0fa}.studio-preserved-note{color:#958b9e;background:#faf9fc;border:1px solid #eee9f4;border-radius:7px;padding:11px;font-size:9px}.studio-suggestion{background:linear-gradient(110deg,#faf7ff,#f4efff);border:1px solid #f0e9fc;border-radius:8px;margin-top:8px;padding:9px 10px;position:relative}.studio-suggestion>span{color:#7652df;align-items:center;gap:5px;display:flex}.studio-suggestion>span i{font-style:normal}.studio-suggestion strong{font-size:8px}.studio-suggestion p{color:#786b88;margin-top:4px;padding-right:5px;font-size:8px;line-height:1.5}.studio-suggestion>button{color:#7250e7;align-items:center;gap:4px;margin:5px 0 0 auto;font-size:8px;font-weight:600;display:flex}.studio-save-hint{color:#b55f58;margin-top:7px;font-size:8px}.studio-save-hint.success{color:#4b997b}.studio-save-button{color:#fff;background:#7650ed;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:34px;margin-top:8px;font-size:9px;font-weight:650;display:flex}.studio-save-button:hover:not(:disabled){background:#633fe0}.studio-editor-empty{color:#a590c6;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:158px;padding:15px;display:flex}.studio-editor-empty strong{color:#706483;font-size:10px}.studio-editor-empty span{color:#a39aaa;max-width:220px;font-size:8px;line-height:1.6}.studio-glossary{flex:1;min-height:110px;padding:12px 13px;overflow:auto}.studio-glossary>header{justify-content:space-between;align-items:center;gap:7px;display:flex}.studio-glossary>header>div{flex-direction:column;gap:4px;display:flex}.studio-glossary h2{font-size:11px}.studio-glossary header span{color:#a49bac;font-size:8px}.studio-glossary-add{color:#7652e9;white-space:nowrap;align-items:center;gap:4px;font-size:8px;font-weight:650;display:flex}.studio-glossary-form{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 27px;align-items:center;gap:4px;margin:9px 0 7px;display:grid}.studio-glossary-form input{color:#594b6d;background:#fff;border:1px solid #ece6f2;border-radius:5px;width:100%;min-width:0;height:28px;padding:0 6px;font-size:8px}.studio-glossary-form>span{text-align:center;color:#b1a4bc;font-size:9px}.studio-glossary-form>button{color:#fff;background:#7650ed;border-radius:5px;place-items:center;width:27px;height:27px;display:grid}.studio-glossary-signin,.studio-glossary-loading,.studio-glossary-message{color:#a69cac;margin:8px 0;font-size:8px;line-height:1.5}.studio-glossary-message{color:#b06059}.studio-glossary-list{flex-direction:column;gap:4px;margin-top:7px;display:flex}.studio-glossary-row{color:#70627e;background:#fcfbfd;border:1px solid #efebf3;border-radius:6px;grid-template-columns:minmax(0,1fr) 13px minmax(0,1fr) 23px;align-items:center;gap:5px;min-height:27px;padding:3px 5px;font-size:8px;display:grid}.studio-glossary-row span,.studio-glossary-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-glossary-row i{color:#b7a9c5;text-align:center;font-style:normal}.studio-glossary-row strong{color:#6f55a2;font-weight:600}.studio-glossary-row button{color:#ad9eb9;border-radius:4px;place-items:center;width:22px;height:22px;display:grid}.studio-glossary-row button:hover:not(:disabled){color:#7650ed;background:#f3eef9}.studio-dock{z-index:18;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border:1px solid #eeeaf4;border-radius:14px;justify-content:space-between;align-items:center;gap:15px;min-height:77px;margin:-88px 12px 10px;padding:10px 16px;display:flex;position:sticky;bottom:0;box-shadow:0 5px 24px #34244d0c}.studio-progress{flex:1;grid-template-columns:minmax(90px,1fr) minmax(100px,220px) auto auto;align-items:center;gap:10px;min-width:250px;max-width:460px;display:grid}.studio-progress>span{color:#665d78;white-space:nowrap;font-size:9px;font-weight:650}.studio-progress>strong{color:#65578f;white-space:nowrap;font-size:10px}.studio-progress>b{color:#7451ed;font-size:9px}.studio-dock-actions{align-items:center;gap:9px;display:flex}.studio-translate-group{border-right:1px solid #ece8f1;align-items:center;gap:8px;padding-right:11px;display:flex;position:relative}.studio-translate{color:#fff;white-space:nowrap;background:#7450ed;border:1px solid #7048e8;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 15px;font-size:10px;font-weight:650;display:flex}.studio-translate:hover:not(:disabled){background:#623cdd}.studio-spark{font-size:17px}.studio-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.8s linear infinite spin}.studio-estimate{color:#6545d5;white-space:nowrap;background:#faf7ff;border:1px solid #e8defb;border-radius:8px;flex-direction:column;justify-content:center;gap:2px;min-width:106px;padding:5px 9px;display:flex}.studio-estimate>strong{font-size:11px;font-weight:750;line-height:1.15}.studio-estimate>small{color:#766b8b;font-size:8px;line-height:1.15}.studio-estimate-info{color:#9f95ab;border:1px solid #e3dce9;border-radius:50%;place-items:center;width:17px;height:17px;font:600 10px Georgia;display:grid}.studio-retry{color:#796b8e;white-space:nowrap;border:1px solid #e9e3f0;border-radius:7px;align-items:center;gap:5px;min-height:36px;padding:0 8px;font-size:8px;display:flex}.studio-retry>span{font-size:15px}.studio-export-select{color:#766b87;white-space:nowrap;border:1px solid #e9e4ef;border-radius:7px;align-items:center;gap:7px;min-height:35px;padding:0 9px;font-size:8px;display:flex;position:relative}.studio-export-select>select{appearance:none;color:#554963;background:0 0;border:0;outline:0;max-width:120px;padding-right:15px;font-size:8px}.studio-export-select>svg{pointer-events:none;position:absolute;right:7px}.studio-export{color:#fff;white-space:nowrap;background:#7350ed;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:39px;padding:0 11px;font-size:9px;font-weight:650;display:flex}.studio-export>svg:last-child{box-sizing:content-box;border-left:1px solid #ffffff4a;margin-left:6px;padding-left:6px}.studio-export:hover:not(:disabled){background:#603bdb}.studio-export.disabled{opacity:.45;cursor:not-allowed}.studio-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#21193699;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.studio-settings-dialog{background:#fff;border:1px solid #ece5f5;border-radius:15px;width:min(100%,560px);max-height:min(90vh,800px);padding:20px;overflow:auto;box-shadow:0 25px 80px #1b10374d}.studio-dialog-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.studio-dialog-heading>div>span{letter-spacing:1.3px;color:#9e8bbd;text-transform:uppercase;font-size:8px}.studio-dialog-heading h2{margin-top:3px;font-size:18px}.studio-settings-dialog .settings-panel{box-shadow:none;border:0;padding:0}.studio-settings-dialog .settings-panel .panel-heading{display:none}.studio-settings-dialog .settings-note{margin-top:10px}.studio-dark{--studio-ink:#eeeaf6;--studio-muted:#b3aabe;--studio-line:#373047;--studio-soft:#302840;color:#eeeaf6;background:#171421}.studio-dark .studio-header,.studio-dark .studio-card,.studio-dark .studio-dock,.studio-dark .studio-settings-dialog{color:#eeeaf6;background:#211d2b;border-color:#393345}.studio-dark .studio-main{background:#171421}.studio-dark .studio-add-card,.studio-dark .studio-page-item.selected,.studio-dark .studio-image-pane,.studio-dark .studio-glossary-row{background:#292435;border-color:#41374e}.studio-dark .studio-image-comparison{background:#1d1926}.studio-dark .studio-image-pane-heading,.studio-dark .studio-image-scroll,.studio-dark .studio-url-form>div{background-color:#252130}.studio-dark .studio-page-copy>strong small,.studio-dark .studio-project strong,.studio-dark .studio-page-navigation strong,.studio-dark .studio-editor h2,.studio-dark .studio-glossary h2{color:#eeeaf6}.studio-dark .studio-image-empty{background:#252130}.studio-dark .studio-url-form input,.studio-dark .studio-glossary-form input,.studio-dark .studio-translation-input{color:#eeeaf6;background:#211d2b;border-color:#494054}@media (max-width:1150px){.studio-header{gap:14px;padding:0 15px}.studio-tagline{display:none}.studio-grid{grid-template-columns:minmax(220px,245px) minmax(360px,1fr) minmax(270px,300px);gap:9px}.studio-main{padding-left:12px;padding-right:12px}.studio-dock{gap:8px;padding:9px 11px}.studio-progress{gap:7px;min-width:215px}.studio-progress-track{max-width:150px}.studio-dock-actions{gap:6px}.studio-estimate{max-width:142px}}@media (max-width:900px){.studio-header{flex-wrap:wrap;gap:10px;height:auto;min-height:72px;padding:9px 13px}.studio-header-divider{display:none}.studio-project{flex-basis:100%;order:3;padding:0 2px}.studio-header-actions{gap:6px}.studio-saved{display:none}.studio-grid{grid-template-columns:minmax(205px,250px) minmax(0,1fr);min-height:0;max-height:none}.studio-pages{grid-row:1/span 2;min-height:620px}.studio-canvas{height:620px}.studio-inspector{grid-column:2;overflow:visible}.studio-glossary{flex:none}.studio-main{padding-bottom:115px}.studio-dock{flex-wrap:wrap;margin:0;position:fixed;bottom:8px;left:8px;right:8px}.studio-progress{min-width:0;max-width:none}.studio-progress-track{max-width:none}.studio-dock-actions{max-width:100%;overflow-x:auto}.studio-image-comparison{min-height:0}}@media (max-width:620px){.studio-header{min-height:65px;padding:8px 11px}.studio-brand strong{font-size:21px}.studio-brand small{font-size:8px}.studio-brand-mark{width:34px;height:34px}.studio-project{flex:1;order:4;min-width:0}.studio-project strong{font-size:12px}.studio-project small{font-size:8px}.studio-header-actions{margin-left:auto}.studio-header-actions>.studio-icon-button.studio-theme-trigger,.studio-header-actions>.studio-icon-button.studio-help-trigger,.studio-credit span,.studio-credit b{display:none}.studio-credit{padding:7px}.studio-library{font-size:0}.studio-library svg{display:none}.studio-avatar{width:29px;height:29px}.studio-language{min-height:28px}.studio-read{width:30px;height:30px;padding:0;font-size:0}.studio-read svg{width:16px}.studio-new-chapter{width:29px;height:29px}.studio-main{padding:9px 9px 176px}.studio-grid{flex-direction:column;gap:9px;display:flex}.studio-pages{min-height:unset;order:1;max-height:330px;padding:12px}.studio-section-heading{padding-bottom:9px}.studio-add-card{padding:6px}.studio-add-tabs button{font-size:8px}.studio-page-list{min-height:55px;max-height:145px}.studio-mascot-card{display:none}.studio-canvas{order:2;height:min(70vh,620px);min-height:420px}.studio-canvas-toolbar{height:46px;padding:0 7px}.studio-page-navigation{gap:3px}.studio-page-navigation strong{min-width:73px;font-size:9px}.studio-page-navigation button,.studio-zoom-tools button{width:28px;height:28px}.studio-zoom-tools{gap:3px}.studio-zoom-tools>span{min-width:28px;font-size:8px}.studio-zoom-tools .studio-fit{padding:0 6px}.studio-image-comparison{gap:5px;padding:5px}.studio-image-pane-heading{height:30px;padding:0 5px;font-size:8px}.studio-image-pane-heading>i{display:none}.studio-image-scroll{padding:4px}.studio-image-meta{padding:0 8px;font-size:7px}.studio-inspector{order:3;gap:9px}.studio-editor{padding:12px}.studio-region-image{height:118px}.studio-glossary{min-height:110px}.studio-dock{border-radius:12px;padding:8px;display:block;bottom:6px;left:6px;right:6px}.studio-progress{grid-template-columns:auto minmax(50px,1fr) auto auto;gap:7px}.studio-progress>span{font-size:8px}.studio-progress-track{min-width:40px}.studio-progress>strong{font-size:8px}.studio-dock-actions{gap:5px;margin-top:8px;display:flex}.studio-translate-group{gap:5px;padding-right:5px}.studio-translate{min-height:34px;padding:0 8px;font-size:8px}.studio-spark{font-size:13px}.studio-estimate{min-width:82px;padding:4px 6px;display:flex}.studio-estimate-info{width:15px;height:15px;font-size:8px}.studio-retry,.studio-export-select{min-height:31px;padding:0 5px;font-size:7px}.studio-export-select>select{max-width:52px;font-size:7px}.studio-export{gap:3px;min-height:34px;padding:0 6px;font-size:7px}.studio-export>svg{width:13px}.studio-export>svg:last-child{margin-left:2px;padding-left:3px}.studio-modal-backdrop{padding:9px}.studio-settings-dialog{padding:16px}.studio-settings-dialog .settings-panel{padding:0}.studio-settings-dialog .toggle-copy strong{font-size:10px}.studio-settings-dialog .toggle-copy small{font-size:8px}}@font-face{font-family:PhapfanMitr;src:url(/fonts/Mitr-Regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}.studio-region-navigation{margin:9px 0 8px}.studio-region-navigation>span{color:#756b82;font-size:11px;font-weight:550}.studio-region-navigation>span strong{font-weight:650}.studio-region-navigation button{width:32px;height:32px}.studio-region-image{background-position:50%;border:0;border-radius:7px;height:210px}.studio-region-live-text{z-index:1;box-sizing:border-box;color:#17151d;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-text-stroke:.35px #fff;paint-order:stroke fill;justify-content:center;align-items:center;padding:16px;font-family:PhapfanMitr,Noto Sans Thai,Tahoma,sans-serif;font-weight:400;line-height:1.15;display:flex;position:absolute;overflow:hidden}.studio-region-live-text.exact-lines{white-space:normal;overflow-wrap:normal;flex-direction:column}.studio-region-live-line{white-space:nowrap;max-width:100%;display:block}.studio-region-fallback-mask{z-index:0;pointer-events:none;background:#fff;position:absolute}.studio-preview-fallback{color:#9b7b50;margin-top:5px;font-size:8px;line-height:1.4}.studio-region-image>span{z-index:2;opacity:.9;top:6px;left:6px}.studio-region-image>.studio-balloon-badge{z-index:4;color:#756886;background:#ffffffd9;border:0;border-radius:4px;align-items:center;gap:3px;padding:3px 5px;font-size:8px;font-weight:500;display:flex}.studio-region-image>.studio-balloon-badge button{color:#7650ed;cursor:pointer;background:0 0;border-radius:3px;place-items:center;width:15px;height:15px;padding:0;display:grid}.studio-region-image>.studio-balloon-badge button:hover:not(:disabled){background:#efe9ff}.studio-region-image>.studio-balloon-badge button:disabled{opacity:.45;cursor:not-allowed}.studio-region-image>.studio-balloon-badge.dismissed{color:#b25858}.studio-region-image>b{z-index:2;color:#9278b7;background:#ffffffd9;border-radius:4px;padding:3px 5px;font-size:8px;font-weight:500;position:absolute;top:6px;right:6px}.studio-region-selection{z-index:2;pointer-events:none;border:2px solid #8054f6;position:absolute;inset:13% 23%;overflow:visible;box-shadow:0 0 0 1px #fff,0 0 5px #7045e633}.studio-region-selection i{background:#fff;border:1px solid #8155f6;border-radius:1px;width:9px;height:9px;position:absolute}.studio-region-selection i:first-child{top:-5px;left:-5px}.studio-region-selection i:nth-child(2){top:-5px;right:-5px}.studio-region-selection i:nth-child(3){bottom:-5px;left:-5px}.studio-region-selection i:nth-child(4){bottom:-5px;right:-5px}.studio-field-label{margin:12px 0 6px;font-size:10px}.studio-translation-wrap{position:relative}.studio-translation-input{min-height:96px;padding:10px 34px 24px 11px;font-size:12px;line-height:1.55}.studio-copy-button{color:#8573a2;background:#ffffffd9;border-radius:5px;place-items:center;width:27px;height:27px;display:grid;position:absolute;bottom:18px;right:7px}.studio-copy-button:hover:not(:disabled){color:#7048e8;background:#f3efff}.studio-char-count{color:#9688ab;pointer-events:none;font-size:8px;position:absolute;bottom:4px;right:9px}.studio-suggestion{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;padding:9px 10px;display:grid}.studio-suggestion>span{grid-column:1/-1}.studio-suggestion p{margin-top:5px;font-size:9px}.studio-suggestion>button{background:#fff;border:1px solid #e2d7fb;border-radius:6px;grid-area:2/2;justify-content:center;min-width:43px;margin:0;padding:6px 8px;font-size:9px}.studio-region-actions{grid-template-columns:1.4fr 1fr;gap:7px;margin-top:8px;display:grid}.studio-region-actions button{color:#55476c;white-space:nowrap;border:1px solid #ebe6f1;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 7px;font-size:9px;font-weight:550;display:flex}.studio-region-actions button:last-child{color:#d45661}.studio-region-actions button:disabled{opacity:.55}.studio-glossary-row{grid-template-columns:minmax(0,1fr) 13px minmax(0,1fr) 23px;min-height:30px;font-size:9px}.studio-glossary-row button{width:22px;height:22px}.studio-dark .studio-copy-button,.studio-dark .studio-suggestion>button{color:#bba8ed;background:#292435;border-color:#494054}@media (max-width:620px){.studio-region-image{height:180px}.studio-region-selection{inset:13% 23%}.studio-region-actions button{min-height:36px;font-size:9px}}.studio-region-image.can-adjust{touch-action:none}.studio-region-image.can-adjust .studio-region-selection{pointer-events:auto;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.studio-region-selection{box-sizing:border-box}.studio-region-handle{touch-action:none;z-index:3;background:#fff;border:2px solid #8054f6;border-radius:2px;width:16px;height:16px;padding:0;position:absolute;box-shadow:0 0 0 1px #ffffffd9,0 1px 3px #39236330}.studio-region-handle.nw{cursor:nwse-resize;top:-8px;left:-8px}.studio-region-handle.ne{cursor:nesw-resize;top:-8px;right:-8px}.studio-region-handle.sw{cursor:nesw-resize;bottom:-8px;left:-8px}.studio-region-handle.se{cursor:nwse-resize;bottom:-8px;right:-8px}.studio-region-handle:focus-visible{outline-offset:2px;outline:2px solid #4d32b2}.studio-font-size{color:#756b82;flex-direction:column;gap:5px;margin-top:9px;font-size:9px;font-weight:550;display:flex}.studio-font-size>span{justify-content:space-between;align-items:center;display:flex}.studio-font-size strong{color:#7250ed;font-variant-numeric:tabular-nums}.studio-font-size input{accent-color:#7650ed;cursor:pointer;width:100%;height:15px;margin:0}.studio-font-size input:disabled{cursor:not-allowed}.studio-shell{--studio-scrollbar-thumb:#bca6e4;--studio-scrollbar-hover:#9772cc;--studio-scrollbar-active:#7451ee}.studio-dark{--studio-scrollbar-thumb:#79648f;--studio-scrollbar-hover:#ad8bcf;--studio-scrollbar-active:#c5a6f3}@media (forced-colors:none){:where(.studio-shell,.studio-shell *){scrollbar-width:thin;scrollbar-color:var(--studio-scrollbar-thumb) transparent}@supports selector(::-webkit-scrollbar){:where(.studio-shell,.studio-shell *){scrollbar-width:auto;scrollbar-color:auto}:where(.studio-shell,.studio-shell *)::-webkit-scrollbar{width:10px;height:10px}:where(.studio-shell,.studio-shell *)::-webkit-scrollbar-track{background:0 0}:where(.studio-shell,.studio-shell *)::-webkit-scrollbar-thumb{background:var(--studio-scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px;min-height:32px}:where(.studio-shell,.studio-shell *)::-webkit-scrollbar-thumb:hover{background-color:var(--studio-scrollbar-hover)}:where(.studio-shell,.studio-shell *)::-webkit-scrollbar-thumb:active{background-color:var(--studio-scrollbar-active)}:where(.studio-shell,.studio-shell *)::-webkit-scrollbar-button{width:0;height:0;display:none}:where(.studio-shell,.studio-shell *)::-webkit-scrollbar-corner{background:0 0}}}.studio-shell{height:100dvh;min-height:0;overflow:hidden}@media (max-width:900px){.studio-shell{height:auto;min-height:100vh;overflow:hidden visible}}.studio-project-title{align-items:center;gap:9px;min-width:0;display:flex}.studio-project-title>strong{flex:0 auto}.studio-credit-mark{object-fit:contain;flex:none;width:22px;height:22px;display:block}.studio-new-page{color:#704ce1;white-space:nowrap;background:#fff;border:1px solid #e5dcf4;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:5px;min-height:30px;padding:0 8px;font-size:9px;font-weight:650;transition:background .15s,border-color .15s;display:flex}.studio-new-page:hover:not(:disabled){background:#f8f4ff;border-color:#d1c0f1}.studio-new-page:disabled{opacity:.45;cursor:not-allowed}.studio-library>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.studio-zoom-tools .studio-reader-trigger{color:#704ce1;white-space:nowrap;background:#faf8ff;border:1px solid #e3d9f5;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:auto;min-width:112px;height:34px;padding:0 11px;font-size:10px;font-weight:650;display:flex}.studio-zoom-tools .studio-reader-trigger:hover:not(:disabled){background:#f4efff;border-color:#cdbbf4}.studio-zoom-tools .studio-reader-trigger:disabled{opacity:.45;cursor:not-allowed}.reader-backdrop{background:#211832b8;padding:0}.reader-modal{width:100%;max-width:none;height:100%;box-shadow:none;background:#f6f4fa;border:0;border-radius:0}.reader-header{gap:18px;min-height:70px;padding:12px 24px}.reader-heading{flex:1;min-width:0}.reader-toolbar{align-items:center;gap:12px;display:flex}.reader-width-controls{align-items:center;gap:8px;display:flex}.reader-width-controls input{accent-color:#7950ed;cursor:pointer;width:100px;min-width:60px;height:24px;margin:0}.reader-width-controls input:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #9b7af1}.reader-width-controls button:disabled{opacity:.4;cursor:not-allowed}.reader-width-controls .reader-width-value{min-width:48px;height:36px;color:var(--button-ink);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:8px;padding:0 5px;font-size:12px;font-weight:600}.reader-width-value:hover{background:var(--button-hover)}.reader-width-controls button:focus-visible{outline-offset:2px;outline:2px solid #9b7af1}@media (max-width:1000px){.reader-header{grid-template-columns:minmax(0,1fr) 36px;gap:10px;display:grid}.reader-toolbar{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:10px}.reader-close{grid-area:1/2}}.reader-mode-switch{background:#f7f4fb;border:1px solid #ece6f4;border-radius:10px;align-items:center;gap:3px;padding:3px;display:flex}.reader-mode-switch button{color:#80748f;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:10px;font-weight:600;display:flex}.reader-mode-switch button.active{color:#704be4;background:#fff;border-color:#e9e0fb;box-shadow:0 1px 4px #38234a12}.reader-mode-switch button:focus-visible,.reader-page-controls button:focus-visible,.reader-close:focus-visible{outline-offset:2px;outline:2px solid #9b7af1}.reader-page-controls{align-items:center;gap:8px;display:flex}.reader-page-controls button{color:#76698b;background:#fff;border:1px solid #e9e4ef;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.reader-page-controls button:hover:not(:disabled){color:#704be4;border-color:#cfc0f0}.reader-page-controls button:disabled{opacity:.4;cursor:not-allowed}.reader-page-controls span{text-align:center;color:#655a76;white-space:nowrap;min-width:92px;font-size:10px;font-weight:600}.reader-close{background:#fff;border:1px solid #eeeaf2;width:36px;height:36px}.reader-pages-continuous{background:#f0edf5}.reader-pages-continuous .reader-page{width:min(100%,900px)}.reader-pages-single{overscroll-behavior:contain;background:#f0edf5;justify-content:flex-start;align-items:center;min-height:0;padding:0 18px;overflow:auto}.reader-pages-single:focus-visible{outline-offset:-2px;outline:2px solid #9b7af1}.reader-pages-single .reader-page-single{background:0 0;flex:none;width:min(100%,900px);max-width:none;height:auto;line-height:0}.reader-pages-single .reader-page-single img{width:100%;max-width:100%;height:auto;max-height:none;box-shadow:0 8px 32px #271a381c}@media (max-width:900px){.studio-zoom-tools .studio-reader-trigger{min-width:0;padding:0 8px}}@media (max-width:620px){.studio-zoom-tools .studio-reader-trigger{width:28px;min-width:28px;height:28px;padding:0}.studio-zoom-tools .studio-reader-trigger span{display:none}.reader-header{grid-template-columns:minmax(0,1fr) 36px;gap:11px;padding:10px 12px;display:grid}.reader-toolbar{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:8px}.reader-mode-switch button{min-height:32px;padding:0 9px;font-size:9px}.reader-page-controls{gap:5px}.reader-page-controls button{width:30px;height:30px}.reader-page-controls span{min-width:78px;font-size:9px}.reader-pages-single{padding:0 10px}.reader-title strong{font-size:12px}.reader-title small{font-size:8px}}.studio-dark .studio-brand strong,.studio-dark .studio-library,.studio-dark .studio-project-title>strong{color:#f0ebf8}.studio-dark .studio-brand small,.studio-dark .studio-project small,.studio-dark .studio-section-heading>div>span,.studio-dark .studio-page-list-heading,.studio-dark .studio-status-text,.studio-dark .studio-image-meta,.studio-dark .studio-inspector-heading small,.studio-dark .studio-region-navigation,.studio-dark .studio-field-label,.studio-dark .studio-glossary header span,.studio-dark .studio-glossary-signin,.studio-dark .studio-glossary-loading,.studio-dark .studio-glossary-message,.studio-dark .studio-progress>span,.studio-dark .studio-progress>strong{color:#c1b7d0}.studio-dark .studio-header-divider{background:#41394d}.studio-dark .studio-saved{color:#c5bbd3;background:#2a2536;border-color:#42394f}.studio-dark .studio-icon-button,.studio-dark .studio-page-navigation button,.studio-dark .studio-zoom-tools button:not(.studio-reader-trigger),.studio-dark .studio-region-navigation button,.studio-dark .studio-region-actions button{color:#d0c6df;background:#2b2636;border-color:#4b4259}.studio-dark .studio-icon-button:hover:not(:disabled),.studio-dark .studio-page-navigation button:hover:not(:disabled),.studio-dark .studio-zoom-tools button:hover:not(:disabled),.studio-dark .studio-region-navigation button:hover:not(:disabled),.studio-dark .studio-region-actions button:hover:not(:disabled){color:#e2d4ff;background:#362d47;border-color:#755ca0}.studio-dark .studio-credit{color:#e0d2ff;background:#2b2438;border-color:#514366}.studio-dark .studio-credit strong,.studio-dark .studio-credit span{color:#e0d2ff}.studio-dark .studio-avatar{color:#eee4ff;background:#403453}.studio-dark .studio-language,.studio-dark .studio-new-page{color:#dac9ff;background:#30273f;border-color:#594775}.studio-dark .studio-language:hover:not(:disabled),.studio-dark .studio-new-page:hover:not(:disabled){background:#3a2e4e;border-color:#765ba3}.studio-dark .studio-add-tabs{background:#211d2b}.studio-dark .studio-add-tabs button{color:#c0b5cf}.studio-dark .studio-add-tabs button.active{color:#e0d1ff;box-shadow:none;background:#383047;border:1px solid #55446f}.studio-dark .studio-upload-button{background:linear-gradient(105deg,#30273e,#292334);border-color:#594775}.studio-dark .studio-upload-button strong{color:#e0d1ff}.studio-dark .studio-upload-button small,.studio-dark .studio-url-form>label,.studio-dark .studio-url-form>small{color:#c0b5cf}.studio-dark .studio-url-form>div,.studio-dark .studio-url-form input,.studio-dark .studio-glossary-form input{color:#eeeaf6;background:#211d2b;border-color:#4b4259}.studio-dark .studio-url-form button{color:#d2c1ff;border-left-color:#4b4259}.studio-dark .studio-page-item{background:#272332;border-color:#393344}.studio-dark .studio-page-item.selected{background:#30283d;border-color:#68538a}.studio-dark .studio-page-copy>strong{color:#c9b5f5}.studio-dark .studio-page-copy>strong small{color:#eeeaf6}.studio-dark .studio-status-text.failed{color:#ffaaa5}.studio-dark .studio-page-thumb{background:#211d2b;border-color:#4b4259}.studio-dark .studio-page-thumb>i{color:#73d3a9;background:#292435}.studio-dark .studio-page-tools button{color:#c2b5d3}.studio-dark .studio-page-tools button:hover:not(:disabled){color:#d9c7ff;background:#393047}.studio-dark .studio-pages-empty strong,.studio-dark .studio-image-empty strong,.studio-dark .studio-editor-empty strong{color:#e4dbee}.studio-dark .studio-pages-empty span,.studio-dark .studio-image-empty span,.studio-dark .studio-editor-empty span,.studio-dark .studio-canvas-empty>small{color:#c2b7d0}.studio-dark .studio-mascot-card{background:linear-gradient(110deg,#292435,#30273e);border-color:#463b59}.studio-dark .studio-mascot-card strong{color:#e1d5f5}.studio-dark .studio-mascot-card span,.studio-dark .studio-mascot-card small{color:#c0b5cf}.studio-dark .studio-mini-progress,.studio-dark .studio-progress-track{background:#40384c}.studio-dark .studio-canvas-toolbar,.studio-dark .studio-inspector-heading{border-color:#40384c}.studio-dark .studio-page-navigation strong,.studio-dark .studio-zoom-tools>span{color:#d2c8df}.studio-dark .studio-zoom-tools .studio-fit{color:#d0c6df;background:#2b2636;border-color:#4b4259}.studio-dark .studio-zoom-tools .studio-reader-trigger{color:#dfd0ff;background:#352a48;border-color:#645080}.studio-dark .studio-zoom-tools .studio-reader-trigger:hover:not(:disabled){background:#403153;border-color:#8064aa}.studio-dark .studio-image-pane-heading{color:#d3c8df;background:#302a3b}.studio-dark .studio-image-pane:nth-child(2) .studio-image-pane-heading{color:#deceff;background:#352b49}.studio-dark .studio-image-empty{color:#c4b4dc}.studio-dark .studio-inspector-icon{color:#deceff;background:#352b49}.studio-dark .studio-region-navigation>span,.studio-dark .studio-region-navigation>span strong{color:#d3c8df}.studio-dark .studio-region-image{background-color:#252130;border-color:#4b4259}.studio-dark .studio-region-image>span,.studio-dark .studio-region-image>i,.studio-dark .studio-region-image>.studio-balloon-badge,.studio-dark .studio-region-image>b{color:#e0d4ef;background:#2b2636e8;border:1px solid #635578}.studio-dark .studio-region-image>.studio-balloon-badge button{color:#d4c0ff}.studio-dark .studio-region-image>.studio-balloon-badge button:hover:not(:disabled){background:#433655}.studio-dark .studio-field-label{color:#d3c8df}.studio-dark .studio-translation-input{color:#f2eef8;background:#211d2b;border-color:#665286}.studio-dark .studio-translation-input:focus{outline-color:#9c7de0}.studio-dark .studio-preserved-note,.studio-dark .studio-suggestion{color:#c8bdd5;background:#292435;border-color:#494054}.studio-dark .studio-suggestion p{color:#d0c6dc}.studio-dark .studio-suggestion>span,.studio-dark .studio-suggestion>button{color:#d3c0ff}.studio-dark .studio-suggestion>button{background:#332a43;border-color:#594775}.studio-dark .studio-save-hint{color:#ffaaa5}.studio-dark .studio-save-hint.success{color:#82d7b1}.studio-dark .studio-region-actions button:last-child{color:#ff9da4}.studio-dark .studio-glossary-add{color:#d0bcff}.studio-dark .studio-glossary-form>span{color:#c0b5cf}.studio-dark .studio-glossary-row{color:#d4c9e0;background:#292435;border-color:#494054}.studio-dark .studio-glossary-row i{color:#b9a9ca}.studio-dark .studio-glossary-row strong{color:#d4c2ff}.studio-dark .studio-glossary-row button{color:#c1b4d0}.studio-dark .studio-glossary-row button:hover:not(:disabled){color:#e0d1ff;background:#3a3048}.studio-dark .studio-translate-group{border-color:#4b4259}.studio-dark .studio-estimate{background:#30273e;border-color:#5c4977}.studio-dark .studio-estimate>strong{color:#dfceff}.studio-dark .studio-estimate>small{color:#c8bdd7}.studio-dark .studio-estimate-info{color:#d5cae2;background:#2b2636;border-color:#5b4d6e}.studio-dark .studio-retry,.studio-dark .studio-export-select{color:#d0c6df;background:#2b2636;border-color:#4b4259}.studio-dark .studio-export-select>select{color:#eeeaf6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#2b2636}.studio-dark .studio-drop-overlay{color:#d9c8ff;background:#241d31ed;border-color:#a58af0}.studio-dark :focus-visible{outline-color:#bba3ff}.studio-dark .studio-section-heading>div>span i{color:#c1b7d0}.studio-dark .studio-glossary-form input::placeholder,.studio-dark .studio-url-form input::placeholder{color:#a99db8;opacity:1}.studio-dark .studio-zoom-tools .studio-reader-trigger:disabled{color:#b4a9c2;opacity:1;background:#292533;border-color:#484052}.studio-dark .reader-modal{color:#eeeaf6;background:#211d2b;border-color:#393345}.studio-dark .reader-header{background:#211d2b;border-bottom:1px solid #40384c}.studio-dark .reader-title strong{color:#eeeaf6}.studio-dark .reader-title small,.studio-dark .reader-subtitle{color:#c1b7d0}.studio-dark .reader-mode-switch{background:#292435;border-color:#494054}.studio-dark .reader-mode-switch button{color:#c1b7d0}.studio-dark .reader-mode-switch button.active{color:#e0d1ff;box-shadow:none;background:#3a3048;border-color:#645080}.studio-dark .reader-page-controls button,.studio-dark .reader-close{color:#d0c6df;background:#2b2636;border-color:#4b4259}.studio-dark .reader-page-controls button:hover:not(:disabled),.studio-dark .reader-close:hover{color:#e2d4ff;background:#362d47;border-color:#755ca0}.studio-dark .reader-page-controls span{color:#d2c8df}.studio-dark .reader-pages-continuous,.studio-dark .reader-pages-single{background:#171421}.studio-dark .studio-tagline img{filter:brightness(0)invert()}.studio-help-anchor{flex:none;align-items:center;display:flex;position:relative}.studio-editor-help{z-index:35;color:#655873;background:#fff;border:1px solid #e8dff6;border-radius:9px;width:min(270px,100vw - 32px);padding:11px 12px;font-size:10px;line-height:1.6;display:none;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 8px 24px #25193824}.studio-editor-help:before{content:"";background:#fff;border-top:1px solid #e8dff6;border-left:1px solid #e8dff6;width:10px;height:10px;position:absolute;top:-6px;right:12px;transform:rotate(45deg)}.studio-help-anchor.is-open .studio-editor-help{display:block}.studio-dark .studio-editor-help{color:#e0d7eb;background:#2d2739;border-color:#594c6a;box-shadow:0 8px 24px #0006}.studio-dark .studio-editor-help:before{background:#2d2739;border-color:#594c6a}.studio-estimate-help{flex:none;place-items:center;display:grid;position:relative}.studio-estimate-tooltip{z-index:36;color:#655873;white-space:normal;background:#fff;border:1px solid #e8dff6;border-radius:9px;width:min(270px,100vw - 32px);padding:11px 12px;font-size:10px;line-height:1.6;display:none;position:absolute;bottom:calc(100% + 10px);right:-8px;box-shadow:0 8px 24px #25193824}.studio-estimate-tooltip:after{content:"";background:#fff;border-bottom:1px solid #e8dff6;border-right:1px solid #e8dff6;width:10px;height:10px;position:absolute;bottom:-6px;right:12px;transform:rotate(45deg)}.studio-estimate-help.is-open .studio-estimate-tooltip{display:block}.studio-dark .studio-estimate-tooltip{color:#e0d7eb;background:#2d2739;border-color:#594c6a;box-shadow:0 8px 24px #0006}.studio-dark .studio-estimate-tooltip:after{background:#2d2739;border-color:#594c6a}.studio-export-select{z-index:1;gap:8px}.studio-export-trigger{color:#554963;text-align:left;white-space:nowrap;background:0 0;border:0;justify-content:space-between;align-items:center;gap:7px;width:126px;min-width:0;padding:0;font-size:9px;display:flex}.studio-export-trigger>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.studio-export-trigger>svg{color:#8e829f;flex:none;transition:transform .16s}.studio-export-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.studio-export-trigger:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #9b7af1}.studio-export-menu{z-index:40;background:#fff;border:1px solid #e9e3f0;border-radius:10px;flex-direction:column;gap:3px;width:210px;padding:5px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 10px 28px #29194026}.studio-export-option{color:#655873;text-align:left;white-space:nowrap;background:0 0;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;min-height:34px;padding:0 10px;font-size:10px;display:flex}.studio-export-option:hover,.studio-export-option:focus-visible{color:#6f4ce3;background:#f5f1ff;outline:none}.studio-export-option[aria-selected=true]{color:#704ce1;background:#f3eeff;font-weight:650}.studio-export-option[aria-selected=true] svg{color:#7650ed}.studio-dark .studio-export-trigger{color:#eeeaf6}.studio-dark .studio-export-trigger>svg{color:#c3b8d1}.studio-dark .studio-export-menu{background:#211d2b;border-color:#4b4259;box-shadow:0 10px 28px #0007}.studio-dark .studio-export-option{color:#d2c8df}.studio-dark .studio-export-option:hover,.studio-dark .studio-export-option:focus-visible{color:#e2d4ff;background:#393047}.studio-dark .studio-export-option[aria-selected=true]{color:#e0d1ff;background:#352b49}.studio-dark .studio-export-option[aria-selected=true] svg{color:#d1bbff}@media (max-width:620px){.studio-export-select{gap:4px}.studio-export-trigger{width:68px;font-size:7px}.studio-export-trigger>svg{width:12px}.studio-export-menu{width:185px}.studio-export-option{min-height:32px;font-size:8px}}.studio-dock{--studio-action-height:40px}.studio-dock :is(.studio-translate,.studio-estimate,.studio-retry,.studio-export-select,.studio-export){box-sizing:border-box;height:var(--studio-action-height);min-height:var(--studio-action-height);border-radius:8px;flex-shrink:0}.studio-export-trigger{align-self:stretch}.studio-dock .studio-loading-dock .studio-skeleton-button{height:var(--studio-action-height)}@media (max-width:620px){.studio-dock{--studio-action-height:34px}}.studio-glossary-message.success{color:#269b70}.studio-dark .studio-glossary-message.success{color:#67cea2}.studio-glossary-message.pending{color:#806bb0}.studio-dark .studio-glossary-message.pending{color:#c1b7d0}.studio-region-controls{flex-direction:column;gap:7px;margin:9px 0 10px;display:flex}.studio-region-type,.studio-region-style-fields>label{color:#665775;flex-direction:column;gap:5px;font-size:10px;font-weight:550;display:flex}.studio-region-controls select,.studio-region-style-fields select,.studio-region-style-fields input{color:#514064;width:100%;min-height:33px;font:inherit;background:#fff;border:1px solid #e3daef;border-radius:7px;padding:5px 8px}.studio-region-controls select:focus-visible,.studio-region-style-fields input:focus-visible,.studio-region-style-fields select:focus-visible,.studio-source-input:focus-visible{outline-offset:1px;outline:2px solid #b697f7}.studio-region-preserve{color:#665775;cursor:pointer;align-items:center;gap:7px;font-size:10px;display:flex}.studio-region-preserve input{accent-color:#7650ed;width:15px;height:15px;margin:0}.studio-region-confidence,.studio-region-evidence{color:#8b7b9e;margin:0;font-size:9px;line-height:1.55}.studio-region-review-note{color:#8a6c28;margin:5px 0;font-size:10px;line-height:1.6}.studio-source-input{resize:vertical;color:#514064;background:#faf8fd;border:1px solid #e3daef;border-radius:7px;width:100%;min-height:65px;padding:9px 10px;font:400 11px/1.6 DM Sans,Tahoma,sans-serif;display:block}.studio-region-appearance{background:#fcfaff;border:1px solid #ece6f2;border-radius:8px;margin-top:10px;padding:9px}.studio-region-appearance>summary{color:#6a5089;cursor:pointer;font-size:10px;font-weight:600}.studio-region-style-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px;display:grid}.studio-region-style-fields>label:first-child{grid-column:1/-1}.studio-region-style-fields input[type=color]{cursor:pointer;height:33px;padding:3px}.studio-region-appearance>p{color:#8b7b9e;margin-top:8px;font-size:9px;line-height:1.6}.studio-region-actions.region-ocr-actions{grid-template-columns:minmax(0,1fr)}.studio-region-actions.region-ocr-actions button:last-child{color:#705093}.studio-region-draft-note{color:#87724d;justify-content:space-between;align-items:center;gap:6px;margin:0 0 9px;font-size:9px;display:flex}.studio-region-draft-note button{color:#7956df;padding:3px;text-decoration:underline}.studio-dark .studio-region-controls>label,.studio-dark .studio-region-style-fields>label,.studio-dark .studio-region-appearance>summary{color:#d3c8df}.studio-dark .studio-region-controls select,.studio-dark .studio-region-style-fields select,.studio-dark .studio-region-style-fields input,.studio-dark .studio-source-input{color:#eeeaf6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#211d2b;border-color:#57466b}.studio-dark .studio-region-appearance{background:#292435;border-color:#494054}.studio-dark .studio-region-confidence,.studio-dark .studio-region-evidence,.studio-dark .studio-region-appearance>p{color:#c1b7d0}.studio-dark .studio-region-review-note,.studio-dark .studio-region-draft-note{color:#e3c58c}.studio-dark .studio-region-draft-note button,.studio-dark .studio-region-actions.region-ocr-actions button:last-child{color:#cdb4fa}.studio-region-color-control{align-items:center;gap:5px;min-width:0;display:flex}.studio-region-color-control input[type=color]{flex:none;width:30px;min-width:30px}.studio-region-color-control input[type=text]{min-width:0;padding:5px;font:10px/1.4 monospace}.studio-region-color-error{color:#b55f58;font-size:9px;line-height:1.5}.studio-dark .studio-region-color-error{color:#ffada6}.studio-settings-entry{text-align:left;background:#faf7ff;border:1px solid #e0d4f8;border-radius:10px;flex-shrink:0;align-items:flex-start;gap:9px;width:100%;margin:0 0 12px;padding:12px 10px;display:flex}.studio-settings-entry:hover{background:#f5efff;border-color:#bc9cf1}.studio-settings-entry-icon{color:#7950e7;background:#f0e9fc;border-radius:8px;flex:none;place-items:center;width:29px;height:29px;display:grid}.studio-settings-entry-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.studio-settings-entry-title{justify-content:space-between;align-items:center;gap:6px;display:flex}.studio-settings-entry-title strong{color:#6943d4;font-size:12px;font-weight:700}.studio-settings-entry-title>span{color:#7950e7;white-space:nowrap;align-items:center;gap:2px;font-size:9px;display:flex}.studio-settings-entry-languages{color:#746583;overflow-wrap:anywhere;font-size:11px;line-height:1.5}.studio-settings-entry-languages>span{color:#b6a2cb;margin:0 3px}.studio-settings-entry-copy>small{color:#91829f;font-size:9px;line-height:1.5}.studio-dark .studio-settings-entry{background:#2c243b;border-color:#514168}.studio-dark .studio-settings-entry:hover{background:#352a47;border-color:#9772cc}.studio-dark .studio-settings-entry-icon{color:#c7a5ff;background:#3c2e52}.studio-dark .studio-settings-entry-title strong,.studio-dark .studio-settings-entry-title>span{color:#cdb4fa}.studio-dark .studio-settings-entry-languages{color:#ddd0ec}.studio-dark .studio-settings-entry-copy>small{color:#b7a7c5}.language-flag{flex:0 0 26px;justify-content:center;align-items:center;width:26px;height:18px;display:inline-flex}.language-flag img{border-radius:2px;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 0 0 1px #24213916}.settings-panel .language-option{align-items:center;gap:11px;min-height:38px;display:flex}.studio-skeleton{background:#efeaf5;border-radius:6px;flex-shrink:0;width:100%;height:12px;display:block;position:relative;overflow:hidden}.studio-skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff85,#0000);animation:1.8s ease-in-out infinite studio-shimmer;position:absolute;inset:0;transform:translate(-100%)}.studio-skeleton-title{width:125px;max-width:100%;height:14px}.studio-skeleton-caption{width:80px;max-width:100%;height:8px;margin-top:6px}.studio-skeleton-line{height:12px}.studio-skeleton-button{border-radius:8px;width:76px;height:34px}.studio-skeleton-icon{border-radius:8px;width:29px;height:29px}.studio-loading-account{align-items:center;gap:10px;width:360px;max-width:36vw;display:flex}.studio-loading-credit{border-radius:15px;width:200px;max-width:56%;height:46px}.studio-loading-avatar{border-radius:50%;width:34px;height:34px}.studio-loading-account>.studio-skeleton-title{flex:1;min-width:0}.studio-loading-settings{border:1px solid #eee7fa;border-radius:12px;align-items:center;gap:10px;min-height:80px;margin-bottom:12px;padding:12px;display:flex}.studio-loading-settings>div{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.studio-loading-tabs{height:29px;margin-bottom:8px}.studio-loading-upload{border-radius:9px;height:56px}.studio-loading-page-list{flex-direction:column;flex:1;gap:9px;min-height:0;display:flex;overflow:hidden}.studio-loading-page{border:1px solid #eee7fa;border-radius:12px;align-items:center;gap:12px;min-height:93px;padding:10px;display:flex}.studio-loading-thumb{width:48px;height:66px}.studio-loading-page>div{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.studio-loading-progress{border-radius:10px;height:66px;margin-top:12px}.studio-loading-toolbar{gap:8px;display:flex}.studio-loading-art{background:#f7f4fa;flex:1;min-height:0;padding:9px}.studio-loading-art>.studio-skeleton{border-radius:4px;height:100%;min-height:160px}.studio-loading-preview{border-radius:7px;height:210px}.studio-loading-input{height:64px}.studio-loading-slider{height:8px;margin:14px 0}.studio-loading-textarea{height:94px}.studio-loading-save{border-radius:8px;height:34px;margin-top:12px}.studio-loading-terms{flex-direction:column;gap:12px;margin-top:14px;display:flex}.studio-loading-terms>.studio-skeleton{height:30px}.studio-loading-dock{justify-content:space-between;align-items:center;gap:24px;width:100%;display:flex}.studio-loading-dock>div{align-items:center;gap:12px;min-width:0;display:flex}.studio-loading-dock>div:first-child{flex:1}.studio-loading-track{max-width:240px;height:5px}.studio-content-ready,.studio-image-ready{animation:.18s ease-out both studio-reveal}.studio-image-scroll{position:relative}.studio-sample-artwork{flex:none;position:relative}.studio-sample-dialogue{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.studio-sample-artwork.is-loading .studio-sample-dialogue{visibility:hidden}.studio-page-loading{z-index:1;pointer-events:none;position:absolute;inset:9px}.studio-page-loading>.studio-skeleton{height:100%}.studio-page-image.is-loading{opacity:0}.studio-image-load-error{text-align:center;height:100%;min-height:160px;color:var(--studio-muted);justify-content:center;align-items:center;padding:24px;font-size:11px;display:flex}.studio-dark .studio-skeleton{background:#352d43}.studio-dark .studio-skeleton:after{background:linear-gradient(90deg,#0000,#ffffff0d,#0000)}.studio-dark .studio-loading-art{background:#252130}.studio-dark .studio-loading-settings,.studio-dark .studio-loading-page{border-color:#494054}@keyframes studio-shimmer{to{transform:translate(100%)}}@keyframes studio-reveal{0%{opacity:0}to{opacity:1}}@media (max-width:1150px){.studio-loading-account{width:280px}.studio-loading-toolbar .studio-skeleton-button{width:46px}}@media (max-width:620px){.studio-loading-account{gap:7px;width:90px;max-width:none}.studio-loading-account>.studio-skeleton-title{display:none}.studio-loading-credit{width:46px;max-width:none;height:35px}.studio-loading-avatar{width:29px;height:29px}.studio-loading-page-list .studio-loading-page:nth-child(n+2),.studio-loading-progress{display:none}.studio-loading-settings{min-height:72px;margin-bottom:9px}.studio-loading-preview{height:180px}.studio-loading-dock{flex-direction:column;align-items:stretch;gap:12px}.studio-loading-dock>div:first-child .studio-loading-track{max-width:none}.studio-loading-dock>div:last-child{justify-content:space-between}.studio-loading-dock .studio-skeleton-button{width:70px}.studio-loading-art{padding:4px}.studio-page-loading{inset:4px}.studio-loading-toolbar .studio-skeleton-button{width:30px}}@media (prefers-reduced-motion:reduce){.studio-skeleton:after{animation:none;display:none}.studio-content-ready,.studio-image-ready{animation:none}}@media (max-width:620px){.studio-header{min-height:106px}.studio-project{flex:0 0 100%;min-height:28px}.studio-project>.studio-skeleton-caption{height:10px;margin-top:0}.studio-loading-account{width:111px}.studio-loading-credit{width:75px;height:46px}.studio-pages{max-height:440px}.studio-settings-entry{margin-bottom:9px;padding:10px}.studio-settings-entry-title strong{font-size:13px}.studio-settings-entry-title>span{font-size:10px}.studio-section-heading,.studio-add-card,.studio-page-list-heading{flex-shrink:0}}:root{--button-primary:#6840e5;--button-primary-hover:#5933cb;--button-primary-pressed:#4e2bb7;--button-ink:#443a58;--button-surface:#fff;--button-border:#dfd9e9;--button-hover:#f4f0fc;--button-hover-border:#bba9e8;--button-soft:#f1ebff;--button-soft-ink:#623dd3;--button-disabled:#f0edf4;--button-disabled-ink:#91889e;--button-disabled-border:#e6e1ec;--button-danger:#b94561;--button-danger-surface:#fff0f3;--button-danger-border:#f0b9c7;--button-shadow:0 1px 2px #2216350a,0 2px 0 #22163508;--button-primary-shadow:inset 0 1px 0 #ffffff20,0 3px 0 #452392,0 5px 10px #6840e518;--button-focus:#9c80f3}.studio-dark{--button-primary:#946ef8;--button-primary-hover:#a382ff;--button-primary-pressed:#8258ee;--button-ink:#e6ddf3;--button-surface:#30283f;--button-border:#51445f;--button-hover:#3b2f50;--button-hover-border:#8f71ba;--button-soft:#3e2e58;--button-soft-ink:#d4bfff;--button-disabled:#2c2637;--button-disabled-ink:#a294b4;--button-disabled-border:#41364e;--button-danger:#ffafbf;--button-danger-surface:#482b3b;--button-danger-border:#925366;--button-shadow:0 1px 2px #0002,0 2px 0 #0002;--button-primary-shadow:inset 0 1px 0 #ffffff20,0 3px 0 #563799,0 5px 10px #0002;--button-focus:#c2a6ff}:where(.studio-shell,.auth-modal,.credit-modal,.admin-page,.help-modal,.settings-panel,.reader-modal) button:not(.studio-region-handle),:where(.studio-shell,.admin-page) a:is(.studio-export,.primary,.secondary-button,.admin-back){-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .12s}:where(.studio-shell,.auth-modal,.credit-modal,.admin-page,.help-modal,.settings-panel,.reader-modal) button:not(.studio-region-handle):focus-visible,:where(.studio-shell,.admin-page) a:is(.studio-export,.primary,.secondary-button,.admin-back):focus-visible{outline:3px solid var(--button-focus);outline-offset:3px}:where(.studio-shell,.auth-modal,.credit-modal,.admin-page,.help-modal,.settings-panel,.reader-modal) button:not(.studio-region-handle):active:not(:disabled),.studio-shell a.studio-export:active:not(.disabled){transform:translateY(1px)}:is(.studio-shell,.auth-modal,.credit-modal,.admin-page,.help-modal,.settings-panel) :is(.primary,.studio-translate,.studio-save-button,.studio-signin),.studio-shell :is(.studio-glossary-form>button,.studio-url-form button),.credit-modal .free-credit-card button{border:1px solid var(--button-primary-pressed);background:var(--button-primary);color:#fff;min-height:40px;box-shadow:var(--button-primary-shadow);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:12px;font-weight:700;line-height:1.4;display:flex}:is(.studio-shell,.auth-modal,.credit-modal,.admin-page,.help-modal,.settings-panel) :is(.primary,.studio-translate,.studio-save-button,.studio-signin):hover:not(:disabled),.studio-shell :is(.studio-glossary-form>button,.studio-url-form button):hover:not(:disabled),.credit-modal .free-credit-card button:hover:not(:disabled){background:var(--button-primary-hover);border-color:var(--button-primary-pressed)}:is(.studio-shell,.auth-modal,.credit-modal,.admin-page,.help-modal,.settings-panel) :is(.primary,.studio-translate,.studio-save-button,.studio-signin):active:not(:disabled),.studio-shell :is(.studio-glossary-form>button,.studio-url-form button):active:not(:disabled),.credit-modal .free-credit-card button:active:not(:disabled){background:var(--button-primary-pressed);box-shadow:inset 0 1px 3px #22163525}.studio-dark :is(.primary,.studio-translate,.studio-save-button,.studio-signin,.studio-glossary-form>button,.studio-url-form button,.free-credit-card button){color:#211338}.auth-modal :is(.auth-submit,.google-button),.credit-modal .credit-submit{border-radius:12px;min-height:46px;font-size:13px}.studio-shell .studio-glossary-form>button{border-radius:9px;width:30px;height:30px;min-height:30px;padding:0}.studio-shell .studio-glossary-form{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 30px}.studio-shell .studio-url-form button{border-radius:9px;min-height:32px;padding:0 10px;font-size:11px}.credit-modal .free-credit-card button{border-radius:10px;min-height:36px;padding:0 11px;font-size:11px}:is(.studio-shell,.auth-modal,.credit-modal,.admin-page,.help-modal,.settings-panel,.reader-modal) :is(.secondary-button,.google-button,.studio-new-page,.studio-language,.studio-retry,.studio-export,.studio-fit,.studio-reader-trigger,.admin-back){border:1px solid var(--button-border);background:var(--button-surface);min-height:36px;color:var(--button-ink);box-shadow:var(--button-shadow);border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:650;line-height:1.4;display:inline-flex}:is(.studio-shell,.auth-modal,.credit-modal,.admin-page,.help-modal,.settings-panel,.reader-modal) :is(.secondary-button,.google-button,.studio-new-page,.studio-language,.studio-retry,.studio-export,.studio-fit,.studio-reader-trigger,.admin-back):hover:not(:disabled):not(.disabled){border-color:var(--button-hover-border);background:var(--button-hover);color:var(--button-soft-ink)}.studio-shell .studio-zoom-tools :is(.studio-fit,.studio-reader-trigger){width:auto}.studio-shell .studio-zoom-tools .studio-reader-trigger{border-color:var(--button-hover-border);color:var(--button-soft-ink);background:var(--button-soft);padding:0 14px}.studio-shell .studio-language{min-width:36px;padding:0 8px;font-size:10px}.admin-page .admin-back{text-decoration:none}.studio-shell .studio-icon-button,.studio-shell :is(.studio-page-navigation,.studio-zoom-tools,.studio-region-navigation) button:not(.studio-fit):not(.studio-reader-trigger),.reader-modal :is(.reader-page-controls button,.reader-width-controls button:not(.reader-width-value),.reader-close),:is(.studio-shell,.auth-modal,.credit-modal,.admin-page,.help-modal) :is(.modal-close,.icon-button){border:1px solid var(--button-border);background:var(--button-surface);width:36px;height:36px;min-height:36px;color:var(--button-ink);box-shadow:var(--button-shadow);border-radius:11px;flex-shrink:0;place-items:center;padding:0;display:grid}.studio-shell .studio-icon-button:hover:not(:disabled),.studio-shell :is(.studio-page-navigation,.studio-zoom-tools,.studio-region-navigation) button:hover:not(:disabled),.reader-modal :is(.reader-page-controls button,.reader-width-controls button:not(.reader-width-value),.reader-close):hover:not(:disabled),:is(.studio-shell,.auth-modal,.credit-modal,.admin-page,.help-modal) :is(.modal-close,.icon-button):hover:not(:disabled){border-color:var(--button-hover-border);background:var(--button-hover);color:var(--button-soft-ink)}.studio-shell :is(.studio-copy-button,.studio-page-tools button,.studio-glossary-row button){border:1px solid var(--button-border);background:var(--button-surface);width:28px;height:28px;min-height:28px;color:var(--button-ink);box-shadow:none;border-radius:8px;place-items:center;padding:0;display:grid}.studio-shell :is(.studio-copy-button,.studio-page-tools button,.studio-glossary-row button):hover:not(:disabled){background:var(--button-hover);border-color:var(--button-hover-border);color:var(--button-soft-ink)}.studio-shell .studio-glossary-row{grid-template-columns:minmax(0,1fr) 13px minmax(0,1fr) 28px;min-height:36px}.studio-shell .studio-page-tools{gap:6px}.studio-shell :is(.studio-page-tools button:last-child,.studio-glossary-row button):hover:not(:disabled),.admin-page .admin-package-row .icon-button:hover:not(:disabled),.studio-shell .profile-logout:hover:not(:disabled){color:var(--button-danger);border-color:var(--button-danger-border);background:var(--button-danger-surface)}.studio-shell .studio-add-tabs,.reader-modal .reader-mode-switch{border:1px solid var(--button-border);background:var(--button-disabled);border-radius:12px;gap:4px;padding:4px}.studio-shell .studio-add-tabs button,.reader-modal .reader-mode-switch button{min-height:32px;color:var(--button-ink);box-shadow:none;background:0 0;border:1px solid #0000;border-radius:8px;padding:0 10px;font-size:10px;font-weight:600}.studio-shell .studio-add-tabs button:hover:not(:disabled),.reader-modal .reader-mode-switch button:hover:not(:disabled){background:var(--button-hover)}.studio-shell .studio-add-tabs button.active,.reader-modal .reader-mode-switch button.active{border-color:var(--button-border);background:var(--button-surface);color:var(--button-soft-ink);box-shadow:var(--button-shadow);font-weight:700}.studio-shell :is(.studio-export-option,.profile-topup,.profile-logout),.settings-panel .language-option{min-height:36px;color:var(--button-ink);box-shadow:none;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 10px;font-size:11px;line-height:1.45}.studio-shell :is(.studio-export-option,.profile-topup):hover:not(:disabled),.settings-panel .language-option:hover:not(:disabled),.settings-panel .language-option.highlighted{background:var(--button-hover);color:var(--button-soft-ink)}.studio-shell .studio-export-option[aria-selected=true],.settings-panel .language-option[aria-selected=true]{background:var(--button-soft);color:var(--button-soft-ink);font-weight:700}.settings-panel .language-trigger{border:1px solid var(--button-border);background:var(--button-surface);min-height:46px;color:var(--button-ink);box-shadow:var(--button-shadow);border-radius:12px}.settings-panel .language-trigger:hover:not(:disabled),.settings-panel .language-trigger.open{border-color:var(--button-hover-border);background:var(--button-hover)}.settings-panel .language-value{color:inherit}.settings-panel .language-menu{border-color:var(--button-border);background:var(--button-surface);border-radius:12px}.settings-panel .advanced summary{border:1px solid var(--button-border);background:var(--button-surface);min-height:36px;color:var(--button-ink);border-radius:10px;padding:8px}.settings-panel .advanced summary:hover{border-color:var(--button-hover-border);background:var(--button-hover)}.settings-panel .switch{background:var(--button-disabled-border)}.settings-panel .toggle-row input:checked+.switch{background:var(--button-primary)}.studio-dark .studio-settings-dialog .settings-panel{box-shadow:none;background:0 0;border-color:#0000}.studio-dark .settings-panel :is(.field-label,.section-label,.toggle-copy small,.settings-note,.advanced p,.unknown-toggle){color:#c1b7d0}.studio-dark .settings-panel .toggle-copy strong{color:var(--button-ink)}.studio-dark .settings-panel .option-icon{background:var(--button-soft);color:var(--button-soft-ink)}.studio-dark .settings-panel .advanced{border-color:var(--button-border)}.studio-shell :is(.studio-glossary-add,.studio-glossary-more,.studio-region-draft-note button),.auth-modal .auth-switch button{min-height:28px;color:var(--button-soft-ink);background:0 0;border:1px solid #0000;border-radius:8px;padding:4px 8px;font-size:10px;font-weight:650;text-decoration:none}.studio-shell :is(.studio-glossary-add,.studio-glossary-more,.studio-region-draft-note button):hover:not(:disabled),.auth-modal .auth-switch button:hover{background:var(--button-soft)}.studio-shell :is(.studio-upload-button,.studio-settings-entry),.credit-modal :is(.package-option,.slip-picker){border:1px solid var(--button-border);background:var(--button-surface);box-shadow:var(--button-shadow);border-radius:13px}.studio-shell :is(.studio-upload-button,.studio-settings-entry):hover:not(:disabled),.credit-modal :is(.package-option,.slip-picker):hover:not(:disabled){border-color:var(--button-hover-border);background:var(--button-hover)}.studio-shell .studio-upload-button{padding:12px}.studio-shell .studio-upload-button>span:first-child{background:var(--button-primary);border-radius:10px;width:34px;height:34px;box-shadow:inset 0 1px #ffffff30}.studio-shell .studio-upload-button strong{color:var(--button-soft-ink);font-size:12px}.studio-shell .studio-upload-button small{font-size:10px}.studio-shell .studio-settings-entry{border-color:var(--button-hover-border);background:var(--button-soft)}.credit-modal .package-option.selected,.credit-modal .slip-picker.selected{border-color:var(--button-primary);background:var(--button-soft);box-shadow:0 0 0 1px var(--button-primary)}.studio-shell .studio-page-open{border-radius:10px}.studio-shell .studio-page-open:hover:not(:disabled){background:var(--button-hover)}.studio-shell .studio-library{color:var(--button-ink);border:1px solid #0000;border-radius:12px;padding:6px 8px}.studio-shell .studio-library:hover{border-color:var(--button-border);background:var(--button-hover)}.studio-shell .studio-credit{border-color:var(--button-border);background:var(--button-surface);box-shadow:var(--button-shadow);border-radius:13px}.studio-shell .studio-credit:hover{border-color:var(--button-hover-border);background:var(--button-hover);box-shadow:var(--button-shadow);transform:none}.studio-shell .studio-credit b{background:var(--button-primary);color:#fff;box-shadow:0 2px 0 var(--button-primary-pressed);border-radius:9px}.studio-shell.studio-dark .studio-credit b{color:#211338}.studio-shell .studio-estimate-info{border:1px solid var(--button-border);width:28px;height:28px;min-height:28px;color:var(--button-ink);background:var(--button-surface);border-radius:8px}.studio-shell .studio-dock{--studio-action-height:44px}.studio-shell .studio-dock :is(.studio-translate,.studio-estimate,.studio-retry,.studio-export-select,.studio-export){height:var(--studio-action-height);min-height:var(--studio-action-height);border-radius:12px}.studio-shell .studio-export-select{border-color:var(--button-border);background:var(--button-surface);box-shadow:var(--button-shadow);padding:0 12px}.studio-shell .studio-export-trigger{color:var(--button-ink);font-size:10px}.studio-shell .studio-export-trigger:hover:not(:disabled){color:var(--button-soft-ink)}.studio-shell .studio-export{padding:0 14px}.studio-shell .studio-export>svg:last-child{border-color:var(--button-border)}.studio-shell .studio-estimate{border-color:var(--button-border);background:var(--button-soft)}.studio-shell .studio-estimate strong{color:var(--button-soft-ink)}.studio-shell .studio-loading-dock .studio-skeleton-button{border-radius:12px}:is(.studio-shell,.auth-modal,.credit-modal,.admin-page,.help-modal,.settings-panel,.reader-modal) button:not(.studio-region-handle):disabled,.studio-shell :is(.studio-page-navigation,.studio-zoom-tools,.studio-region-navigation) button:disabled:not(.studio-region-handle),.studio-shell a.studio-export.disabled{opacity:1;background:var(--button-disabled);border-color:var(--button-disabled-border);color:var(--button-disabled-ink);box-shadow:none;cursor:not-allowed;transform:none}:is(.studio-shell,.auth-modal,.credit-modal,.admin-page) button:disabled:has(.spin,.auth-spinner,.studio-spinner){color:var(--button-soft-ink);background:var(--button-soft);cursor:progress}.auth-modal .google-button{min-height:46px;font-size:13px}.auth-modal .auth-switch button{font-size:12px}.studio-shell .studio-error>button{border:1px solid var(--button-danger-border);background:var(--button-danger-surface);width:30px;height:30px;color:var(--button-danger);border-radius:9px;flex:none;place-items:center;padding:0;display:grid}.studio-shell .studio-upload-button:disabled :is(strong,small){color:var(--button-disabled-ink)}.studio-shell .studio-region-handle{border-color:var(--button-primary);border-radius:3px}@media (max-width:620px){.studio-shell .studio-dock{--studio-action-height:40px}.studio-shell .studio-dock-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.studio-shell .studio-translate-group{border-right:0;grid-column:1/-1;gap:8px;padding-right:0}.studio-shell .studio-estimate{flex:1}.studio-shell .studio-retry{grid-column:1/-1}.studio-shell .studio-export-select,.studio-shell .studio-export{width:100%;min-width:0}.studio-shell .studio-translate{gap:5px;padding:0 10px;font-size:10px}.studio-shell .studio-export{gap:4px;padding:0 8px;font-size:10px}.studio-shell .studio-export-select{gap:4px;padding:0 7px}.studio-shell .studio-export-trigger{flex:1;width:auto;min-width:0;font-size:10px}.studio-shell .studio-header-actions{gap:6px}.studio-shell .studio-signin{min-height:36px;padding:0 10px;font-size:11px}.studio-shell .studio-canvas-toolbar{flex-wrap:wrap;gap:8px;height:auto;min-height:92px;padding:8px}.studio-shell .studio-page-navigation{justify-content:space-between;width:100%}.studio-shell .studio-zoom-tools{justify-content:center;gap:8px;width:100%}.studio-shell :is(.studio-page-navigation,.studio-zoom-tools) button:not(.studio-reader-trigger){width:32px;height:36px;min-height:36px}.studio-shell .studio-zoom-tools .studio-fit{width:auto;padding:0 7px;font-size:10px}.studio-shell .studio-zoom-tools .studio-reader-trigger{min-height:36px;padding:0 9px;font-size:10px}.studio-shell .studio-new-page,.studio-shell .studio-add-tabs button{min-height:36px;font-size:11px}.studio-shell .studio-save-button{min-height:42px;font-size:12px}.studio-shell .studio-copy-button{width:32px;height:32px}.studio-shell .studio-glossary-form{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 36px}.studio-shell .studio-glossary-form>button{width:36px;height:36px;min-height:36px}.reader-modal .reader-mode-switch button{min-height:36px;font-size:10px}.reader-modal .reader-close{grid-area:1/2}}@media (prefers-reduced-motion:reduce){:where(.studio-shell,.auth-modal,.credit-modal,.admin-page,.help-modal,.settings-panel,.reader-modal) button,.studio-shell a.studio-export{transition:none}:where(.studio-shell,.auth-modal,.credit-modal,.admin-page,.help-modal,.settings-panel,.reader-modal) button:active,.studio-shell a.studio-export:active{transform:none}}@media (forced-colors:active){:where(.studio-shell,.auth-modal,.credit-modal,.admin-page,.help-modal,.settings-panel,.reader-modal) button:not(.studio-region-handle),.studio-shell a.studio-export{box-shadow:none;border:1px solid buttontext}}.notification-backdrop{--notice-surface:#fff;--notice-ink:#292139;--notice-muted:#70657f;--notice-border:#e5deee;--notice-primary:#6840e5;--notice-primary-hover:#5933cb;--notice-primary-ink:#fff;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#21152e66;place-items:center;padding:24px;animation:.15s ease-out both notification-backdrop-in;display:grid;position:fixed;inset:0}body:has(.studio-dark) .notification-backdrop{--notice-surface:#292235;--notice-ink:#eee6f8;--notice-muted:#c1b5d0;--notice-border:#51445f;--notice-primary:#946ef8;--notice-primary-hover:#a382ff;--notice-primary-ink:#211338}.notification-popup{border:1px solid var(--notice-border);background:var(--notice-surface);width:min(100%,400px);max-height:calc(100dvh - 48px);color:var(--notice-ink);text-align:center;border-radius:20px;padding:30px 28px 24px;animation:.2s cubic-bezier(.2,.8,.2,1) both notification-popup-in;position:relative;overflow:auto;box-shadow:0 24px 80px #160b3338}.notification-icon{color:#6840e5;background:#f0ebfc;border-radius:18px;place-items:center;width:58px;height:58px;margin:4px auto 18px;display:grid}.notification-success .notification-icon{color:#21845d;background:#eaf7f0}.notification-error .notification-icon{color:#bd4560;background:#fff0f1}body:has(.studio-dark) .notification-icon{color:#d4bfff;background:#3e2e58}body:has(.studio-dark) .notification-success .notification-icon{color:#85d9b3;background:#203e35}body:has(.studio-dark) .notification-error .notification-icon{color:#ffafbf;background:#482b3b}.notification-popup h2{padding:0 12px;font-size:20px;font-weight:750;line-height:1.5}.notification-popup p{color:var(--notice-muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 24px;font-size:14px;line-height:1.8}.notification-popup button{touch-action:manipulation;transition:background-color .15s,border-color .15s,transform .12s}.notification-popup button:focus-visible{outline-offset:3px;outline:3px solid #b89bf7}.notification-close{border:1px solid var(--notice-border);background:var(--notice-surface);width:34px;height:34px;color:var(--notice-muted);border-radius:10px;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:12px}.notification-close:hover{background:var(--button-soft);color:var(--notice-ink)}.notification-confirm{border:1px solid var(--notice-primary-hover);background:var(--notice-primary);width:100%;min-height:44px;color:var(--notice-primary-ink);box-shadow:0 3px 0 var(--notice-primary-hover);border-radius:12px;padding:10px 16px;font-size:14px;font-weight:700;display:block}.notification-confirm:hover{background:var(--notice-primary-hover)}.notification-confirm:active{box-shadow:none;transform:translateY(1px)}@keyframes notification-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes notification-popup-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:620px){.notification-backdrop{padding:18px}.notification-popup{max-height:calc(100dvh - 36px);padding:26px 22px 22px}}@media (prefers-reduced-motion:reduce){.notification-backdrop,.notification-popup{animation:none}.notification-popup button{transition:none}.notification-confirm:active{transform:none}}@media (forced-colors:active){.notification-popup,.notification-popup button{box-shadow:none;border:1px solid buttontext}.notification-icon{color:canvastext}}.issue-report-backdrop{z-index:90;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#22143299;place-items:center;padding:20px;animation:.15s ease-out both notification-backdrop-in;display:grid;position:fixed;inset:0}.issue-report-modal{overscroll-behavior:contain;color:#292139;scrollbar-width:thin;scrollbar-color:#d7cce7 transparent;background:#fff;border:1px solid #e5dcef;border-radius:24px;width:min(100%,520px);max-height:calc(100dvh - 40px);padding:30px;animation:.2s ease-out both notification-popup-in;position:relative;overflow:auto;box-shadow:0 24px 90px #170e2a45}.issue-report-close{color:#7b6c8c;background:#fff;border:1px solid #e5dcef;border-radius:11px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:16px;right:16px}.issue-report-icon{color:#7850e7;background:#f1ebff;border-radius:18px;place-items:center;width:56px;height:56px;margin-bottom:18px;display:grid}.issue-report-modal h2{padding-right:28px;font-size:24px;line-height:1.5}.issue-report-modal>p{color:#8b7f99;margin:8px 0 22px;font-size:13px;line-height:1.7}.issue-report-form{flex-direction:column;gap:8px;display:flex}.issue-report-form label{color:#685a78;margin-top:7px;font-size:12px;font-weight:650}.issue-report-form :is(input,select,textarea){color:#392c49;width:100%;font:inherit;background:#fcfbfe;border:1px solid #ded4ec;border-radius:10px;padding:11px 12px;font-size:13px}.issue-report-form select,.issue-report-form input{min-height:44px}.issue-category-select{min-width:0;position:relative}.issue-category-trigger{color:#392c49;text-align:left;background:#fcfbfe;border:1px solid #ded4ec;border-radius:11px;align-items:center;gap:10px;width:100%;min-height:46px;padding:11px 13px;font-size:13px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.issue-category-trigger>svg:first-child{color:#997db9}.issue-category-trigger>span{flex:1;min-width:0}.issue-category-trigger>svg:last-child{color:#93839e;transition:transform .15s}.issue-category-trigger:hover:not(:disabled){background:#faf7ff;border-color:#bea4e7}.issue-category-trigger.is-open{background:#faf7ff;border-color:#9c79e8;box-shadow:0 0 0 3px #ac8be71c}.issue-category-trigger.is-open>svg:last-child{transform:rotate(180deg)}.issue-category-trigger:focus-visible{outline-offset:2px;outline:2px solid #b99af4}.issue-category-menu{z-index:3;scrollbar-width:thin;scrollbar-color:#d7cce7 transparent;background:#fff;border:1px solid #e5d9f5;border-radius:14px;max-height:252px;padding:6px;animation:.13s ease-out both issue-category-in;position:absolute;inset:calc(100% + 7px) 0 auto;overflow-y:auto;box-shadow:0 12px 32px #3c215524}.issue-category-option{color:#655471;cursor:pointer;border-radius:9px;align-items:center;gap:10px;min-height:44px;padding:7px 10px;font-size:13px;transition:background .12s,color .12s;display:flex}.issue-category-option-icon{color:#9e84bc;background:#f7f3fc;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.issue-category-option>span:nth-child(2){flex:1;min-width:0}.issue-category-option.is-highlighted{color:#7144d6;background:#f5efff}.issue-category-option.is-selected{color:#7144d6;font-weight:650}.issue-category-option.is-selected .issue-category-option-icon{color:#8051df;background:#ece2ff}.issue-category-check{color:#8051df}body:has(.studio-dark) .issue-category-trigger{color:#eee6f8;background:#332a41;border-color:#51445f}body:has(.studio-dark) .issue-category-trigger.is-open{background:#392d4d;border-color:#a582e4}body:has(.studio-dark) .issue-category-menu{background:#30263e;border-color:#51445f;box-shadow:0 12px 32px #0005}body:has(.studio-dark) .issue-category-option{color:#d1c3df}body:has(.studio-dark) .issue-category-option.is-highlighted{color:#e1ccff;background:#48355f}body:has(.studio-dark) .issue-category-option.is-selected{color:#ceadff}body:has(.studio-dark) .issue-category-option-icon{color:#bb9bdc;background:#3c304c}body:has(.studio-dark) .issue-category-option.is-selected .issue-category-option-icon{color:#dbbdff;background:#52376e}@keyframes issue-category-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.issue-category-menu{animation:none}.issue-category-trigger,.issue-category-trigger>svg:last-child,.issue-category-option{transition:none}}@media (forced-colors:active){.issue-category-menu,.issue-category-option.is-selected{border:1px solid buttontext}.issue-category-option.is-highlighted{outline:1px solid highlight}}.issue-report-form textarea{resize:vertical;min-height:125px;line-height:1.7}.issue-report-form :is(input,textarea)::placeholder{color:#a094ac}.issue-report-form :is(input,select,textarea):focus-visible{outline-offset:2px;outline:2px solid #b99af4}.issue-report-context{color:#9b8fa5;justify-content:space-between;gap:12px;margin:5px 0 9px;font-size:10px;line-height:1.6;display:flex}.issue-report-context small{flex-shrink:0;font-size:10px}.issue-report-submit{color:#fff;background:linear-gradient(115deg,#8759f4,#673be0);border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;font-size:14px;font-weight:700;display:flex;box-shadow:0 3px #5031ad}.issue-report-submit:hover:not(:disabled){background:#673be0}.issue-report-modal.is-received{text-align:center}.issue-report-modal.is-received .issue-report-icon{color:#21845d;background:#eaf7f0;margin:4px auto 18px}.issue-report-modal.is-received h2{padding:0}.issue-report-receipt{background:#faf7ff;border:1px solid #e5dcef;border-radius:14px;flex-direction:column;gap:10px;margin:20px 0 26px;padding:20px;display:flex}.issue-report-receipt span{color:#8b7f99;font-size:12px}.issue-report-receipt strong{letter-spacing:.04em;color:#7350ed;font-size:22px}.issue-reports-admin h2{align-items:center;gap:8px;display:flex}.issue-reports-empty{color:#92849d;padding:18px 0;font-size:13px}.issue-reports-list{scrollbar-width:thin;scrollbar-color:#d7cce7 transparent;flex-direction:column;gap:10px;max-height:560px;display:flex;overflow:auto}.issue-report-item{background:#fff;border:1px solid #e7dff0;border-radius:12px}.issue-report-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:14px;list-style:none;display:flex}.issue-report-item summary>span{flex-direction:column;gap:5px;min-width:0;display:flex}.issue-report-item summary small{color:#92829f;font-size:10px}.issue-report-item summary strong{overflow-wrap:anywhere;font-size:13px}.issue-report-item time{color:#92829f;flex-shrink:0;font-size:11px}.issue-report-item[open] summary{background:#fcfaff;border-bottom:1px solid #eee8f5;border-radius:12px 12px 0 0}.issue-report-body{padding:16px;font-size:13px}.issue-report-body p{white-space:pre-wrap;overflow-wrap:anywhere;color:#5f506f;line-height:1.8}.issue-report-body dl{color:#95869f;grid-template-columns:100px minmax(0,1fr);gap:7px;margin:18px 0 0;font-size:11px;display:grid}.issue-report-body dd{overflow-wrap:anywhere;margin:0}body:has(.studio-dark) .issue-report-modal{color:#eee6f8;background:#292235;border-color:#51445f}:is(body:has(.studio-dark) .issue-report-modal>p,body:has(.studio-dark) .issue-report-form label){color:#c1b5d0}body:has(.studio-dark) .issue-report-form :is(input,select,textarea){color:#eee6f8;background:#332a41;border-color:#51445f}body:has(.studio-dark) .issue-report-close{color:#eee6f8;background:#332a41;border-color:#51445f}body:has(.studio-dark) .issue-report-receipt{background:#362b46;border-color:#51445f}body:has(.studio-dark) .issue-report-receipt strong{color:#bc9cfb}@media (max-width:620px){.issue-report-modal{border-radius:20px;padding:26px 20px}.issue-report-context{flex-wrap:wrap}.issue-report-item summary{flex-direction:column;align-items:flex-start;gap:8px}.issue-report-body dl{grid-template-columns:75px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.issue-report-backdrop,.issue-report-modal{animation:none}}.credit-celebration{background:radial-gradient(ellipse at 50% 0%,#b595ff22,transparent 60%),var(--notice-surface);border-color:#b79af066;width:min(100%,460px);padding:32px;box-shadow:0 26px 100px #36165f55}.credit-celebration-art{place-items:center;height:126px;margin:0 -12px 12px;display:grid;position:relative}.credit-celebration-halo{background:radial-gradient(circle,#f6cc6270,#bfa0fa25 55%,#0000 72%);border-radius:50%;width:130px;height:130px;animation:.9s ease-out both credit-halo-in;position:absolute}.credit-celebration-coin{color:#85530a;background:linear-gradient(135deg,#ffeeb0,#ffd667 45%,#edae38);border:3px solid #fff1b8;border-radius:28px;place-items:center;width:86px;height:86px;animation:.75s cubic-bezier(.16,1,.3,1) both credit-coin-in;display:grid;position:relative;box-shadow:0 8px #d1962c,0 16px 28px #d6a54236,inset 0 2px #fff8db}.credit-celebration-check{border:3px solid var(--notice-surface);color:#fff;background:#279c76;border-radius:50%;place-items:center;width:30px;height:30px;animation:.65s .2s both credit-coin-in;display:grid;position:absolute;top:82px;left:calc(50% + 20px)}.credit-celebration-sparkle{color:#a784ed;animation:.8s .15s both credit-coin-in;position:absolute;top:25px;left:calc(50% - 78px)}.credit-confetti{pointer-events:none;position:absolute;inset:-18px -12px -44px;overflow:hidden}.credit-confetti i{top:-14px;left:var(--x);background:var(--color);opacity:0;width:7px;height:12px;animation:credit-confetti-fall 2.4s var(--delay) ease-out both;border-radius:2px;position:absolute}.credit-confetti i:nth-child(3n){border-radius:50%;width:8px;height:8px}.credit-celebration h2{font-size:25px;font-weight:800}.credit-celebration p{margin:6px 0 20px;font-size:13px}.credit-celebration-reward{background:linear-gradient(130deg,#b59aef16,#edd1a416);border:1px solid #b59aef50;border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:22px 16px;animation:.55s .12s both credit-reward-in;display:flex;position:relative}.credit-celebration-reward>span:first-child{color:var(--notice-muted);letter-spacing:.05em;font-size:12px;font-weight:650}.credit-celebration-reward>strong{color:var(--notice-primary);letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%;font-size:clamp(38px,9vw,58px);font-weight:850;line-height:1.2}.credit-celebration-reward>span{color:var(--notice-primary);font-size:14px;font-weight:600}.credit-celebration-bonus{color:#8b6318;background:#e7b94725;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.credit-celebration-balance{color:var(--notice-muted);text-align:left;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 22px;font-size:12px;display:flex}.credit-celebration-balance b{color:var(--notice-ink);text-align:right}.credit-celebration .notification-confirm{background:linear-gradient(115deg,#8759f4,#673be0);min-height:50px;padding-inline:34px;font-size:15px}.credit-celebration .notification-confirm:hover{background:linear-gradient(115deg,#784ae3,#5930cb)}.credit-celebration-next{color:#fff;pointer-events:none;display:flex;position:absolute;bottom:48px;right:48px}.credit-celebration-reward:last-of-type{margin-bottom:22px}body:has(.studio-dark) .credit-celebration-bonus{color:#f4d07f}@keyframes credit-confetti-fall{0%{opacity:0;transform:translate(0,0)rotate(0)}10%{opacity:1}85%{opacity:.8}to{opacity:0;transform:translate3d(var(--drift),200px,0) rotate(var(--turn))}}@keyframes credit-coin-in{0%{opacity:0;transform:translateY(12px)scale(.5)rotate(-16deg)}65%{opacity:1;transform:translateY(-3px)scale(1.05)rotate(3deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes credit-halo-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes credit-reward-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:620px){.credit-celebration{padding:28px 22px 24px}.credit-celebration h2{font-size:23px}.credit-celebration-next{bottom:40px;right:36px}.credit-celebration-balance{font-size:11px}}@media (prefers-reduced-motion:reduce){.credit-celebration-art *,.credit-celebration-reward{animation:none}.credit-confetti{display:none}}@media (forced-colors:active){.credit-celebration-coin,.credit-celebration-reward,.credit-celebration-check{box-shadow:none;border:1px solid canvastext}.credit-celebration-coin,.credit-celebration-reward>strong,.credit-celebration-bonus{color:canvastext}.credit-confetti,.credit-celebration-halo,.credit-celebration-next{display:none}}.rewards-backdrop{--reward-surface:#fff;--reward-ink:#292139;--reward-muted:#81738f;--reward-border:#e5def2;--reward-soft:#f8f5ff;--reward-primary:#6840e5;z-index:1500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#21152e77;place-items:center;padding:24px;animation:.15s ease-out both notification-backdrop-in;display:grid;position:fixed;inset:0}.studio-dark .rewards-backdrop{--reward-surface:#282132;--reward-ink:#eee6f8;--reward-muted:#c1b5d0;--reward-border:#51445f;--reward-soft:#33293f;--reward-primary:#a07dff}.rewards-modal{border:1px solid var(--reward-border);background:var(--reward-surface);width:min(100%,660px);max-height:calc(100dvh - 48px);color:var(--reward-ink);border-radius:24px;padding:34px 32px 26px;animation:.2s cubic-bezier(.2,.8,.2,1) both notification-popup-in;position:relative;overflow:auto;box-shadow:0 28px 90px #160b3338}.rewards-modal button{touch-action:manipulation;transition:background .15s,transform .12s}.rewards-modal button:focus-visible,.welcome-admin input:focus-visible{outline-offset:3px;outline:3px solid #b89bf7}.rewards-close{border:1px solid var(--reward-border);background:var(--reward-surface);width:40px;height:40px;color:var(--reward-muted);border-radius:12px;place-items:center;padding:0;display:grid;position:absolute;top:18px;right:18px}.rewards-close:hover{background:var(--reward-soft)}.rewards-brand-icon{background:var(--reward-soft);width:60px;height:60px;color:var(--reward-primary);border-radius:18px;place-items:center;margin-bottom:20px;display:grid}.rewards-eyebrow{letter-spacing:1.6px;color:var(--reward-primary);margin:0 0 7px;font-size:11px;font-weight:700}.rewards-modal h2{letter-spacing:-.5px;margin:0;font-size:25px;line-height:1.5}.rewards-copy{color:var(--reward-muted);margin:10px 0 24px;font-size:14px;line-height:1.8}.rewards-progress{color:var(--reward-muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.rewards-progress strong{color:var(--reward-primary);font-weight:650}.rewards-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0 0 22px;padding:0;list-style:none;display:grid}.reward-day{border:1px solid var(--reward-border);background:var(--reward-soft);min-width:0;color:var(--reward-muted);border-radius:13px;flex-direction:column;align-items:center;gap:9px;padding:12px 4px 11px;display:flex}.reward-day-label{white-space:nowrap;font-size:11px;font-weight:650}.reward-day-icon{place-items:center;min-height:27px;display:grid}.reward-day strong{letter-spacing:-.5px;font-size:20px;font-weight:750}.reward-day small{font-size:10px}.reward-today{color:var(--reward-primary);border:2px solid var(--reward-primary);background:#f0eaff;padding:11px 3px 10px;box-shadow:0 3px #6840e515}.reward-claimed{color:#28785b;background:#f0f8f4;border-color:#d5eade}.reward-claimed strong{color:var(--reward-ink)}.reward-final:not(.reward-claimed):not(.reward-today) .reward-day-icon{color:#ba893c}.studio-dark .reward-today{background:#3d2d57}.studio-dark .reward-claimed{color:#93d9b6;background:#233c33;border-color:#3f6755}.rewards-claim{color:#fff;background:#6840e5;border:1px solid #5933cb;border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:48px;font-size:15px;font-weight:700;display:flex;box-shadow:0 3px #5933cb}.rewards-claim:not(:disabled):hover{background:#5933cb}.rewards-claim:active{box-shadow:none;transform:translateY(1px)}.rewards-claim:disabled{background:var(--reward-soft);border-color:var(--reward-border);color:var(--reward-muted);box-shadow:none;cursor:default}.rewards-state{background:var(--reward-soft);color:var(--reward-muted);border-radius:12px;padding:15px;font-size:13px;line-height:1.8}.rewards-complete{color:#28785b;justify-content:center;align-items:center;gap:8px;font-weight:650;display:flex}.rewards-rule,.rewards-next{color:var(--reward-muted);text-align:center;margin:13px 0;font-size:12px;line-height:1.8}.rewards-next{color:var(--reward-primary)}.rewards-monthly{border-top:1px solid var(--reward-border);align-items:center;gap:13px;margin-top:24px;padding-top:22px;display:flex}.rewards-monthly-icon{background:var(--reward-soft);width:43px;height:43px;color:var(--reward-primary);border-radius:12px;flex:none;place-items:center;display:grid}.rewards-monthly>div{flex:1;min-width:0}.rewards-monthly strong{font-size:13px}.rewards-monthly p{color:var(--reward-muted);margin:4px 0 0;font-size:12px;line-height:1.7}.rewards-monthly button,.rewards-retry{border:1px solid var(--reward-border);background:var(--reward-soft);min-height:40px;color:var(--reward-primary);border-radius:11px;padding:9px 13px;font-size:12px;font-weight:650}.rewards-monthly button:disabled{color:var(--reward-muted);cursor:default}.rewards-loading{min-height:200px;color:var(--reward-muted);justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.studio-rewards-entry{color:#6840e5;white-space:nowrap;background:#f8f5ff;border:1px solid #e5def2;border-radius:12px;align-items:center;gap:7px;min-height:40px;padding:8px 12px;font-size:12px;font-weight:650;display:flex}.studio-dark .studio-rewards-entry{color:#c5adff;background:#33293f;border-color:#51445f}.welcome-admin-date{color:#756382;align-items:center;gap:12px;margin:22px 0 18px;font-size:13px;display:flex}.welcome-admin-date input{color:#30233e;background:#fff;border:1px solid #e1d9eb;border-radius:10px;width:180px;min-height:40px;padding:8px 10px}.welcome-admin-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.welcome-admin-days label{background:#faf8ff;border:1px solid #e5def2;border-radius:12px;flex-direction:column;gap:8px;padding:13px 10px;display:flex}.welcome-admin-days span{color:#6d528e;font-size:12px;font-weight:650}.welcome-admin-days input{color:#30233e;background:#fff;border:1px solid #dcd1ee;border-radius:9px;width:100%;min-width:0;min-height:40px;padding:8px;font-size:15px;font-weight:650}.welcome-admin-days small{color:#91819f;font-size:11px}.welcome-admin-rule{color:#81738f;margin:18px 0;font-size:12px;line-height:1.8}.welcome-admin-footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.welcome-admin-footer strong{color:#6840e5;font-size:13px}.welcome-admin-footer .primary{min-height:42px}@media (max-width:1100px){.studio-rewards-entry span{display:none}.studio-rewards-entry{justify-content:center;width:40px;padding:8px}}@media (max-width:620px){.rewards-backdrop{padding:16px}.rewards-modal{border-radius:20px;max-height:calc(100dvh - 32px);padding:28px 20px 22px}.rewards-modal h2{padding-right:10px;font-size:21px}.rewards-copy{margin-bottom:18px;font-size:13px}.rewards-close{width:36px;height:36px;top:12px;right:12px}.rewards-days{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.reward-day{gap:8px;padding:11px 3px}.reward-today{padding:10px 2px}.reward-final{grid-column:span 2}.reward-day strong{font-size:19px}.reward-day small{font-size:10px}.rewards-monthly{flex-wrap:wrap;gap:10px}.rewards-monthly button{width:100%;min-height:42px}.rewards-progress{font-size:11px}.rewards-rule{text-align:left;font-size:11px}.rewards-brand-icon{width:50px;height:50px;margin-bottom:16px}.rewards-claim{font-size:14px}.welcome-admin-days{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.welcome-admin-days label:last-child{grid-column:span 2}.welcome-admin-days label{padding:10px 7px}.welcome-admin-footer,.welcome-admin-date{flex-direction:column;align-items:stretch}.welcome-admin-date input{width:100%}.welcome-admin .admin-card-heading{flex-direction:column;align-items:flex-start;gap:15px}.studio-rewards-entry{width:36px;height:36px;min-height:36px}}@media (prefers-reduced-motion:reduce){.rewards-backdrop,.rewards-modal{animation:none}.rewards-modal button{transition:none}}@media (forced-colors:active){.reward-day,.rewards-modal,.rewards-modal button{border:1px solid canvastext}.reward-today{outline:2px solid highlight}.rewards-claim{box-shadow:none}}.reward-day strong.reward-value-medium{font-size:15px}.reward-day strong.reward-value-large{font-size:13px}.reward-day strong.reward-value-huge{font-size:11px}.credit-modal.credit-shop{--credit-scrollbar-thumb:#d7cce7;--credit-scrollbar-hover:#b49dce;overscroll-behavior:contain;scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:var(--credit-scrollbar-thumb) transparent;border-radius:24px;width:min(100%,720px);max-height:calc(100dvh - 40px);padding:30px;overflow-y:auto}@supports selector(::-webkit-scrollbar){.credit-modal.credit-shop{scrollbar-width:auto;scrollbar-color:auto}.credit-modal.credit-shop::-webkit-scrollbar{width:12px;height:12px}.credit-modal.credit-shop::-webkit-scrollbar-track{background:0 0;margin-block:24px}.credit-modal.credit-shop::-webkit-scrollbar-thumb{background:var(--credit-scrollbar-thumb);background-clip:padding-box;border:4px solid #0000;border-radius:999px;min-height:36px}.credit-modal.credit-shop::-webkit-scrollbar-thumb:hover{background-color:var(--credit-scrollbar-hover)}.credit-modal.credit-shop::-webkit-scrollbar-button{width:0;height:0;display:none}.credit-modal.credit-shop::-webkit-scrollbar-corner{background:0 0}}.credit-shop-heading{align-items:center;gap:14px;padding-right:45px;display:flex}.credit-shop-heading .credit-mark{flex-shrink:0;width:48px;height:48px;margin:0}.credit-shop-heading .auth-eyebrow{margin:0;font-size:10px}.credit-shop h2{letter-spacing:-.6px;margin:5px 0 0;font-size:24px}.credit-shop .credit-copy{margin:14px 0 22px;font-size:13px;line-height:1.6}.credit-shop .credit-field-label{margin-bottom:2px;font-size:12px}.credit-shop .package-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.credit-shop .package-option{border-radius:14px;flex-direction:column;align-items:stretch;gap:10px;min-width:0;min-height:166px;padding:14px;display:flex;position:relative}.credit-shop .package-option.recommended{border-color:#c2acef}.credit-shop .package-option .package-heading{flex-direction:row;justify-content:space-between;align-items:center;gap:4px;min-height:20px;display:flex}.credit-shop .package-heading strong{color:#625470;white-space:normal;font-size:12px}.credit-shop .package-tag{white-space:nowrap;color:#7141da;background:#eee5ff;border-radius:5px;padding:3px 6px;font-size:9px;font-weight:600}.credit-shop .package-tag.best{color:#936221;background:#fff1d5}.credit-shop .package-option .package-total{flex-direction:row;align-items:baseline;gap:5px;display:flex}.credit-shop .package-total b{letter-spacing:-.7px;color:#302147;font-size:26px;font-weight:750;line-height:1.2}.credit-shop .package-total small{color:#8a7d98;font-size:11px}.credit-shop .package-option .package-bonus{color:#86619d;flex-flow:wrap;align-items:center;gap:4px;min-height:19px;font-size:10px;display:flex}.credit-shop .package-bonus em{color:#85541b;margin-left:auto;font-size:10px;font-style:normal;font-weight:700}.credit-shop .package-option .package-price{border-top:1px solid #eee8f5;flex-direction:row;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.credit-shop .package-price b{color:#784be6;font-size:17px}.package-check{color:#fff;border:1px solid #dcd1ee;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.selected .package-check{background:#7950e8;border-color:#7950e8}.credit-order-summary{color:#8055d7;background:#f8f5fe;border:1px solid #e4daf5;border-radius:12px;align-items:center;gap:11px;margin-top:5px;padding:14px 16px;display:flex}.credit-order-summary>div{flex-direction:column;flex:1;gap:4px;display:flex}.credit-order-summary strong{color:#49365f;font-size:13px}.credit-order-summary small{color:#9382a4;font-size:11px;line-height:1.6}.credit-order-summary>b{color:#7545dc;white-space:nowrap;font-size:18px}.credit-shop .slip-picker{padding:15px;font-size:12px}.credit-shop .slip-picker>span{font-size:12px}.credit-shop .slip-picker small,.credit-shop .credit-note{font-size:10px}.credit-shop .payment-qr p{font-size:11px}.admin-package-catalog .admin-package-head,.admin-package-catalog .admin-package-row{grid-template-columns:1fr 1.3fr .85fr .75fr .9fr .65fr 30px;gap:8px}.admin-package-catalog output{text-align:center;color:#7545dc;font-size:13px;font-weight:650}.admin-package-field,.admin-package-total{flex-direction:column;gap:5px;min-width:0;display:flex}.admin-package-field>span,.admin-package-total>span{color:#879;font-size:10px;display:none}.admin-package-total{text-align:center}.admin-package-recommended{justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex}.admin-package-recommended input{accent-color:#7950e8;width:17px;height:17px}.admin-package-recommended span{display:none}.credit-shop .credit-continue{border-radius:12px;width:100%;min-height:46px;font-size:13px}.credit-shop-actions{z-index:1;background:#fff;padding:7px 0 15px;position:sticky;bottom:-30px}.credit-change-package{color:#8055d7;background:0 0;border:0;align-self:flex-start;padding:8px 0;font-size:12px}.credit-shop .package-option:last-child:nth-child(3n+1){grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-areas:"heading price""total bonus";min-height:110px;display:grid}.credit-shop .package-option:last-child:nth-child(3n+1) .package-heading{grid-area:heading;justify-content:flex-start;gap:10px}.credit-shop .package-option:last-child:nth-child(3n+1) .package-total{grid-area:total}.credit-shop .package-option:last-child:nth-child(3n+1) .package-bonus{grid-area:bonus;justify-content:flex-end}.credit-shop .package-option:last-child:nth-child(3n+1) .package-bonus em{margin-left:5px}.credit-shop .package-option:last-child:nth-child(3n+1) .package-price{border:0;grid-area:price;justify-content:flex-end;gap:12px;margin:0;padding:0}@media (max-width:700px){.credit-modal.credit-shop{border-radius:20px;width:min(100%,520px);padding:24px 18px}.credit-shop h2{font-size:20px}.credit-shop .credit-copy{margin-bottom:16px;font-size:12px}.credit-shop-heading{gap:10px}.credit-shop-heading .credit-mark{width:38px;height:38px}.credit-shop .package-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.credit-shop .package-option{gap:8px;min-height:159px;padding:12px}.credit-shop .package-total b{font-size:23px}.credit-shop .package-total small{font-size:10px}.credit-shop .package-tag{padding:3px 4px;font-size:8px}.credit-order-summary{gap:8px;padding:12px}.credit-order-summary strong{font-size:12px}.credit-order-summary small{font-size:10px}.credit-order-summary>svg{display:none}.credit-shop-actions{bottom:-24px}.credit-shop .package-option:last-child:nth-child(3n+1):not(:nth-child(odd)){grid-column:auto;min-height:159px;display:flex}.credit-shop .package-option:last-child:nth-child(odd){grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-areas:"heading price""total bonus";min-height:110px;display:grid}.credit-shop .package-option:last-child:nth-child(odd) .package-heading{grid-area:heading;justify-content:flex-start;gap:7px}.credit-shop .package-option:last-child:nth-child(odd) .package-total{grid-area:total}.credit-shop .package-option:last-child:nth-child(odd) .package-bonus{grid-area:bonus;justify-content:flex-end;font-size:10px}.credit-shop .package-option:last-child:nth-child(odd) .package-bonus em{margin-left:3px}.credit-shop .package-option:last-child:nth-child(odd) .package-price{border:0;grid-area:price;justify-content:flex-end;gap:10px;margin:0;padding:0}.admin-package-catalog .admin-package-row{grid-template-columns:1fr 1fr 30px;gap:10px}.admin-package-catalog .admin-package-field:first-child,.admin-package-catalog .admin-package-field:nth-child(2){grid-column:1/3}.admin-package-catalog .admin-package-field:first-child{grid-row:1}.admin-package-catalog .admin-package-field:nth-child(2){grid-row:2}.admin-package-catalog .admin-package-field:nth-child(3){grid-area:3/1}.admin-package-catalog .admin-package-field:nth-child(4){grid-area:3/2}.admin-package-field>span,.admin-package-total>span{display:block}.admin-package-catalog .admin-package-total{text-align:left;grid-area:4/1;justify-self:start}.admin-package-catalog .admin-package-recommended{grid-area:4/2;justify-self:end}.admin-package-recommended span{display:inline}.admin-package-catalog .admin-package-row>button{grid-area:1/3}}