:root{font-family:DM Sans,sans-serif;color:#283b30;background:#eaeae3;font-synthesis:none;--ink: #283b30;--accent: #ed643d;--paper: #f8f5ec;--surround: #eaeae3}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.3;cursor:default}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}svg{flex-shrink:0}input,textarea,select{min-width:0;border:1px solid #d4d7ce;border-radius:3px;background:#fffdf7;color:#283b30;padding:10px 11px;width:100%;outline-offset:2px}textarea{resize:vertical}input[type=color]{padding:3px;height:38px}input[type=checkbox]{width:16px;height:16px;accent-color:#283b30}label{font-size:11px;font-weight:500;display:flex;flex-direction:column;gap:7px;margin-bottom:16px;text-transform:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h1,h2{font-family:"DM Serif Display",Georgia,serif}p{line-height:1.7}.reader{min-height:100svh;background:var(--surround);color:var(--ink);padding:0 5.2%;overflow:hidden}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #283b3029}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand>span:last-child{font-size:10px;font-weight:700;letter-spacing:1.3px;line-height:1.4}.brand-symbol{font-family:"DM Serif Display",Georgia,serif;font-size:45px;letter-spacing:-4px;line-height:1}.brand-symbol>span:not(.brand-dot){font-size:26px;letter-spacing:-4px}.brand-symbol .brand-dot{color:#ed643d;letter-spacing:0}.header-center{font-size:9px;letter-spacing:2.5px;margin-left:45px}.edition-button{font-size:10px;letter-spacing:1.3px;display:flex;align-items:center;gap:16px;padding:12px 0}.reader-main{max-width:1220px;margin:0 auto}.issue-heading{display:flex;align-items:center;justify-content:space-between;padding:27px 0 22px;font-size:11px}.edition-label{display:flex;align-items:center;gap:12px}.edition-label:first-letter{text-transform:uppercase}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.muted{opacity:.45}.issue-detail{color:#6f786e;display:flex;align-items:center;gap:19px;font-size:11px}.tiny-star{font-size:25px;color:#51644c}.book-stage{position:relative;padding:0 42px;display:flex;align-items:center;justify-content:center}.book{width:100%;max-width:1010px;display:flex;position:relative;background:var(--paper);isolation:isolate;border-radius:2px;transform-origin:center;animation:openbook .45s ease-out}.book.with-shadow{box-shadow:0 2px 1px #8a88736b,0 5px 0 -1px #dedbcf,0 7px 0 -2px #9a9a8790,0 10px 0 -4px #dedbcf,0 19px 32px -15px #25312066,0 35px 65px -30px #4344344a}.magazine-page{aspect-ratio:600/790;width:50%;position:relative;overflow:hidden;container-type:inline-size;isolation:isolate;background:var(--paper);color:var(--ink);font-family:var(--body, "DM Sans", sans-serif)}.theme-orange{background:var(--accent)}.theme-green{background:#283f32;color:#f4efd9}.theme-butter{background:#e9e4bf}.paper-texture{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;opacity:.105;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E")}.block{position:absolute;white-space:pre-wrap;overflow-wrap:break-word}.block-heading,.block-subheading,.block-quote{font-family:var(--heading, "DM Serif Display", Georgia, serif);font-weight:400}.block-decorative{font-family:var(--hand, "Caveat", cursive)}.block-poem,.block-testimony{font-family:Georgia,serif}.block-image img,.block-artwork img,.block-photograph img{width:100%;height:100%;display:block}.block-image:has(img[style*=multiply]){mix-blend-mode:multiply}.block-tape{background:#d8c7999e;box-shadow:0 1px 3px #4a42211c;clip-path:polygon(1% 0,100% 3%,98% 92%,0 100%)}.block-shape{background:currentColor}.block-paper{background:#fffef4;box-shadow:1px 3px 8px #0002}.block-scripture,.block-quote{font-style:italic}.block-line svg,.block-divider svg,.block-brush svg,.block-scribble svg{width:100%;height:100%}.page-folio{position:absolute;bottom:2.1%;left:9%;right:8%;display:flex;justify-content:space-between;font-size:1.2cqw;letter-spacing:.14em;opacity:.65}.book-seam{position:absolute;z-index:40;left:calc(50% - 14px);width:28px;top:0;bottom:0;background:linear-gradient(90deg,transparent,#2b30131c 48%,#35301526 50%,#ffffff15 55%,transparent);pointer-events:none}.edge{position:absolute;z-index:41;top:0;bottom:0;width:3%;opacity:0}.edge-left{left:0}.edge-right{right:0}.edge:hover:not(:disabled){opacity:1;background:linear-gradient(90deg,#27362915,transparent)}.edge-right:hover:not(:disabled){background:linear-gradient(270deg,#27362915,transparent)}.turn-button{position:absolute;width:39px;height:39px;border:1px solid #6875604a;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}.turn-button svg{width:18px}.turn-button:hover:not(:disabled){background:#fff8;transform:scale(1.06)}.turn-button.previous{left:-16px}.turn-button.next{right:-16px}.reader-toolbar{max-width:1010px;margin:29px auto 0;display:flex;justify-content:space-between;align-items:center;height:34px;font-size:11px}.contents-control,.share-control{display:flex;align-items:center;gap:10px;padding:8px 0}.toolbar-actions{display:flex;align-items:center;gap:15px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:3px;flex-shrink:0}.icon-button:hover:not(:disabled){background:#293c3010}.toolbar-divider{width:1px;height:18px;background:#283b3029}.progress-control{display:flex;align-items:center;gap:14px;margin-left:95px}.page-counter{font-size:11px;min-width:103px;text-align:center;font-variant-numeric:tabular-nums}.page-counter span{color:#82887c}.reading-progress{height:2px;background:#283b3015;max-width:1010px;margin:17px auto 0}.reading-progress>span{display:block;height:100%;background:#6c7c60;transition:width .4s}.under-book{max-width:1010px;display:flex;align-items:center;justify-content:space-between;margin:21px auto 30px}.handwritten{font-family:Caveat,cursive;font-size:24px;color:#596750}.keyboard-hint{font-size:8px;letter-spacing:1.4px;color:#7f8578}.site-footer{display:flex;align-items:center;justify-content:space-between;padding:23px 0 26px;border-top:1px solid #283b3025;font-size:9px;color:#6e7969;gap:20px}.site-footer>span:first-child{letter-spacing:1.4px;font-size:8px;color:#344c39}.site-footer>a{display:flex;align-items:center;gap:7px}.page-contents{display:flex;flex-direction:column;gap:0}.page-contents button{padding:2.25cqw 0;border-bottom:1px solid #283b3030;display:flex;justify-content:space-between;text-align:left;font-family:var(--body);font-size:2.2cqw;gap:10px}.page-contents button>span:last-child{display:flex;gap:7px;align-items:center}.focus-mode .site-header,.focus-mode .site-footer,.focus-mode .issue-heading,.focus-mode .under-book{display:none}.focus-mode .reader-main{padding-top:24px}.focus-mode .book{max-width:1100px}.zoom-mode .book{max-width:none;width:1500px;min-width:1500px}.zoom-mode .book-stage{overflow:auto;justify-content:flex-start}.zoom-mode .turn-button{display:none}.focus-mode .reader-toolbar{margin-bottom:16px}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;background:#18271eb0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:520px;max-height:88svh;background:#f8f5ec;padding:28px 35px;overflow:auto;box-shadow:0 20px 100px #0003}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:30px}.eyebrow{font-size:9px;letter-spacing:1.6px}.modal h2{font-size:40px;line-height:1.1;margin-bottom:15px}.modal p{font-size:12px;color:#65715f}.contents-modal{width:570px}.contents-list{margin-top:25px}.contents-list>button{display:flex;align-items:center;gap:20px;width:100%;padding:14px 2px;border-top:1px solid #283b3020;text-align:left}.contents-list>button:hover,.contents-list>button.active{color:#bf4a28}.contents-number{font-family:"DM Serif Display",serif;font-size:24px;width:35px}.contents-list>button>span:nth-child(2){flex:1;font-size:14px}.contents-list small{display:block;font-size:9px;color:#7f8276;margin-top:5px}.primary,.secondary,.danger{min-height:38px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;border-radius:2px}.primary{background:#283f32;color:#fffdf1}.primary:hover{background:#415a44}.secondary{border:1px solid #283b3038;background:#ffffff30}.secondary:hover{background:#ffffff90}.danger{color:#ae3d27;border:1px solid #ae3d2730}.full{width:100%;margin-top:9px}.text-button{display:inline-flex;align-items:center;gap:8px;padding:4px 0;font-size:11px;text-decoration:underline;text-underline-offset:4px}.small-note{font-size:10px!important;line-height:1.7;color:#747d6d;margin:15px 0}.download-options{border-top:1px solid #283b302a;margin-top:25px;padding-top:10px}.download-options>div{margin:14px 0;font-size:12px;display:flex;flex-direction:column;gap:8px}.download-options small{font-size:10px;color:#737f6c}.issue-choice{display:flex;align-items:center;gap:20px;width:100%;padding:25px 0;border-top:1px solid #283b3030}.issue-choice span{font-size:10px}.issue-choice strong{font-family:"DM Serif Display",serif;font-size:24px;font-weight:400;flex:1;text-align:left}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#283f32;color:#fffbe9;display:flex;align-items:center;gap:12px;padding:16px 24px;z-index:150;font-size:12px;box-shadow:0 6px 30px #0002}.loading{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;font-size:13px}.loading-line{width:60px;height:2px;background:#ed643d;animation:pulse 1s infinite}.export-container{position:fixed;left:-9999px;top:0;width:900px;background:#f8f5ec}.export-container .magazine-page{width:100%}.export-credit{padding:24px 60px;font:13px/1.8 DM Sans,sans-serif;letter-spacing:1px;color:#283f32}.login-page{min-height:100svh;background:#f8f5ec;padding:0 6%}.login-page header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #283b3025}.login-page header>a:last-child{display:flex;gap:8px;align-items:center;font-size:12px}.login-layout{display:grid;grid-template-columns:1.2fr 1fr;min-height:calc(100svh - 100px);align-items:center;gap:70px}.login-editorial{position:relative}.login-editorial h1{font-size:clamp(45px,5.8vw,90px);line-height:1.1;margin:30px 0}.login-editorial h1 i{color:#d45c3b;font-weight:400}.login-star{position:absolute;right:10px;bottom:0;font-size:110px;color:#ed643d}.login-form{max-width:390px;width:100%;margin:auto}.login-form h2{font-size:35px;margin:24px 0 12px}.login-form>p{font-size:13px;color:#73816e;margin-bottom:28px}.login-form small{display:block;margin-top:30px;font-size:10px;color:#73816e}.setup-note{padding:20px;background:#eaeadd;font-size:12px;line-height:1.7}.setup-note p{margin:10px 0}.setup-note code{font-size:12px}.error{color:#a32e23!important}.admin{min-height:100svh;background:#f6f5ee}.admin-header{min-height:82px;border-bottom:1px solid #283b3020;padding:15px 26px;display:flex;align-items:center;gap:32px;background:#fcfaf3}.studio-label{font-size:9px;letter-spacing:1.7px;border-left:1px solid #283b3025;padding-left:25px}.admin-top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.save-status{font-size:10px;color:#728168;margin-right:12px}.admin-nav{padding:0 26px;display:flex;gap:25px;height:53px;align-items:stretch;border-bottom:1px solid #283b3025;background:#fcfaf3}.admin-nav button{font-size:11px;display:flex;align-items:center;gap:8px;padding:0 4px;border-bottom:2px solid transparent}.admin-nav button.active{border-color:#d66542;color:#bd4d2e}.admin-nav a{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:10px}.editor-layout{display:grid;grid-template-columns:216px minmax(0,1fr) 258px;height:calc(100svh - 135px)}.blocks-panel,.properties{overflow:auto;padding:18px;background:#fcfaf3}.blocks-panel{border-right:1px solid #283b3020}.properties{border-left:1px solid #283b3020}.panel-heading{font-size:9px;letter-spacing:1.2px;margin-bottom:16px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}.panel-heading select{font-size:11px;margin-top:8px}.page-strip{max-height:28vh;overflow:auto;margin:0 -7px}.page-row{display:flex;align-items:center;cursor:grab}.page-row button{font-size:10px;text-align:left;display:flex;gap:11px;padding:10px 7px;flex:1;align-items:center}.page-row button span{font-size:9px;color:#829077}.page-row.active{background:#e9eddf}.page-row svg{opacity:.35}.page-add{display:flex;align-items:center;margin:13px 0 27px;gap:5px}.page-add select{font-size:11px;padding:8px;text-transform:capitalize}.block-palette{display:grid;grid-template-columns:1fr 1fr;gap:6px}.block-palette button{display:flex;align-items:center;gap:5px;font-size:10px;text-align:left;padding:11px 5px;background:#f2f1e8;border:1px solid #283b3010;text-transform:capitalize}.block-palette button:hover{background:#e7ecd9}.canvas-area{background:#e5e6dd;overflow:auto;padding:0 30px 20px}.canvas-toolbar{height:53px;display:flex;align-items:center;justify-content:space-between;font-size:9px;gap:10px;letter-spacing:.4px}.canvas-toolbar>div{display:flex;gap:3px}.editor-canvas{width:min(100%,510px);margin:10px auto 20px;box-shadow:0 10px 35px #31372320}.editor-canvas .magazine-page{width:100%}.editor-canvas.device-mobile{max-width:340px}.canvas-hint{text-align:center;font-family:Caveat,cursive;font-size:19px;color:#78816b}.editing .block{cursor:move;touch-action:none}.editing .block:hover{outline:1px dashed #e36e42}.editing .block.selected{outline:2px solid #e36e42}.editing .block.selected:after{content:"";position:absolute;right:-4px;bottom:-4px;width:6px;height:6px;background:#fff;border:1px solid #e36e42}.properties h3,.media-properties h3{font-family:"DM Serif Display",serif;font-size:23px;line-height:1.2;margin:20px 0}.properties label{font-size:10px}.properties input,.properties select,.properties textarea{font-size:11px;padding:8px}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.property-title{display:flex;align-items:center;gap:3px}.property-title h3{flex:1;text-transform:capitalize}.check-label{flex-direction:row;align-items:center;font-size:11px;gap:8px;line-height:1.5}.admin-error{background:#f4dfd3;padding:8px 25px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.admin-content{max-width:1200px;margin:auto;padding:45px 40px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:35px}.section-title h1{font-size:44px;margin:12px 0 0;line-height:1.1}.section-title p{font-size:12px;color:#78816e;margin-top:17px}.issue-editor{border-top:1px solid #283b3020;padding:30px 0;display:grid;grid-template-columns:180px 1fr;gap:45px;max-width:820px}.issue-mini-cover{aspect-ratio:600/790;background:#ed643d;padding:20px 16px;display:flex;flex-direction:column;justify-content:space-between}.issue-mini-cover span{font-size:9px;letter-spacing:1px}.issue-mini-cover strong{font-family:"DM Serif Display",serif;font-size:31px;font-weight:400;line-height:1}.issue-mini-cover small{font-size:9px}.issue-fields label{font-size:10px}.media-layout{display:flex;gap:30px;align-items:flex-start}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;flex:1}.media-item{padding:0;text-align:left;min-width:0}.media-item img{width:100%;height:190px;object-fit:contain;background:#e9e8df;padding:12px}.media-item.active img{outline:2px solid #ed643d;outline-offset:3px}.media-item strong{font-size:12px;display:block;margin:12px 0 5px;overflow-wrap:anywhere}.media-item small{font-size:9px;color:#7c8572}.media-properties{width:250px;flex-shrink:0;padding:20px;background:#fffdf6;position:sticky;top:20px}.media-properties pre{white-space:pre-wrap;font:11px/1.6 Georgia,serif;max-height:300px;overflow:auto}.media-properties summary{font-size:11px;cursor:pointer}.upload-label{cursor:pointer;margin:0;white-space:nowrap}.design-layout{display:grid;grid-template-columns:290px 1fr;gap:70px}.design-preview{padding:35px;display:flex;align-items:center;justify-content:center}.design-preview .magazine-page{width:100%;max-width:440px;box-shadow:0 15px 40px #0002}.design-fields label{text-transform:capitalize}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;z-index:90;background:#eaeae3}.preview-close{position:fixed;right:20px;bottom:20px;z-index:99;box-shadow:0 3px 20px #0003}@keyframes openbook{0%{opacity:.5;transform:translate(7px) rotateY(-2deg)}to{opacity:1;transform:none}}.direction-prev{animation-name:openbookprev}@keyframes openbookprev{0%{opacity:.5;transform:translate(-7px) rotateY(2deg)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.25}}.no-motion *{animation:none!important;transition:none!important}@media(min-width:1500px){.reader-main{max-width:1300px}.book,.reader-toolbar,.reading-progress,.under-book{max-width:1100px}.issue-heading{padding-top:32px}}@media(max-width:1100px){.reader{padding:0 4%}.book-stage{padding:0 35px}.turn-button.previous{left:-7px}.turn-button.next{right:-7px}.header-center{margin-left:0}.reader-toolbar,.under-book,.reading-progress{margin-left:35px;margin-right:35px}.studio-label{display:none}.editor-layout{grid-template-columns:185px minmax(0,1fr) 230px}.admin-header{padding:15px}.admin-top-actions{gap:4px}.save-status{max-width:80px}.canvas-area{padding:0 18px}.admin-content{padding:35px 25px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:759px){.reader{padding:0 20px}.site-header{height:78px}.brand-symbol{font-size:39px}.brand>span:last-child{font-size:8px;letter-spacing:1px}.brand{gap:10px}.header-center{display:none}.edition-button{font-size:8px;gap:8px}.issue-heading{padding:22px 0 18px;font-size:10px}.edition-label{gap:8px}.issue-detail{display:none}.book-stage{padding:0}.book{width:100%;max-width:500px}.magazine-page{width:100%}.book-seam,.turn-button{display:none}.reader-toolbar{margin:24px 0 0;font-size:10px;gap:8px}.contents-control{gap:6px}.toolbar-actions{gap:3px}.toolbar-actions>.icon-button:first-child{display:none}.toolbar-divider{display:none}.share-control{padding:8px;gap:0}.share-control span{display:none}.progress-control{margin-left:0;gap:1px}.page-counter{min-width:59px;font-size:10px}.icon-button{width:32px;height:34px}.reading-progress{margin:13px 0 0}.under-book{margin:20px 0 26px;gap:12px;flex-direction:column;align-items:center}.handwritten{font-size:23px}.keyboard-hint{font-size:7px}.site-footer{padding:20px 0;flex-wrap:wrap;gap:15px;font-size:8px}.site-footer>span:nth-child(2){display:none}.focus-mode .reader-main{padding-top:20px}.zoom-mode .book{width:750px;min-width:750px}.modal-backdrop{padding:15px}.modal{padding:20px 23px;max-height:90svh}.modal h2{font-size:35px}.modal-top{margin-bottom:20px}.toast{width:calc(100% - 32px);justify-content:center;padding:16px;font-size:11px}.login-layout{grid-template-columns:1fr;gap:45px;padding:50px 0}.login-editorial h1{font-size:52px}.login-star{font-size:80px}.login-editorial .handwritten{font-size:23px}.login-form{max-width:none}.login-page header>a:last-child{font-size:9px}.admin-header{flex-wrap:wrap;gap:15px}.admin-top-actions{width:100%;justify-content:space-between}.admin-top-actions .save-status{font-size:8px}.admin-top-actions .secondary,.admin-top-actions .primary{font-size:10px;padding:8px}.admin-nav{padding:0 12px;gap:15px;overflow:auto}.admin-nav button{font-size:9px;white-space:nowrap}.admin-nav a{display:none}.editor-layout{height:auto;grid-template-columns:1fr}.blocks-panel{display:flex;flex-wrap:wrap;gap:10px;padding:15px;border-bottom:1px solid #283b3020}.blocks-panel>.panel-heading:first-child{width:100%;margin:0;align-items:center;flex-wrap:nowrap}.panel-heading select{width:70%;margin:0}.page-strip{width:100%;display:flex;max-height:none;overflow:auto;margin:0}.page-row{min-width:145px}.page-row button{font-size:9px}.page-row svg{display:none}.page-add{width:100%;margin:0}.blocks-panel>.panel-heading:not(:first-child){display:none}.block-palette{display:flex;width:100%;overflow:auto}.block-palette button{white-space:nowrap}.canvas-area{padding:0 25px 20px}.canvas-toolbar{height:48px}.properties{padding:25px;border-top:1px solid #283b3020}.properties>.property-grid{grid-template-columns:repeat(3,1fr)}.section-title{align-items:flex-start;flex-direction:column;gap:18px}.section-title h1{font-size:37px}.admin-content{padding:30px 20px}.issue-editor{grid-template-columns:90px 1fr;gap:20px}.issue-mini-cover{padding:10px 8px}.issue-mini-cover strong{font-size:17px}.issue-mini-cover span,.issue-mini-cover small{font-size:7px}.media-layout{flex-direction:column}.media-grid{width:100%;gap:20px}.media-item img{height:150px}.media-properties{width:100%;position:static}.design-layout{grid-template-columns:1fr;gap:25px}.design-preview{padding:20px}.preview-close{font-size:10px}.export-container .magazine-page{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.site-header,.issue-heading,.reader-toolbar,.under-book,.site-footer,.turn-button,.reading-progress{display:none}.reader,.book-stage{padding:0}.book{box-shadow:none!important;max-width:none}.magazine-page{break-inside:avoid}}.custom-logo{width:50px;height:45px;object-fit:contain}@media(max-width:759px){.reader .book .magazine-page:has(.block-poem,.block-testimony,.block-contents){aspect-ratio:auto;min-height:480px;padding:35px 30px 55px;display:flex;flex-direction:column;gap:25px}.reader .book .magazine-page:has(.block-poem,.block-testimony,.block-contents) .block{position:relative;left:auto!important;top:auto!important;width:100%!important;height:auto!important;transform:none!important}.reader .book .magazine-page:has(.block-poem,.block-testimony,.block-contents) .block-heading{font-size:35px!important;line-height:1.08!important}.reader .book .magazine-page:has(.block-poem,.block-testimony,.block-contents) .block-caption,.reader .book .magazine-page:has(.block-testimony) .block-attribution{font-size:8px!important;letter-spacing:1px!important}.reader .book .block-poem{font-size:15px!important;line-height:1.6!important}.reader .book .block-testimony{font-size:16px!important;line-height:1.75!important}.reader .book .page-contents button{font-size:12px;padding:16px 0;min-height:46px}.reader .book .magazine-page:has(.block-contents) .block-decorative{font-size:25px!important}}.reader{padding:0 4.5% 28px}.reader .site-header{height:76px;border:0}.reader .brand>span:last-child{font-size:8px}.reader .reader-main{padding-top:9px;max-width:1280px}.reader .book,.reader .reader-toolbar,.reader .reading-progress{max-width:1080px}.reader .reader-toolbar{margin-top:25px}.reader .reading-progress{margin-top:12px}.studio-link{position:fixed;right:17px;bottom:16px;opacity:.5;padding:9px;z-index:50}.studio-link:hover{opacity:1}.reader .progress-control{margin-left:90px}.reader .book.with-shadow{box-shadow:0 2px #b5b3a2,0 5px 0 -1px #f2efe1,0 9px 0 -3px #c8c5b7,0 25px 42px -20px #26332066}.paper-texture{opacity:.065}.theme-lime{background:#d9ef73;color:#202a24}.theme-ink{background:#222b29;color:#f6f2e7}.theme-butter{background:#f0df9d}.block-heading{letter-spacing:-.04em}.layout-testimony-opening .block-testimony:not(.block-lead):first-letter{float:left;font-family:"DM Serif Display",serif;font-size:3.5em;line-height:.8;padding:.1em .12em 0 0;color:#e25331}.layout-testimony-continuation .block-testimony:first-letter{float:left;font-family:"DM Serif Display",serif;font-size:3.5em;line-height:.8;padding:.1em .12em 0 0;color:#d9ef73}.block-lead{font-style:italic}.block-poem{white-space:pre-line}.block-line svg,.block-scribble svg{display:block}.layout-poetry-feature:before{content:"";position:absolute;width:62%;aspect-ratio:1;border:1px solid currentColor;opacity:.14;border-radius:50%;right:-23%;top:4%;pointer-events:none}.block-caption,.block-attribution{opacity:.8}.book.direction-next{animation:turn-forward .46s cubic-bezier(.2,.65,.25,1)}.book.direction-prev{animation:turn-back .46s cubic-bezier(.2,.65,.25,1)}@keyframes turn-forward{0%{transform:perspective(1800px) rotateY(-5deg) translate(16px);clip-path:inset(0 0 0 1%)}to{transform:none;clip-path:inset(0)}}@keyframes turn-back{0%{transform:perspective(1800px) rotateY(5deg) translate(-16px);clip-path:inset(0 1% 0 0)}to{transform:none;clip-path:inset(0)}}.setup-status{color:#a6472b;font-size:8px;margin-left:8px}.empty-artwork{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;background:#e9e8dc;border:1px dashed #85907b;font:13px DM Sans,sans-serif;color:#68735e}.editing .block.selected:after{display:none}.block-palette button{transition:background .15s}.block-palette button:hover{background:#d9ef73}.properties .panel-heading{margin-bottom:8px}.page-row.active{border-left:2px solid #ef6039}.page-row.active button{padding-left:5px}.admin-header .studio-label{letter-spacing:1.1px}.reader.focus-mode .reader-main{padding-top:20px}@media(min-width:760px)and (min-height:720px){.reader:not(.zoom-mode) .book{max-width:min(1080px,calc((100svh - 176px)*1.519))}}@media(max-width:759px){.reader{padding:0 16px 95px}.reader .site-header{height:67px}.reader .reader-main{padding-top:4px}.reader .brand>span:last-child{display:none}.reader .brand-symbol{font-size:38px}.reader .reader-toolbar{position:fixed;bottom:0;left:0;right:0;z-index:60;margin:0;padding:12px 17px max(12px,env(safe-area-inset-bottom));height:auto;background:#eeeee7;border-top:1px solid #293b3025;box-shadow:0 -8px 22px #242e2410}.reader .progress-control{margin:0}.reader .reading-progress{margin-top:18px}.reader .studio-link{position:absolute;top:17px;right:100px;bottom:auto}.reader .book .magazine-page:has(.block-poem,.block-testimony){padding:32px 26px 48px;gap:25px}.reader .book .magazine-page.layout-testimony-opening .block-heading,.reader .book .magazine-page.layout-testimony-continuation .block-heading{font-size:43px!important;letter-spacing:-2px!important}.reader .book .magazine-page.layout-testimony-opening .block-lead{font-size:27px!important;line-height:1.15!important}.reader .book .magazine-page:has(.block-poem,.block-testimony) .block-shape,.reader .book .magazine-page:has(.block-poem,.block-testimony) .block-line,.reader .book .magazine-page:has(.block-poem,.block-testimony) .block-scribble{display:none}.reader .book .block-poem{column-count:1!important;column-fill:balance!important}.reader .book .layout-poetry-feature .block-poem{font-size:27px!important;line-height:1.3!important;padding:35px 0}.reader .book .magazine-page:has(.block-contents) .block-heading{font-size:64px!important}.reader .book .block-testimony{font-size:16px!important;line-height:1.75!important}.reader .book .magazine-page:has(.block-poem) .block-heading:empty{display:none}.reader .book .magazine-page.layout-poetry-feature{min-height:560px}.page-folio{font-size:1.4cqw}.reader .book .magazine-page:has(.block-poem,.block-testimony) .page-folio{font-size:7px}.reader .toolbar-actions .icon-button{min-width:34px}.reader .progress-control .icon-button{min-width:40px}}.testimony-paragraph{font:inherit;line-height:inherit;margin:0 0 .65em}.testimony-paragraph:last-child{margin-bottom:0}.testimony-paragraph strong{font-weight:700;text-decoration:underline;text-decoration-color:#ef6039;text-decoration-thickness:2px;text-underline-offset:3px}.theme-ink .testimony-paragraph strong{text-decoration-color:#d9ef73}.layout-testimony-opening .block-testimony:not(.block-lead):first-letter,.layout-testimony-continuation .block-testimony:first-letter{float:none;font:inherit;padding:0;color:inherit}.layout-testimony-opening .testimony-paragraph:first-child:first-letter,.layout-testimony-continuation .testimony-paragraph:first-child:first-letter{float:left;font-family:"DM Serif Display",serif;font-size:3.5em;line-height:.8;padding:.1em .12em 0 0;color:#e25331}.layout-testimony-continuation .testimony-paragraph:first-child:first-letter{color:#d9ef73}.reader{background-color:var(--surround);background-image:radial-gradient(#8a799820 .8px,transparent .8px);background-size:15px 15px}.reader .brand-symbol{color:#7350a2}.reader .brand-dot{color:#ef8867}.reader .book{border-radius:8px 5px 6px 9px;background:#fffaf0}.reader .book .magazine-page:first-child{border-radius:8px 0 0 8px}.reader .book .magazine-page:last-of-type{border-radius:0 7px 8px 0}.reader .book.with-shadow{box-shadow:0 3px #d6cbbc,0 6px 0 -1px #fffaf0,0 9px 0 -2px #c8c5bd,0 24px 40px -16px #493b6238}.theme-pink{background:#ffe0e9;color:#40315a}.theme-sky{background:#dcecf9;color:#40315a}.theme-lavender{background:#e8dff8;color:#40315a}.theme-mint{background:#e0efda;color:#40315a}.theme-peach{background:#ffdfc5;color:#40315a}.playful-page.theme-butter{background-color:#fff0bb;color:#40315a}.playful-page{--rule: #8997be2c;--dot: #867f9e35}.playful-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.paper-grid:after{background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);background-size:4cqw 4cqw}.paper-ruled:after{background-image:linear-gradient(90deg,transparent 10%,#e89bbf4a 10%,#e89bbf4a 10.3%,transparent 10.3%),repeating-linear-gradient(transparent 0,transparent calc(4.7cqw - 1px),var(--rule) calc(4.7cqw - 1px),var(--rule) 4.7cqw)}.paper-dots:after{background-image:radial-gradient(var(--dot) 1px,transparent 1px);background-size:3cqw 3cqw}.paper-plain:after{background:none}.playful-page .block-heading{letter-spacing:0;text-shadow:none}.playful-page .block-caption{font-family:Caveat,cursive;font-weight:600;font-size:2.35cqw;letter-spacing:.02em;opacity:.85}.playful-page .page-folio{font-family:Caveat,cursive;font-size:1.75cqw;letter-spacing:.02em;z-index:2}.playful-page .block-attribution{font-size:1.8cqw;letter-spacing:0}.playful-page .framed-art{padding:2.2cqw 2.2cqw 4cqw;background:#fffdf7;box-shadow:1px 3px #ac93a91b,0 6px 13px #5a3a6c15}.playful-page .block-tape{background:repeating-linear-gradient(45deg,#c8a8e994 0,#c8a8e994 8px,#e6cff194 8px,#e6cff194 15px);clip-path:polygon(2% 0,98% 2%,100% 95%,1% 100%,3% 80%,0 60%,3% 40%,0 20%);box-shadow:none}.playful-page .block-lead{font-style:normal}.playful-page .testimony-paragraph strong{background:#f9d8796b;text-decoration:none;padding:0 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.playful-page.layout-testimony-opening .testimony-paragraph:first-child:first-letter,.playful-page.layout-testimony-continuation .testimony-paragraph:first-child:first-letter{font-family:Lilita One,sans-serif;color:#9d74b1;font-size:3em;padding:.14em .12em 0 0}.playful-page.layout-poetry-feature:before{display:none}.block-sticker{-webkit-user-select:none;user-select:none}.doodle-art{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0px 2px 0px #fffaf0)}.reader .block-sticker{transition:filter .2s,scale .25s cubic-bezier(.2,.8,.3,1.5)}.reader .block-sticker:hover{scale:1.12;filter:drop-shadow(1px 3px 0 #8d6b9820)}.playful-page .page-contents button{font-family:Caveat,cursive;font-size:3.8cqw;line-height:1.05;padding:1.8cqw 1cqw;border-bottom:1px dashed #aa8cab55;transition:background .15s,rotate .15s}.playful-page .page-contents button:nth-child(3n+1):hover{background:#efd87b50;rotate:-1deg}.playful-page .page-contents button:nth-child(3n+2):hover{background:#e0c4f366;rotate:1deg}.playful-page .page-contents button:nth-child(3n):hover{background:#ffc9d666}.reader .turn-button{background:#fffaf0;border:2px solid #786093;border-radius:46% 54% 49% 51%;box-shadow:2px 3px #b3a0c650;color:#7350a2;width:43px;height:43px}.reader .turn-button:hover:not(:disabled){background:#ffdc89;transform:rotate(-9deg) scale(1.08)}.reader .reader-toolbar{color:#675278}.reader .contents-control,.reader .share-control{font-family:Caveat,cursive;font-size:19px}.reader .page-counter{font-family:Caveat,cursive;font-size:18px}.reader .reading-progress{height:3px;background:#bfaaca3d;border-radius:3px}.reader .reading-progress>span{background:#ae8bce;border-radius:3px}.reader .icon-button:hover:not(:disabled){background:#d8c1ea50;rotate:-5deg}.reader .edition-button{background:#fffaf0;padding:8px 12px;transform:rotate(2deg);border:1px solid #a08bad3b;box-shadow:2px 2px #b6a0c522}.sticker-tray{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:17px}.sticker-tray button{padding:8px;aspect-ratio:1;background:#f5f0fa;border:1px solid #d6c5e6;border-radius:9px}.sticker-tray button:hover{background:#fff0bb;rotate:-5deg}.sticker-tray .doodle-art{max-height:45px}.layers-panel{margin-top:20px;font-size:11px;border-top:1px solid #283b3020;padding-top:13px}.layers-panel summary{cursor:pointer;margin-bottom:10px}.layers-panel button{display:flex;flex-direction:column;text-align:left;width:100%;padding:8px;border-bottom:1px solid #283b3010;gap:2px}.layers-panel button.active{background:#ece0f3}.layers-panel small{opacity:.55;font-size:9px}.layer-actions{gap:7px;margin:0 0 16px}.layer-actions .secondary{font-size:10px;padding:7px}.editing .block-locked{cursor:default}.editing .block-locked.selected{outline-style:dashed;outline-color:#859477}.reader .book.direction-next{animation:scrap-next .45s cubic-bezier(.18,.76,.29,1.08)}.reader .book.direction-prev{animation:scrap-prev .45s cubic-bezier(.18,.76,.29,1.08)}@keyframes scrap-next{0%{transform:perspective(1600px) rotateY(-6deg) rotate(-.6deg) translate(15px)}to{transform:none}}@keyframes scrap-prev{0%{transform:perspective(1600px) rotateY(6deg) rotate(.6deg) translate(-15px)}to{transform:none}}@media(max-width:759px){.reader .book .magazine-page:first-child,.reader .book .magazine-page:last-of-type{border-radius:7px}.reader .book .playful-page:has(.block-poem,.block-testimony) .block-heading{font-family:var(--element-font, "Caveat"),cursive!important;font-size:43px!important;letter-spacing:-1px!important}.reader .book .playful-page:has(.block-poem,.block-testimony) .block-caption{font-size:13px!important;letter-spacing:.02em!important}.reader .book .playful-page .block-sticker{position:absolute!important;left:var(--sticker-x, 78%)!important;top:var(--sticker-y, 3%)!important;width:var(--sticker-w, 15%)!important;height:var(--sticker-h, 70px)!important;transform:rotate(10deg)!important;pointer-events:none}.reader .book .playful-page:has(.block-poem,.block-testimony) .block-sticker{left:83%!important;top:10px!important;width:12%!important;height:53px!important}.reader .book .playful-page.layout-poetry-feature .block-poem{font-family:var(--element-font, "Caveat"),cursive!important;font-size:31px!important;line-height:1.35!important}.reader .book .playful-page .block-attribution{font-size:10px!important}.reader .book .playful-page .page-contents button{font-size:23px;padding:13px 0}.reader .reader-toolbar{background:#f9f3e8;border-color:#c8b5d1}.reader .contents-control,.reader .page-counter{font-size:17px}.sticker-tray{display:flex;flex-shrink:0;width:100%;margin:0;gap:8px}.sticker-tray button{width:45px;height:45px;padding:6px}.layers-panel{width:100%}.reader .book .playful-page .block-poem{font-size:15px!important;line-height:1.6!important}.reader .book .playful-page .block-testimony{font-size:16px!important;line-height:1.75!important}.reader .book .playful-page .block-lead{font-size:29px!important;line-height:1.15!important}}@media(prefers-reduced-motion:reduce){.reader .book,.reader .block-sticker{animation:none!important;transition:none!important}}.studio-app{--purple: #7952d5;--studio-ink: #302b3b;height:100svh;overflow:hidden;background:#f0eff3;color:var(--studio-ink);font:13px DM Sans,sans-serif;display:flex;flex-direction:column}.studio-app *,.studio-modal *{box-sizing:border-box}.studio-app button,.studio-modal button,.studio-login button{font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:7px;padding:8px;background:transparent;color:inherit}.studio-app button:hover,.studio-modal button:hover{background:#eee9f8}.studio-app button:disabled,.studio-modal button:disabled{opacity:.35;cursor:default}.studio-app button:focus-visible,.studio-app input:focus-visible,.studio-app select:focus-visible,.studio-modal :focus-visible{outline:2px solid var(--purple, #7952d5);outline-offset:2px}.studio-app .studio-primary,.studio-modal .studio-primary,.studio-login .studio-primary{background:#7952d5;color:#fff;padding:11px 16px;font-weight:600}.studio-app .studio-primary:hover,.studio-modal .studio-primary:hover{background:#6840c1}.studio-app .studio-secondary,.studio-modal .studio-secondary{border:1px solid #ddd8e5;background:#fff;padding:10px 12px;font-weight:500}.studio-app .full,.studio-modal .full{width:100%;margin:5px 0}.studio-app label,.studio-modal label,.studio-login label{display:flex;flex-direction:column;gap:7px;margin:14px 0;font-size:12px;font-weight:500;color:#514a5d;text-transform:none;letter-spacing:0}.studio-app input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),.studio-app select,.studio-app textarea,.studio-modal input:not([type=checkbox]):not([type=range]):not([type=color]),.studio-modal select,.studio-modal textarea,.studio-login input{width:100%;min-width:0;background:#fff;color:#302b3b;border:1px solid #dad5e2;border-radius:6px;font:13px DM Sans,sans-serif;padding:10px;letter-spacing:0}.studio-app input[type=color],.studio-modal input[type=color]{width:30px;height:30px;padding:2px;border:1px solid #ddd5e7;border-radius:5px;background:#fff;cursor:pointer}.studio-app input[type=range],.studio-modal input[type=range]{width:100%;accent-color:#7952d5}.studio-app input[type=checkbox],.studio-modal input[type=checkbox]{width:16px;height:16px;accent-color:#7952d5}.studio-app .studio-check,.studio-modal .studio-check{flex-direction:row;align-items:center;gap:9px}.studio-header{height:65px;flex-shrink:0;display:flex;align-items:center;gap:22px;padding:0 22px;border-bottom:1px solid #dedbe5;background:#fff;z-index:20}.studio-home{text-decoration:none;color:#7952d5;font:34px Lilita One;white-space:nowrap}.studio-home span{font:24px Caveat;color:#ec9a6d}.studio-document{min-width:0}.studio-document>button{font-weight:600;max-width:330px;padding:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-document>span{display:block;font-size:11px;color:#8b8497;margin-top:4px}.studio-save{margin-left:13px;color:#757080}.studio-history{display:flex;border-left:1px solid #e7e4ec;padding-left:18px;gap:4px}.studio-header-actions{display:flex;margin-left:auto;align-items:center;gap:9px}.studio-workspace{display:flex;flex:1;min-height:0;position:relative}.studio-rail{width:76px;flex-shrink:0;background:#fff;border-right:1px solid #e1dce8;display:flex;flex-direction:column;gap:5px;padding:12px 5px;overflow:auto;z-index:12}.studio-rail button{flex-direction:column;gap:6px;font-size:10px;min-height:64px;padding:9px 2px;border-radius:9px;color:#716a7f}.studio-rail button.active{background:#eee7fb;color:#7345ce;font-weight:600}.studio-panel{width:276px;flex-shrink:0;background:#fff;border-right:1px solid #dedbe5;padding:0 18px 24px;overflow-y:auto;overscroll-behavior:contain}.studio-panel-heading{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fff;z-index:3;padding:17px 0 12px}.studio-panel h2{font:600 16px DM Sans;margin:0;line-height:1.25}.studio-panel h3{font:600 12px DM Sans;margin:25px 0 12px}.studio-tip{color:#90879b;font-size:11px;line-height:1.6;margin:10px 0 16px}.studio-search{position:relative;margin:18px 0!important}.studio-search svg{position:absolute;top:11px;left:10px;color:#91869e}.studio-search input{padding-left:32px!important}.studio-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 10px}.studio-media-tile{min-width:0}.studio-media-tile>button{display:block;padding:0;width:100%;height:125px;background:#f4f1f7;border:1px solid #ece8f0;overflow:hidden}.studio-media-tile>button:hover{outline:2px solid #a17ce7;outline-offset:1px}.studio-media-tile img{width:100%;height:100%;object-fit:contain}.studio-media-tile>div{display:flex;align-items:center;gap:0}.studio-media-tile span{font-size:10px;color:#857b90;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.studio-media-tile>div button{padding:6px 0;margin-left:auto}.studio-design-area{min-width:0;flex:1;display:grid;grid-template-rows:53px minmax(0,1fr) 39px 117px}.studio-context{display:flex;align-items:center;gap:5px;padding:8px 18px;border-bottom:1px solid #e0dce6;background:#fff;white-space:nowrap;overflow-x:auto}.studio-context button{flex-shrink:0}.studio-context .selection-type{font-size:11px;font-weight:600;text-transform:capitalize;padding-right:12px;color:#8d8399}.studio-context .replace-image-button{background:#eee7fa;color:#7244c7;font-size:12px;font-weight:600}.studio-context select{width:auto;max-width:145px;padding:7px}.studio-context input.font-size-input{width:55px;padding:7px}.studio-context input[type=color]{flex-shrink:0}.context-spacer{flex:1}.canvas-instruction{color:#9b91a6;font-size:12px}.studio-canvas-scroller{position:relative;display:flex;overflow:auto;padding:32px 50px;align-items:flex-start;background-image:radial-gradient(#c9c2d140 .8px,transparent .8px);background-size:16px 16px}.studio-canvas-sheet{flex-shrink:0;margin:auto;box-shadow:0 4px 24px #2d1d4b15,0 0 0 1px #2d1d4b0d;position:relative}.studio-canvas-sheet>.magazine-page{width:100%;height:100%;aspect-ratio:auto;overflow:hidden;flex:none;min-width:0}.studio-page-bar{display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#faf9fc;border-top:1px solid #e3dfe9}.studio-page-bar button{font-size:11px;color:#746b82}.studio-page-bar>div{display:flex;align-items:center;gap:7px}.studio-page-bar select{width:117px;font-size:11px;padding:4px;border:0;background:transparent}.current-page-name{max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.studio-page-strip{display:flex;gap:14px;overflow-x:auto;align-items:center;padding:11px 22px 6px;background:#fff;border-top:1px solid #e0dce6}.studio-thumbnail{width:59px;flex-shrink:0}.studio-thumbnail>button{padding:0;display:flex;flex-direction:column;gap:5px;width:100%;font-size:10px;color:#a39baa}.mini-page{width:100%;aspect-ratio:600/790;container-type:inline-size;position:relative;overflow:hidden;border:1px solid #ddd7e5;border-radius:3px;background-size:cover;background-position:center}.mini-page img{width:100%;height:100%;object-fit:contain}.mini-page .doodle-art{filter:none}.studio-thumbnail .mini-page{height:77px}.studio-thumbnail.active .mini-page{outline:2px solid #8b5cdf;outline-offset:2px}.studio-thumbnail.active>button>span{color:#7952d5;font-weight:700}.studio-page-strip .add-page-tile{flex-direction:column;flex-shrink:0;font-size:10px;width:65px;height:77px;border:1px dashed #ccc1dc;color:#8b7a9e;margin-bottom:15px}.studio-app .text-sample{width:100%;background:#f3f0f8;text-align:left;justify-content:flex-start;margin:6px 0;padding:16px}.studio-app .text-sample.heading{font:27px Lilita One}.studio-app .text-sample.hand{font:28px Caveat}.studio-app .text-sample.body{font-size:14px}.studio-app .studio-list-button{display:flex;width:100%;justify-content:flex-start;text-transform:capitalize;padding:13px 8px;border-bottom:1px solid #f0ebf5}.studio-stickers{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.studio-stickers button{aspect-ratio:1;background:#f8f4ec;padding:10px}.studio-stickers .doodle-art{height:45px}.studio-elements{display:grid;grid-template-columns:1fr 1fr;gap:9px}.studio-elements button{flex-direction:column;background:#f6f3fa;font-size:11px;padding:16px;gap:12px}.element-sample{width:35px;height:28px;background:#bca3df}.sample-circle{border-radius:50%}.sample-line,.sample-scribble{height:3px}.sample-scribble{transform:rotate(-8deg);border-radius:50%}.sample-tape{height:16px;background:repeating-linear-gradient(45deg,#bea0df 0,#bea0df 5px,#e3d3f6 5px,#e3d3f6 10px);transform:rotate(-10deg)}.sample-paper{background:#fff5c9;box-shadow:2px 2px #cbbecf;transform:rotate(7deg)}.studio-app .color-field,.studio-modal .color-field{flex-direction:row;align-items:center;justify-content:space-between}.color-value{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:400}.studio-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.studio-swatches button{aspect-ratio:1;border:1px solid #0001;border-radius:50%;padding:0}.paper-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.paper-choices button{flex-direction:column;font-size:10px;text-transform:capitalize;padding:5px;border:1px solid #e9e3ef}.paper-choices button.active{border-color:#a17cd9;background:#eee7fa}.pattern-sample{display:block;width:100%;height:39px;background-color:#fffaf0}.pattern-ruled{background-image:repeating-linear-gradient(transparent 0 7px,#bca8d050 7px,#bca8d050 8px)}.pattern-grid,.mini-grid{background-image:linear-gradient(#bca8d030 1px,transparent 1px),linear-gradient(90deg,#bca8d030 1px,transparent 1px);background-size:9px 9px}.pattern-dots{background-image:radial-gradient(#bca8d0 1px,transparent 1px);background-size:8px 8px}.background-preview{width:100%;max-height:130px;object-fit:cover;border-radius:7px}.studio-app .studio-cancel,.studio-modal .studio-cancel{font-size:11px;color:#7952d5;padding:7px 0;text-align:left}.studio-app .studio-danger,.studio-modal .studio-danger{color:#b74860;background:#fff1f4;font-size:12px;padding:10px}.studio-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.studio-template-grid button{display:block;padding:0;font-size:11px;text-transform:capitalize}.studio-template-grid button>span{display:block;margin:7px}.studio-template-grid .mini-page{height:141px}.studio-layers>div{display:flex;align-items:center;border:1px solid #e9e3ef;border-radius:7px;margin:7px 0}.studio-layers>div.active{border-color:#9c75d9;background:#f3edfc}.studio-layers>div>button:first-child{flex:1;justify-content:flex-start;text-align:left;min-width:0;gap:10px}.studio-layers img,.studio-layers .doodle-art{width:29px;height:34px;object-fit:contain;flex-shrink:0}.studio-layers span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.studio-layers small{display:block;color:#9a8fa6;font-size:9px}.theme-presets{display:flex;gap:7px}.theme-presets button{flex:1;text-transform:capitalize;font-size:10px;height:50px;border:1px solid #ddd5e5}.theme-presets .preset-playful{background:#fff0bb;color:#7952a2}.theme-presets .preset-night{background:#243737;color:#fff8de}.studio-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#24153755;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:110;display:flex;align-items:center;justify-content:center;padding:20px}.studio-modal{width:440px;max-width:100%;max-height:90svh;overflow:auto;background:#fff;border-radius:15px;padding:24px;box-shadow:0 20px 100px #170e3733;font:13px DM Sans;color:#302b3b;outline:none}.studio-modal.wide{width:650px}.studio-modal header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.studio-modal h2{font:600 19px DM Sans;margin:0}.studio-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.studio-field-grid label{margin:8px 0}.page-management{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.metadata-preview{width:100%;height:160px;object-fit:contain;background:#f3f0f6;border-radius:8px}.studio-issue-list>section{display:grid;grid-template-columns:120px 1fr;gap:23px;padding-bottom:24px;margin-bottom:20px;border-bottom:1px solid #e8e1ee}.issue-cover{padding-top:20px}.issue-cover .mini-page{width:120px}.studio-toast{position:fixed;bottom:140px;left:50%;transform:translate(-50%);z-index:200;border-radius:9px;background:#33283e;color:#fff;box-shadow:0 5px 20px #0002;padding:13px 20px;display:flex;align-items:center;gap:10px}.studio-alert{display:flex;align-items:center;justify-content:space-between;background:#fff0ef;color:#b33943;padding:7px 20px}.studio-live-preview{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;z-index:100;background:#fff}.studio-live-preview .exit-preview{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:105;box-shadow:0 3px 20px #0002;background:#7952d5;color:#fff;padding:11px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;font:600 12px DM Sans}.studio-login{min-height:100svh;display:grid;place-content:center;gap:30px;background:#f4eff9}.studio-login form{width:350px;background:#fff;padding:30px;border-radius:14px}.studio-login h1{font:28px Lilita One}.studio-login>a{font-size:12px;text-align:center;color:#7952d5}.studio-app .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-background-image{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-repeat:no-repeat}.direct-editing .block{touch-action:none;-webkit-user-select:none;user-select:none;cursor:move}.direct-editing .block.selected{outline:2px solid #9264df;outline-offset:0;overflow:visible}.direct-editing .block.selected:after{display:none}.direct-editing .block.typing{cursor:text;-webkit-user-select:text;user-select:text}.inline-writing{width:100%;height:100%;outline:none;cursor:text;white-space:pre-wrap;-webkit-user-select:text;user-select:text}.direct-editing .selection-handles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100}.direct-editing .selection-handles button{position:absolute;pointer-events:auto;background:#fff;border:1.5px solid #9264df;box-shadow:0 1px 3px #583e6c20;border-radius:50%;padding:0;min-width:0;touch-action:none}.direct-editing .resize-handle{width:10px;height:10px}.handle-nw{top:-5px;left:-5px;cursor:nwse-resize}.handle-ne{top:-5px;right:-5px;cursor:nesw-resize}.handle-se{bottom:-5px;right:-5px;cursor:nwse-resize}.handle-sw{bottom:-5px;left:-5px;cursor:nesw-resize}.handle-e{top:calc(50% - 5px);right:-5px;cursor:ew-resize}.handle-w{top:calc(50% - 5px);left:-5px;cursor:ew-resize}.direct-editing .selection-handles .rotate-handle{top:-36px;left:calc(50% - 11px);width:23px;height:23px;color:#7952d5;cursor:grab}.center-guide{position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #e361cf;z-index:100;pointer-events:none}.empty-artwork{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;background:#a981d51a;border:1px dashed #aa89c7;font:2.5cqw DM Sans;color:#8a67ac}.drop-active{outline:3px dashed #9b6be5;outline-offset:-10px}.drop-message{pointer-events:none;position:absolute;top:30%;right:30%;bottom:30%;left:30%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#faf6fff0;border-radius:15px;color:#7952d5;font-weight:600}.reader[data-site-pattern=grid]{background-image:linear-gradient(#8a799820 1px,transparent 1px),linear-gradient(90deg,#8a799820 1px,transparent 1px);background-size:25px 25px}.reader[data-site-pattern=dots]{background-image:radial-gradient(#8a799830 1px,transparent 1px);background-size:15px 15px}.reader .book{border-radius:var(--book-radius)}.reader .book .magazine-page:first-child{border-radius:var(--book-radius) 0 0 var(--book-radius)}.reader .book .magazine-page:last-of-type{border-radius:0 var(--book-radius) var(--book-radius) 0}.reader .turn-button{color:var(--reader-controls);border-color:var(--reader-controls)}.reader .reader-toolbar,.reader .brand-symbol{color:var(--reader-controls)}.reader .reading-progress>span{background:var(--reader-controls)}@media(min-width:1700px){.studio-panel{width:310px}.studio-media-tile>button{height:145px}}@media(max-width:1050px){.studio-panel{width:240px;padding:0 14px 20px}.studio-header{gap:14px;padding:0 15px}.studio-history{padding-left:10px}.canvas-instruction{display:none}.studio-context{padding:8px}.studio-media-tile>button{height:109px}}@media(max-width:759px){.studio-header{height:60px;gap:10px;padding:0 12px}.studio-home{font-size:28px}.studio-document>button{max-width:125px;font-size:11px}.studio-header-actions{gap:5px}.studio-header-actions>button[aria-label=Save],.studio-history{display:none}.studio-header-actions .studio-primary,.studio-header-actions .studio-secondary{font-size:11px;padding:9px}.studio-header-actions svg{display:none}.studio-document>span{font-size:9px}.studio-save{margin-left:5px}.studio-rail{width:60px;padding:8px 3px}.studio-rail button{font-size:9px;min-height:59px}.studio-panel{position:absolute;left:60px;top:0;bottom:0;width:250px;z-index:15;box-shadow:8px 0 30px #30203e16}.studio-design-area{grid-template-rows:51px minmax(0,1fr) 38px 103px}.studio-canvas-scroller{padding:25px 20px}.studio-context{gap:3px}.selection-type{display:none}.studio-page-strip{gap:12px;padding:9px 14px}.studio-thumbnail{width:51px}.studio-thumbnail .mini-page,.studio-page-strip .add-page-tile{height:67px}.studio-page-bar{padding:0 8px}.current-page-name{max-width:45%}.studio-modal{padding:19px}.studio-toast{bottom:120px;width:max-content;max-width:90%;font-size:11px}.studio-issue-list>section{grid-template-columns:75px 1fr;gap:15px}.issue-cover .mini-page{width:75px}.reader .book .magazine-page:first-child,.reader .book .magazine-page:last-of-type{border-radius:var(--book-radius)}}.studio-app{--purple: #355d72;--studio-ink: #24333f;background:#eef1f4}.studio-header{background:#fff;border-bottom:1px solid #dce2e7;height:76px}.studio-home{color:#355d72;transform:none;font-size:39px}.studio-desk-label{display:block;font:600 11px DM Sans,sans-serif;color:#647581;margin-bottom:3px}.studio-header .studio-primary,.studio-app .studio-primary{background:#355d72;border-radius:8px;box-shadow:none}.studio-header .studio-primary:hover,.studio-app .studio-primary:hover{background:#28495b}.studio-history{border-color:#dce2e7}.studio-rail{background:#f8fafb;border-color:#dce2e7;width:85px;gap:7px}.studio-rail button{color:#526471;min-height:60px}.studio-rail button.active{background:#e8eff4;color:#355d72;border-radius:8px}.studio-rail .add-stuff-tool{background:#e8eff4;color:#355d72;margin-bottom:9px;border:1px solid #c7d7e2;box-shadow:none;font-weight:700}.studio-rail .add-stuff-tool svg{background:#fff;padding:3px;width:29px;height:29px;border-radius:50%}.studio-panel{background:#fff;border-color:#dce2e7}.studio-panel-heading{background:#fff}.studio-panel h2{font:600 20px DM Sans,sans-serif;font-weight:600;color:#24333f}.studio-panel h3{color:#526471}.studio-app button:hover{background:#eef2f5}.studio-app input:focus-visible,.studio-app button:focus-visible{outline-color:#355d72}.making-welcome{display:flex;align-items:center;gap:12px;padding:15px 0 5px}.making-welcome>.doodle-art{width:62px;height:64px;transform:none;flex-shrink:0}.making-welcome p{font:22px/1.1 Caveat;margin:0;color:#a6794d}.making-welcome strong{color:#5c6f5b;font-weight:700}.studio-app .quick-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}.studio-app .quick-add-grid button{flex-direction:column;min-height:121px;gap:7px;background:#eee2f0;border:1px solid #dacadd;border-radius:8px;padding:13px 7px;box-shadow:0 3px #ded0df70}.studio-app .quick-add-grid button:nth-child(2){background:#dcebdc;border-color:#c6d8c7;transform:none}.studio-app .quick-add-grid button:nth-child(3){background:#fff0c4;border-color:#e9d9a4;transform:none}.studio-app .quick-add-grid button:nth-child(4){background:#f6dfd0;border-color:#e6cbbc}.studio-app .quick-add-grid button:hover{transform:none}.quick-add-grid svg{width:27px;height:27px;color:#75617a}.quick-add-grid strong{font-size:13px}.quick-add-grid span:not(.note-sample){font-size:9px;color:#857768;line-height:1.35}.quick-add-grid .note-sample{font:30px/1 Caveat}.making-hint{font:12px/1.5 DM Sans;color:#998775;transform:none;margin-top:25px}.studio-app .studio-stickers button{background:#f5efdf;border:1px dashed #dbceb3}.studio-app .studio-stickers button:hover{transform:none;background:#ffedb0}.studio-design-area{grid-template-rows:53px minmax(0,1fr) 42px 48px 117px}.studio-context{background:#fff;border-color:#dce2e7}.studio-canvas-scroller{background-color:#e9edf1;background-image:radial-gradient(#9faebd35 .8px,transparent .8px)}.studio-canvas-sheet{box-shadow:0 6px 0 -3px #d9cdb7,0 7px 28px #6b53311a}.studio-canvas-scroller.hand-mode,.studio-canvas-scroller.hand-mode .block{cursor:grab;touch-action:none}.studio-canvas-scroller.hand-mode:active,.studio-canvas-scroller.hand-mode:active .block{cursor:grabbing}.studio-app .studio-page-bar{background:#f8fafb;border-color:#dce2e7;padding:0 15px}.studio-page-bar .active{color:#2d725b;background:#dcebdc}.studio-page-bar button{padding:6px}.studio-page-bar select{width:95px}.studio-page-bar>div{gap:2px}.mobile-history{display:none}.page-shelf-heading{display:flex;align-items:center;padding:6px 19px;gap:12px;border-top:1px solid #dce2e7;background:#fff}.page-shelf-heading>div{display:flex;align-items:baseline;gap:12px;margin-right:auto;min-width:0}.page-shelf-heading strong{font:600 13px DM Sans;color:#24333f;white-space:nowrap}.page-shelf-heading span{font-size:10px;color:#61727f}.page-shelf-heading>button{font-size:11px;flex-shrink:0}.studio-app .page-shelf-heading .fresh-page-button{background:#e8eff4;border:1px solid #c7d7e2;font-weight:600;color:#355d72}.studio-page-strip{background:#fff;border-top:0;padding-top:4px}.studio-thumbnail.active .mini-page{outline-color:#355d72}.studio-thumbnail.active>button>span{color:#355d72}.studio-thumbnail.drop-target{border-left:4px solid #355d72;padding-left:5px}.empty-page-invitation{position:absolute;top:16%;right:9%;bottom:16%;left:9%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:40;gap:10px;pointer-events:none;container-type:inline-size}.empty-page-invitation>.doodle-art{width:54px;height:54px}.empty-page-invitation h2{font:600 clamp(20px,6cqw,30px)/1.2 "DM Sans";color:#9b805e;margin:0}.empty-page-invitation p{font:12px DM Sans;color:#a28d73;margin:0 0 8px}.studio-app .empty-page-invitation button{pointer-events:auto;background:#f0e6cf;border:1px dashed #cfba8e;padding:10px 17px;color:#7c6746}.studio-modal:has(.page-sort-board){width:940px;background:#fff}.studio-modal:has(.page-sort-board) h2{font:600 22px DM Sans;color:#24333f}.page-sort-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.sort-page{padding:10px;background:#f4f6f8;border:2px solid transparent;border-radius:12px;min-width:0}.sort-page.drop-target{border-color:#355d72;background:#e1ecde}.studio-modal .sort-page-preview{display:flex;flex-direction:column;gap:9px;padding:0;width:100%;cursor:grab}.sort-page-preview .mini-page{width:100%}.sort-page-preview strong{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sort-page-controls{display:flex;align-items:center;justify-content:space-between;margin-top:7px;gap:2px}.studio-modal .sort-page-controls button{padding:5px 1px;flex-shrink:0;min-height:32px}.studio-modal .sort-page-controls select{padding:5px 2px;font-size:11px;border:0;background:transparent}.sort-footer{z-index:50;display:flex;justify-content:space-between;position:sticky;bottom:-24px;background:#fff;padding:18px 0 4px;border-top:1px solid #dce2e7;margin-top:20px}@media(max-width:1100px){.page-shelf-heading span{display:none}.studio-rail{width:76px}}@media(max-width:759px){.studio-header{height:69px}.studio-home{font-size:28px}.studio-desk-label{font-size:14px}.studio-rail{width:60px;gap:3px}.studio-rail button{min-height:55px}.studio-rail .add-stuff-tool{margin-bottom:4px}.studio-design-area{grid-template-rows:49px minmax(0,1fr) 43px 42px 92px}.studio-panel{left:60px}.studio-page-bar .current-page-name{display:none}.studio-page-bar>div{width:100%;justify-content:center;gap:4px}.studio-page-bar .mobile-history{display:flex;gap:0}.studio-page-bar button{padding:5px}.studio-page-bar select{width:84px}.page-shelf-heading{padding:4px 8px;gap:4px}.page-shelf-heading>div{display:none}.page-shelf-heading>button{font-size:10px;padding:7px}.page-shelf-heading .fresh-page-button{margin-left:auto}.page-sort-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-modal:has(.page-sort-board) h2{font-size:22px}.empty-page-invitation{top:8%;right:6%;bottom:8%;left:6%;gap:7px}.empty-page-invitation>.doodle-art{width:34px;height:34px}.empty-page-invitation p{font-size:10px}.studio-app .empty-page-invitation button{font-size:11px;padding:8px 10px}}@media(prefers-reduced-motion:reduce){.quick-add-grid button:hover,.studio-stickers button:hover{transform:none!important}}.studio-app .quick-add-grid button:nth-child(n){background:#fff;border:1px solid #dce2e7;box-shadow:none;transform:none;min-height:98px}.studio-app .quick-add-grid button:hover{background:#eef3f7;border-color:#9bb3c5}.quick-add-grid svg{color:#355d72}.quick-add-grid span:not(.note-sample){color:#526471;font-size:11px}.studio-app .studio-stickers button{background:#f7f9fa;border:1px solid #dce2e7}.studio-app .studio-stickers button:hover{background:#e8eff4;transform:none}.studio-modal,.studio-login{--purple: #355d72;color:#24333f}.studio-modal h2,.studio-login h1{font-family:DM Sans,sans-serif;font-weight:600}.studio-modal .studio-primary,.studio-login .studio-primary{background:#355d72}.studio-modal .studio-primary:hover,.studio-login .studio-primary:hover{background:#28495b}.studio-app .empty-page-invitation h2{color:#526471}.studio-app .empty-page-invitation button{background:#f4f6f8;border:1px solid #c7d7e2;color:#355d72}.reader .reader-toolbar{gap:12px}.reader .toolbar-actions{gap:10px}.reader .share-control{white-space:nowrap}@media(max-width:759px){.reader .reader-toolbar{gap:6px;flex-wrap:wrap;justify-content:center}.reader .toolbar-actions{gap:12px}.reader .share-control span{display:inline;font-size:12px}}.reader-invitation{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1100px,90vw);margin:0 auto 22px;color:var(--ink)}.reader-invitation h1{font:400 28px/1.15 Lilita One,sans-serif;margin:0 0 6px;letter-spacing:0}.reader-invitation p{font:12px/1.5 DM Sans,sans-serif;margin:0;opacity:.72}.reader-invitation button{display:flex;align-items:center;gap:10px;font:600 12px DM Sans;padding:11px 16px;border:1px solid currentColor;border-radius:5px;background:#fffaf0;white-space:nowrap;box-shadow:3px 3px #15364b22}.reader-invitation button:hover{transform:translateY(-2px)}.reader[data-reader-style=explore] .site-header{border-bottom:1px solid #16354c20;margin-bottom:20px}.reader[data-reader-style=explore] .brand-dot{color:var(--accent)}.reader[data-reader-style=explore] .edition-button{transform:none;background:var(--ink);color:var(--paper, #fffdf5);font-weight:600;letter-spacing:.1em;border-radius:4px;padding:10px 14px}.reader[data-reader-style=explore] .turn-button{border-radius:8px;box-shadow:3px 3px #16354c22;background:#fffaf0}.reader[data-reader-style=explore] .contents-control,.reader[data-reader-style=explore] .share-control,.reader[data-reader-style=explore] .page-counter{font-family:DM Sans;font-size:13px}.reader[data-reader-style=explore] .page-contents button{font-family:DM Sans;font-size:2.8cqw;line-height:1.2;padding:2.3cqw .8cqw;border-bottom:1px solid #16354c30}.reader[data-reader-style=explore] .testimony-paragraph strong{background:#f6c74c55}.reader[data-reader-style=explore] .testimony-paragraph:first-child:first-letter{color:var(--ink)}.reader[data-reader-style=explore] .playful-page .block-tape{background:repeating-linear-gradient(45deg,#f2c45499 0,#f2c45499 8px,#fae9b599 8px,#fae9b599 15px)}.reader[data-reader-style=explore] .book.with-shadow{box-shadow:0 3px #bfc8c0,0 6px 0 -1px #fffdf5,0 9px 0 -2px #c1c7bc,0 22px 45px -18px #16354c55}.focus-mode .reader-invitation{display:none}.studio-sync-warning{display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:#fff1cb;color:#664919;padding:10px 20px;font-size:12px}.studio-sync-warning>span{margin-right:auto}.studio-app .studio-sync-warning button{border:1px solid #b89953;background:#fff9e8}.save-summary{display:flex;flex-direction:column;gap:9px;padding:15px;border-radius:9px;background:#eaf1e8;font-size:11px;line-height:1.5}.studio-app a.studio-secondary{display:flex;text-decoration:none;justify-content:center}@media(max-width:759px){.reader-invitation{width:calc(100% - 30px);margin-bottom:18px;gap:12px;align-items:flex-start}.reader-invitation h1{font-size:23px}.reader-invitation p{font-size:11px;max-width:230px}.reader-invitation button{font-size:10px;padding:8px;max-width:95px;white-space:normal;gap:4px}.reader[data-reader-style=explore] .site-header{margin-bottom:19px}.reader[data-reader-style=explore] .book .page-contents button{font-size:18px;padding:15px 0}}@media(prefers-reduced-motion:reduce){.reader-invitation button:hover{transform:none}}.studio-app .studio-panel-backdrop{display:none}@media(max-width:759px){.reader{padding:0 max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.reader .site-header,.reader[data-reader-style=explore] .site-header{height:60px;margin-bottom:12px}.reader .reader-main{padding-top:0}.reader .edition-button{min-height:44px;padding:10px 14px;font-size:11px;letter-spacing:.04em}.reader .brand{min-height:44px}.reader .brand-symbol{font-size:32px}.reader .book{max-width:480px;margin-inline:auto}.reader .book .magazine-page{min-width:0}.reader .reader-toolbar{position:sticky;bottom:max(8px,env(safe-area-inset-bottom));left:auto;right:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;max-width:480px;margin:18px auto 0;padding:6px;height:auto;border:1px solid #cdd5d6;border-radius:16px;background:#fffcf6;box-shadow:0 6px 22px #18374912}.reader .progress-control{grid-column:1 / -1;grid-row:1;width:100%;margin:0 0 4px;display:grid;grid-template-columns:48px 1fr 48px;border-bottom:1px solid #e4e5de;padding-bottom:4px}.reader .progress-control .icon-button{width:48px;height:44px;border-radius:10px}.reader .page-counter{font:600 14px DM Sans,sans-serif;min-width:0}.reader .toolbar-actions{display:contents}.reader .contents-control,.reader .share-control{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:8px 2px;gap:6px;border-radius:9px;font:500 12px DM Sans,sans-serif}.reader .share-control span{display:inline;font-size:inherit}.reader .contents-control svg,.reader .share-control svg{flex-shrink:0;width:17px;height:17px}.reader .reading-progress{max-width:480px;margin:10px auto 0;height:3px;border-radius:4px;overflow:hidden}.reader .modal-backdrop{align-items:flex-end;padding:0;z-index:200}.reader .modal{width:100%;max-height:min(88dvh,740px);border-radius:20px 20px 0 0;padding:16px 20px max(20px,env(safe-area-inset-bottom));overscroll-behavior:contain}.reader .modal .icon-button,.reader .modal .text-button{min-width:44px;min-height:44px}.reader .modal .primary,.reader .modal .secondary{min-height:48px}.reader .modal h2{font-size:26px}.reader .modal .download-options>div{flex-wrap:wrap;gap:6px}.studio-app{height:100dvh}.studio-app .studio-header{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:42px 44px;flex-shrink:0;height:auto;min-height:100px;padding:max(6px,env(safe-area-inset-top)) 12px 6px;gap:2px 10px}.studio-app .studio-home{font-size:27px}.studio-app .studio-document{min-width:0}.studio-app .studio-document>button{max-width:100%;font-size:13px;padding:0}.studio-app .studio-document>span{font-size:11px}.studio-app .studio-desk-label{display:none}.studio-app .studio-header-actions{grid-column:1 / -1;margin-left:0;width:100%;justify-content:flex-end;gap:6px}.studio-app .studio-header-actions>button[aria-label=Save]{display:inline-flex;margin-right:auto}.studio-app .studio-header-actions>button{min-height:44px;min-width:44px}.studio-app .studio-header-actions .studio-primary,.studio-app .studio-header-actions .studio-secondary{padding:8px 12px;font-size:12px}.studio-app .studio-header-actions svg{display:block;width:18px;height:18px}.studio-app .studio-workspace{padding-bottom:calc(72px + env(safe-area-inset-bottom));min-height:0}.studio-app .studio-rail{position:absolute;inset:auto 0 0;width:100%;height:calc(72px + env(safe-area-inset-bottom));flex-direction:row;align-items:flex-start;gap:4px;border:0;border-top:1px solid #dce2e7;padding:5px 8px calc(5px + env(safe-area-inset-bottom));overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;background:#fff;z-index:22}.studio-app .studio-rail button{min-width:62px;min-height:58px;flex:0 0 auto;gap:4px;font-size:10px;padding:7px 5px}.studio-app .studio-rail .add-stuff-tool{margin:0}.studio-app .studio-rail .add-stuff-tool svg{width:22px;height:22px;padding:0;background:none}.studio-app .studio-design-area{width:100%;grid-template-rows:44px minmax(0,1fr) 44px 44px}.studio-app .studio-context{padding:0 8px;gap:6px}.studio-app .studio-context button{min-width:40px;min-height:40px}.studio-app .studio-canvas-scroller{padding:16px}.studio-app .studio-page-bar{padding:0 4px}.studio-app .studio-page-bar>div{gap:0}.studio-app .studio-page-bar button{min-width:44px;min-height:40px;padding:4px}.studio-app .studio-page-bar>div>button:not([aria-label]){display:none}.studio-app .studio-page-bar select{width:90px;padding:6px 2px}.studio-app .page-shelf-heading{padding:0 8px;gap:8px}.studio-app .page-shelf-heading>button{min-height:40px;font-size:12px;padding:6px 10px}.studio-app .studio-page-strip{display:none;padding:4px 12px;gap:12px}.studio-app .studio-thumbnail{width:44px}.studio-app .studio-thumbnail .mini-page{height:58px}.studio-app .studio-panel-backdrop{display:block;position:absolute;inset:0 0 calc(72px + env(safe-area-inset-bottom));background:#122b4038;border-radius:0;z-index:19;padding:0}.studio-app .studio-panel{position:absolute;top:auto;left:0;right:0;bottom:calc(72px + env(safe-area-inset-bottom));width:100%;max-height:min(62dvh,calc(100% - 84px));padding:0 18px 20px;border:1px solid #dce2e7;border-bottom:0;border-radius:20px 20px 0 0;box-shadow:0 -8px 28px #1a314421;z-index:20}.studio-app .studio-panel-heading{padding:8px 0;min-height:58px}.studio-app .studio-panel-heading button{width:44px;height:44px}.studio-app .studio-panel h2{font-size:18px}.studio-app .studio-panel input:not([type=color]):not([type=checkbox]):not([type=range]),.studio-app .studio-panel textarea,.studio-app .studio-panel select,.studio-modal input,.studio-modal textarea,.studio-modal select,.studio-login input{font-size:16px}.studio-app .studio-panel .studio-media-tile>button{height:120px}.studio-app .studio-media-tile>div button{min-width:44px;min-height:44px}.studio-modal{max-width:calc(100vw - 24px);max-height:88dvh;border-radius:16px;overflow-y:auto}.studio-modal button{min-height:44px}.studio-login{padding:max(24px,env(safe-area-inset-top)) 20px}.studio-login form{width:100%;max-width:360px}.studio-login input,.studio-login button{min-height:48px}.studio-app .studio-toast{bottom:calc(84px + env(safe-area-inset-bottom))}}