:root{--navy:#182033;--navy-2:#28344d;--teal:#0f766e;--teal-dark:#0a5b55;--teal-soft:#e4f2ef;--ink:#182033;--muted:#687184;--line:#dce2e6;--paper:#fff;--wash:#f5f7f7;--sand:#eee8df;--shadow:0 20px 60px #1820331f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.55}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}svg{flex:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.02}p{color:var(--muted)}:focus-visible{outline-offset:3px;outline:3px solid #0f766e52}.container{width:min(1180px,100% - 40px);margin-inline:auto}.eyebrow{color:var(--teal);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:15px;font-size:.72rem;font-weight:900;display:inline-flex}.eyebrow svg{width:15px;height:15px}.site-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-bottom:1px solid #dce2e6d9;height:74px;position:sticky;top:0}.header-inner,.studio-header{justify-content:space-between;align-items:center;gap:28px;height:100%;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:.92rem;font-weight:900;display:inline-flex}.brand b{color:var(--teal);letter-spacing:.09em;font-size:.75rem}.brand-mark{color:#fff;background:var(--teal);border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.brand-mark svg{width:19px}.nav{align-items:center;gap:31px;font-size:.84rem;font-weight:800;display:flex}.nav a,.text-link{transition:color .2s}.nav a:hover,.text-link:hover{color:var(--teal)}.header-actions{align-items:center;gap:18px;display:flex}.text-link{font-size:.84rem;font-weight:800}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-size:.86rem;font-weight:900;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.45}.button svg{width:17px}.button-primary{color:#fff;background:var(--teal);box-shadow:0 9px 22px #0f766e2e}.button-primary:hover:not(:disabled){background:var(--teal-dark);box-shadow:0 13px 26px #0f766e40}.button-secondary{border-color:var(--line);background:#fff}.button-secondary:hover{background:var(--wash)}.button-light{color:var(--navy);background:#fff}.button-small{min-height:40px;padding:8px 14px;font-size:.8rem}.button-large{min-height:54px;padding:13px 23px;font-size:.92rem}.hero{background:radial-gradient(circle at 86% 12%,#0f766e21,#0000 31%),linear-gradient(150deg,#fff 20%,#f4f8f7);overflow:hidden}.hero-grid{grid-template-columns:1.02fr .98fr;align-items:center;gap:72px;min-height:690px;padding-block:70px;display:grid}.hero h1{max-width:680px;margin-bottom:25px;font-size:clamp(3.4rem,6.2vw,6.25rem)}.hero h1 em,.upload-copy h1 em{color:var(--teal);font-style:normal}.hero-copy>p{max-width:610px;font-size:1.15rem}.hero-actions{flex-wrap:wrap;gap:11px;margin:31px 0;display:flex}.trust-row{color:var(--muted);flex-wrap:wrap;gap:20px;font-size:.76rem;font-weight:800;display:flex}.trust-row span{align-items:center;gap:6px;display:flex}.trust-row svg{width:15px;color:var(--teal)}.hero-visual{height:535px;position:relative}.orbit{border:1px solid #0f766e29;border-radius:50%;position:absolute}.orbit-one{inset:4% 2%}.orbit-two{inset:14% 13%}.book-demo{z-index:3;filter:drop-shadow(0 30px 32px #18203338);grid-template-columns:1fr 1fr;width:104%;height:285px;display:grid;position:absolute;top:23%;left:-1%;transform:perspective(1000px)rotateY(-7deg)rotateX(4deg)}.book-page{padding:29px;position:relative;overflow:hidden}.book-left{color:#fff;background:linear-gradient(145deg,var(--teal),#0a5a56);flex-direction:column;justify-content:space-between;display:flex}.book-left:after{content:"";border:28px solid #ffffff1a;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-70px;right:-55px}.book-left span{letter-spacing:-.05em;font-size:2.25rem;font-weight:900;line-height:.9}.book-page small{letter-spacing:.16em;font-size:.58rem;font-weight:900}.book-right{text-align:center;background:#efe9de;flex-direction:column;justify-content:center;align-items:center;display:flex}.book-right p{z-index:2;color:var(--navy);font-weight:900;position:relative}.book-right small{position:absolute;bottom:26px}.demo-sun{background:linear-gradient(#d7b06a,#d17c5d);border-radius:50%;width:128px;height:128px;margin-bottom:-35px}.book-spine{z-index:4;background:linear-gradient(90deg,#00000024,#ffffff2e,#00000017);width:18px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.floating-chip{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe8;border:1px solid #fffc;border-radius:8px;align-items:center;gap:8px;padding:11px 14px;font-size:.72rem;font-weight:900;display:flex;position:absolute;box-shadow:0 12px 28px #18203321}.floating-chip svg{width:16px;color:var(--teal)}.chip-top{animation:5s ease-in-out infinite float;top:13%;right:1%}.chip-bottom{animation:5s ease-in-out -2s infinite float;bottom:10%;left:2%}@keyframes float{50%{transform:translateY(-9px)}}.ticker{color:#c9d1d8;background:var(--navy);letter-spacing:.18em;white-space:nowrap;padding:16px 0;font-size:.64rem;font-weight:900;overflow:hidden}.ticker>div{width:max-content;margin:auto}.ticker i{vertical-align:middle;background:#4eb4aa;border-radius:50%;width:4px;height:4px;margin:0 27px;display:inline-block}.section{padding:104px 0}.section-heading{max-width:720px;margin-bottom:55px}.section-heading h2,.format-grid h2,.cta-card h2{font-size:clamp(2.5rem,4.5vw,4.45rem)}.section-heading.center{text-align:center;margin-inline:auto}.steps{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.steps article{min-height:305px;padding:31px 42px 20px 0;position:relative}.steps article+article{border-left:1px solid var(--line);padding-left:42px}.steps article>span{color:#a2abb5;letter-spacing:.12em;font-size:.7rem;font-weight:900}.step-icon{width:50px;height:50px;color:var(--teal);background:var(--teal-soft);border-radius:8px;place-items:center;margin:35px 0 26px;display:grid}.step-icon svg{width:22px}.steps h3{margin-bottom:12px;font-size:1.45rem}.steps p{max-width:300px;font-size:.9rem}.format-section{background:var(--navy);color:#fff}.format-grid{grid-template-columns:.82fr 1.18fr;align-items:center;gap:85px;display:grid}.format-grid>div:first-child p{color:#aeb7c5;max-width:470px}.inline-link{color:#6ad0c6;align-items:center;gap:8px;margin-top:18px;font-size:.86rem;font-weight:900;display:inline-flex}.inline-link svg{width:18px}.format-cards{height:430px;position:relative}.format-card{background:#253049;border:1px solid #ffffff29;border-radius:8px;flex-direction:column;padding:19px;display:flex;position:absolute;box-shadow:0 22px 50px #050b184d}.format-card strong{margin-top:15px;font-size:.88rem}.format-card>span{color:#95a0b2;font-size:.68rem}.card-1{z-index:3;width:225px;top:0;left:25%;transform:rotate(-3deg)}.card-2{z-index:2;width:270px;bottom:18px;right:0;transform:rotate(3deg)}.card-3{z-index:1;width:205px;bottom:0;left:0;transform:rotate(-5deg)}.mini-book{background:var(--teal);display:flex;overflow:hidden}.mini-book.portrait{height:230px}.mini-book.landscape{height:160px}.mini-book.square{height:166px}.mini-book i{background:linear-gradient(145deg,#0f766e,#0b5d57);flex:1}.mini-book i+i{background:linear-gradient(145deg,#eee7db,#d8c9b3);border-left:1px solid #ffffff40}.feature-section{background:#f7f9f9}.feature-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.feature-grid article{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:265px;padding:30px}.feature-grid article>svg{width:31px;height:31px;color:var(--teal);background:var(--teal-soft);border-radius:8px;margin-bottom:54px;padding:6px}.feature-grid h3{font-size:1.28rem}.feature-grid p{font-size:.85rem}.final-cta{background:#f7f9f9;padding-top:20px}.cta-card{color:#fff;background:radial-gradient(circle at 70% 20%,#48b4a947,transparent 32%),var(--teal);border-radius:8px;justify-content:space-between;align-items:center;gap:40px;padding:61px;display:flex}.cta-card .eyebrow{color:#b9ebe6}.cta-card h2{margin:0}footer{color:#aeb7c5;background:var(--navy);padding:48px 0 24px}.footer-inner{justify-content:space-between;align-items:center;gap:30px;display:flex}.brand-light{color:#fff}.footer-inner p{color:#8e99ab;margin:0;font-size:.72rem}.footer-inner>div{gap:24px;font-size:.78rem;font-weight:800;display:flex}.studio-shell{background:#f3f5f5;min-height:100vh}.studio-header{border-bottom:1px solid var(--line);background:#fff;height:66px;padding:0 22px}.studio-title{flex-direction:column;align-items:center;font-size:.82rem;font-weight:900;display:flex}.studio-title small{color:var(--muted);font-size:.65rem;font-weight:700}.studio-actions{gap:8px;display:flex}.icon-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;place-items:center;width:38px;height:38px;padding:0;display:grid}.icon-button:disabled{cursor:not-allowed;opacity:.38}.icon-button svg{width:17px}.upload-stage{grid-template-columns:.85fr 1.15fr;align-items:center;gap:80px;width:min(1120px,100% - 40px);min-height:calc(100vh - 66px);margin:auto;padding:60px 0;display:grid}.upload-copy h1{font-size:clamp(3rem,5.7vw,5.4rem)}.upload-copy>p{max-width:510px;font-size:1.02rem}.format-pills{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.format-pills span{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:.68rem;font-weight:900;display:flex}.format-pills svg{width:14px;color:var(--teal)}.drop-zone{text-align:center;background:#fff;border:2px dashed #b9c4c8;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:470px;padding:45px;transition:border-color .2s,background .2s,transform .2s;display:flex;position:relative}.drop-zone.dragging{border-color:var(--teal);background:#f1faf8;transform:scale(1.01)}.drop-zone>input{opacity:0;width:1px;height:1px;position:absolute}.upload-icon{width:69px;height:69px;color:var(--teal);background:var(--teal-soft);border-radius:50%;place-items:center;margin-bottom:24px;display:grid}.upload-icon svg{width:29px}.drop-zone h2{margin-bottom:6px;font-size:1.65rem}.drop-zone p{margin-bottom:22px}.drop-zone small{color:#929ba9;margin-top:15px;font-size:.65rem}.progress{background:#e6ebeb;border-radius:8px;width:min(300px,85%);height:7px;margin-top:15px;overflow:hidden}.progress i{background:var(--teal);border-radius:8px;height:100%;transition:width .25s;display:block}.spin{width:40px;height:40px;color:var(--teal);margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#9b2936;background:#fbe9eb;border-radius:8px;max-width:90%;margin-top:20px;padding:9px 12px;font-size:.75rem;font-weight:800}.editor-layout{grid-template-columns:150px minmax(0,1fr) 310px;height:calc(100vh - 66px);display:grid}.editor-sidebar,.settings-panel{z-index:3;background:#fff;overflow:auto}.editor-sidebar{border-right:1px solid var(--line)}.sidebar-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:74px;padding:13px;display:flex}.sidebar-head>div{flex-direction:column;display:flex}.sidebar-head .eyebrow{margin:0;font-size:.57rem}.sidebar-head strong{font-size:.75rem}.thumbnail-list{gap:11px;padding:13px;display:grid}.thumbnail-list button{aspect-ratio:3/4;cursor:pointer;background:#e9eded;border:2px solid #0000;border-radius:6px;padding:0;position:relative;overflow:hidden}.thumbnail-list button.active{border-color:var(--teal);box-shadow:0 0 0 2px #0f766e26}.thumbnail-list img{object-fit:contain;background:#fff;width:100%;height:100%;display:block}.thumbnail-list span{z-index:2;color:#fff;background:#182033d1;border-radius:5px;place-items:center;width:19px;height:19px;font-size:.55rem;font-weight:900;display:grid;position:absolute;bottom:5px;left:5px}.preview-area{flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:72px 40px 75px;transition:background .25s;display:flex;position:relative;overflow:hidden}.preview-toolbar{color:#596274;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:.69rem;font-weight:900;display:flex;position:absolute;top:15px;left:18px;right:18px}.preview-toolbar span{align-items:center;gap:7px;display:flex}.preview-toolbar svg{width:15px}.book-preview{filter:drop-shadow(0 25px 27px #18203340);width:min(780px,90%);transition:width .25s;display:flex;position:relative}.book-preview.size-a4,.book-preview.size-letter,.book-preview.size-a5{aspect-ratio:1.414}.book-preview.size-square{aspect-ratio:2}.book-preview.size-wide{aspect-ratio:16/9;width:min(720px,88%)}.book-preview.style-presentation{width:min(570px,70%)}.book-preview.style-presentation.size-a4,.book-preview.style-presentation.size-letter,.book-preview.style-presentation.size-a5{aspect-ratio:.707}.book-preview.style-presentation.size-square{aspect-ratio:1}.book-preview.single:not(.style-presentation){aspect-ratio:.707;width:min(390px,48%)}.preview-page{background:#fff;flex:1;min-width:0;position:relative;overflow:hidden}.preview-page:first-child{border-radius:5px 0 0 5px}.preview-page:last-child{border-radius:0 5px 5px 0}.book-preview.single .preview-page,.book-preview.style-presentation .preview-page{border-radius:5px}.preview-page img{object-fit:contain;background:#fff;width:100%;height:100%;display:block}.page-shadow{z-index:2;background:linear-gradient(90deg,#0000,#1820332b);width:24px;position:absolute;top:0;bottom:0;right:0}.page-controls{background:#ffffffeb;border:1px solid #1820331c;border-radius:8px;align-items:center;gap:15px;padding:6px;display:flex;position:absolute;bottom:21px;box-shadow:0 8px 22px #1820331a}.page-controls button{cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:32px;height:32px;padding:0;display:grid}.page-controls button:hover:not(:disabled){background:var(--teal-soft);color:var(--teal)}.page-controls button:disabled{opacity:.28}.page-controls svg{width:17px}.page-controls span{color:#687184;align-items:center;gap:9px;font-size:.7rem;font-weight:900;display:flex}.page-controls i{background:var(--line);width:1px;height:13px}.settings-panel{border-left:1px solid var(--line);padding-bottom:30px}.settings-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:74px;padding:15px 18px;display:flex}.settings-head>svg{width:20px;color:var(--teal)}.settings-head div{flex-direction:column;display:flex}.settings-head strong{font-size:.78rem}.settings-head span{color:var(--muted);font-size:.63rem}.settings-panel fieldset{border:0;border-bottom:1px solid var(--line);margin:0;padding:22px 18px}.settings-panel legend,.select-label{letter-spacing:.03em;font-size:.68rem;font-weight:900}.settings-panel legend{align-items:center;gap:6px;display:flex}.settings-panel legend svg{width:14px;color:var(--teal)}.option-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.option-grid button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:8px;flex-direction:column;align-items:flex-start;min-height:107px;padding:10px;display:flex;position:relative}.option-grid button.selected{border-color:var(--teal);box-shadow:0 0 0 2px #0f766e17}.option-grid button>svg{width:14px;color:var(--teal);position:absolute;top:7px;right:7px}.option-grid button strong{margin-top:8px;font-size:.68rem}.option-grid button small{color:var(--muted);font-size:.55rem}.style-swatch{background:#dce4e4;border-radius:3px;width:44px;height:29px;display:flex;overflow:hidden}.style-swatch i{background:#b8d4d1;flex:1}.style-swatch i+i{background:#e3ddd4;border-left:1px solid #fff}.swatch-presentation{width:26px}.swatch-catalogue{width:50px;height:25px}.swatch-magazine{height:32px}.select-label{border-bottom:1px solid var(--line);gap:8px;padding:21px 18px;display:grid}.select-label select{border:1px solid var(--line);width:100%;color:var(--navy);background:#fff;border-radius:8px;padding:10px;font-size:.71rem;font-weight:800}.theme-row{gap:9px;margin-top:12px;display:flex}.theme-row button{cursor:pointer;width:32px;height:32px;box-shadow:0 0 0 1px var(--line);border:2px solid #fff;border-radius:50%;place-items:center;padding:0;display:grid}.theme-row button.selected{box-shadow:0 0 0 2px var(--teal)}.theme-row svg{width:14px;color:var(--teal)}.theme-row button:nth-child(2) svg{color:#fff}.setting-note{background:var(--wash);border-radius:8px;gap:10px;margin:20px 18px;padding:12px;display:flex}.setting-note svg{width:15px;color:var(--teal)}.setting-note p{margin:0;font-size:.61rem}.setting-note strong{color:var(--navy)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#111827a3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.publish-modal{text-align:center;background:#fff;border-radius:8px;width:min(500px,100%);padding:40px;position:relative;box-shadow:0 28px 80px #00000040}.modal-close{cursor:pointer;background:var(--wash);border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:13px;right:13px}.modal-close svg{width:16px}.success-icon{color:#fff;background:var(--teal);border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 20px;display:grid}.publish-modal h2{font-size:2rem}.publish-modal>p{font-size:.84rem}.share-link{border:1px solid var(--line);background:var(--wash);border-radius:8px;align-items:center;gap:10px;margin:22px 0;padding:7px 7px 7px 13px;display:flex}.share-link span{min-width:0;color:var(--teal-dark);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.67rem;font-weight:800;overflow:hidden}.share-link button{color:#fff;cursor:pointer;background:var(--navy);border:0;border-radius:6px;padding:8px 10px;font-size:.64rem;font-weight:900}.modal-actions{justify-content:center;gap:8px;display:flex}@media (max-width:980px){.nav{display:none}.hero-grid{grid-template-columns:1fr;gap:15px}.hero-visual{width:min(620px,100%);margin:auto}.format-grid{grid-template-columns:1fr}.format-cards{width:min(650px,100%);margin:auto}.feature-grid{grid-template-columns:1fr 1fr}.editor-layout{grid-template-columns:100px minmax(0,1fr)}.settings-panel{z-index:20;width:310px;max-height:calc(100vh - 66px);transition:transform .2s;position:fixed;bottom:0;right:0;transform:translate(calc(100% - 4px));box-shadow:-15px 0 30px #1820331f}.settings-panel:hover,.settings-panel:focus-within{transform:translate(0)}.upload-stage{grid-template-columns:1fr;gap:35px}.upload-copy{text-align:center}.upload-copy>p{margin-inline:auto}.format-pills{justify-content:center}}@media (max-width:680px){.container{width:min(100% - 28px,1180px)}.site-header{height:66px}.header-actions .text-link{display:none}.hero-grid{min-height:0;padding-block:65px 30px}.hero h1{font-size:3.35rem}.hero-visual{height:390px}.book-demo{height:215px}.book-left span{font-size:1.65rem}.floating-chip{font-size:.62rem}.section{padding:76px 0}.steps{grid-template-columns:1fr}.steps article,.steps article+article{border-left:0;border-bottom:1px solid var(--line);min-height:0;padding:28px 0}.step-icon{margin:22px 0 18px}.format-cards{height:510px}.card-1{width:190px;left:9%}.card-2{width:230px;bottom:70px;right:0}.card-3{width:175px;bottom:0}.feature-grid{grid-template-columns:1fr}.cta-card{flex-direction:column;align-items:flex-start;padding:39px 28px}.footer-inner{flex-direction:column;align-items:flex-start}.footer-inner>div{display:none}.studio-header{padding:0 12px}.studio-title,.studio-actions .icon-button{display:none}.upload-stage{padding:35px 0}.upload-copy h1{font-size:3.2rem}.drop-zone{min-height:380px;padding:26px}.editor-layout{grid-template-columns:72px minmax(0,1fr)}.sidebar-head{justify-content:center}.sidebar-head>div{display:none}.thumbnail-list{padding:8px}.preview-area{padding:65px 12px}.book-preview{width:96%}.book-preview.style-presentation{width:82%}.settings-panel{width:290px}.modal-actions{flex-direction:column}.share-link{flex-direction:column;align-items:stretch}.share-link button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.login-page{background:radial-gradient(circle at 50% 10%,#dff1ed,transparent 35%),var(--wash);place-items:center;min-height:100vh;padding:80px 20px;display:grid}.login-brand{position:absolute;top:24px;left:28px}.login-card{border:1px solid var(--line);width:min(470px,100%);box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:8px;padding:46px}.login-card h1{font-size:2.65rem}.login-card>p{margin-bottom:26px}.login-actions{gap:10px;display:grid}.login-card small{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:22px;font-size:.67rem;display:flex}.login-card small svg{width:14px}.provider-g{width:20px;height:20px;color:var(--teal);background:#fff;border-radius:50%;place-items:center;font-weight:900;display:grid}.login-error{color:#9b2936;background:#fbe9eb;border-radius:8px;margin-bottom:18px;padding:10px;font-size:.75rem;font-weight:800}.dashboard-page{background:var(--wash);min-height:100vh}.dashboard-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 max(24px,50vw - 590px);display:flex}.dashboard-header>div{color:var(--muted);align-items:center;gap:17px;font-size:.77rem;font-weight:800;display:flex}.dashboard-header form{margin:0}.dashboard-header button{cursor:pointer;background:0 0;border:0;padding:0}.dashboard-container{width:min(1120px,100% - 40px);margin:auto;padding:70px 0 100px}.dashboard-title{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:38px;display:flex}.dashboard-title h1{margin-bottom:8px;font-size:4rem}.dashboard-title p{margin:0}.booklet-list{grid-template-columns:1fr 1fr;gap:18px;display:grid}.booklet-list article{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:145px 1fr;display:grid;overflow:hidden;box-shadow:0 10px 30px #1820330f}.booklet-cover{color:#fff;background:radial-gradient(circle at 30% 20%,#fff3,transparent 25%),linear-gradient(145deg,var(--teal),var(--navy));flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:230px;display:flex}.booklet-cover svg{width:35px}.booklet-cover span{letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:900}.booklet-info{padding:24px}.booklet-info h2{margin:10px 0 6px;font-size:1.3rem}.booklet-info>p{font-size:.68rem}.status-pill{color:#136d50;text-transform:uppercase;background:#dff6ec;border-radius:99px;padding:4px 8px;font-size:.57rem;font-weight:900}.booklet-stats{color:var(--muted);gap:14px;margin:20px 0;font-size:.67rem;font-weight:800;display:flex}.booklet-stats span{align-items:center;gap:5px;display:flex}.booklet-stats svg{width:14px}.empty-library{text-align:center;background:#fff;border:1px dashed #b7c1c7;border-radius:8px;padding:80px 30px}.empty-library>svg{width:52px;height:52px;color:var(--teal);background:var(--teal-soft);border-radius:50%;margin-bottom:18px;padding:12px}.empty-library h2{font-size:2rem}.empty-library p{margin-bottom:25px}.studio-user{max-width:120px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:800;overflow:hidden}.spin-small{height:15px;animation:1s linear infinite spin;width:15px!important}.error-icon{color:#fff;background:#b43b4b;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 20px;display:grid}.error-icon svg{width:20px}.reader-shell{justify-content:center;align-items:center;min-height:100vh;padding:95px 35px 80px;display:flex;overflow:hidden}.reader-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffed;border-bottom:1px solid #1820331a;justify-content:space-between;align-items:center;height:66px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.reader-header>strong{text-overflow:ellipsis;white-space:nowrap;max-width:50%;font-size:.8rem;overflow:hidden}.reader-header>div{gap:7px;display:flex}.reader-book{max-height:calc(100vh - 175px)}.reader-loading{text-align:center;place-items:center;display:grid}.reader-loading p{font-weight:800}.reader-controls{z-index:20;background:#fffffff0;border:1px solid #1820331f;border-radius:8px;align-items:center;gap:15px;padding:7px;display:flex;position:fixed;bottom:18px;box-shadow:0 8px 25px #1820331f}.reader-controls button{cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:36px;height:34px;padding:0;display:grid}.reader-controls button:hover:not(:disabled){color:var(--teal);background:var(--teal-soft)}.reader-controls button:disabled{opacity:.3}.reader-controls svg{width:18px}.reader-controls span{min-width:70px;color:var(--muted);text-align:center;font-size:.68rem;font-weight:900}.copy-toast{color:#fff;background:var(--navy);border-radius:8px;padding:10px 14px;font-size:.7rem;font-weight:900;position:fixed;bottom:20px;right:20px}@media (max-width:780px){.booklet-list{grid-template-columns:1fr}.dashboard-title{flex-direction:column;align-items:flex-start}.dashboard-title h1{font-size:3.2rem}.reader-shell{padding-inline:10px}.reader-book{width:96%}.reader-header>strong,.studio-user{display:none}}@media (max-width:480px){.login-card{padding:34px 24px}.booklet-list article{grid-template-columns:100px 1fr}.booklet-info{padding:18px}.booklet-cover{min-height:205px}.dashboard-header>div>span{display:none}.reader-header{padding:0 10px}.reader-header .brand b{display:none}}.style-swatch i:nth-child(3){display:none}.style-swatch.swatch-trifold{width:52px;height:29px}.style-swatch.swatch-trifold i{border-left:1px solid #fff;display:block}.style-swatch.swatch-trifold i:first-child{background:#a8cfca}.style-swatch.swatch-trifold i:nth-child(2){background:#dcd8cf}.style-swatch.swatch-trifold i:nth-child(3){background:#6faaa3}.option-grid button:disabled{cursor:not-allowed;opacity:.42}.select-label>small{color:var(--teal-dark);font-size:.56rem}.book-preview.size-a4_landscape{aspect-ratio:842/595;width:min(780px,90%)}.trifold-experience{flex-direction:column;align-items:center;gap:20px;width:min(850px,94%);display:flex}.trifold-canvas{aspect-ratio:842/595;perspective:1600px;place-items:center;width:100%;display:grid}.trifold-cover{aspect-ratio:280.75/595;cursor:pointer;transform-origin:0;background:#fff;border:0;border-radius:3px;height:100%;padding:0;animation:.65s cubic-bezier(.2,.75,.25,1) brochure-arrive;position:relative;overflow:hidden;box-shadow:0 28px 45px #18203342}.trifold-cover>span{background-position:100%;background-repeat:no-repeat;background-size:300% 100%;position:absolute;inset:0}.cover-edge{background:linear-gradient(90deg,#0000,#1820333b);width:9px;position:absolute;top:0;bottom:0;right:0}.trifold-cover:after{color:#fff;content:"Click to open";letter-spacing:.05em;text-transform:uppercase;background:#182033c7;border-radius:6px;padding:6px 8px;font-size:.55rem;font-style:normal;font-weight:900;position:absolute;bottom:12px;right:12px}.trifold-sheet{width:100%;height:100%;transform-style:preserve-3d;background:#fff;border-radius:3px;animation:.58s cubic-bezier(.2,.75,.25,1) brochure-unfold;position:relative;overflow:hidden;box-shadow:0 28px 50px #1820333d}.trifold-sheet img{object-fit:fill;width:100%;height:100%;display:block}.fold-line{z-index:2;background:#ffffff9e;width:1px;position:absolute;top:0;bottom:0;box-shadow:-3px 0 7px #18203324,3px 0 7px #1820331f}.fold-one{left:33.333%}.fold-two{left:66.666%}.panel-label{z-index:3;color:#fff;letter-spacing:.05em;text-transform:uppercase;opacity:0;background:#182033b8;border:1px solid #ffffff2e;border-radius:5px;padding:4px 7px;font-size:.5rem;font-weight:900;transition:opacity .2s;position:absolute;top:9px}.trifold-sheet:hover .panel-label{opacity:1}.label-one{left:9px}.label-two{left:calc(33.333% + 9px)}.label-three{left:calc(66.666% + 9px)}.trifold-controls{justify-content:center;align-items:center;gap:10px;min-height:42px;display:flex}.trifold-controls button{cursor:pointer;min-height:38px;color:var(--navy);background:#fffffff0;border:1px solid #18203324;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:.68rem;font-weight:900;display:inline-flex;box-shadow:0 6px 16px #18203314}.trifold-controls button:hover{border-color:var(--teal);color:var(--teal-dark)}.trifold-controls button svg{width:15px}.side-switch{background:#ffffffc7;border:1px solid #1820331f;border-radius:8px;padding:3px;display:flex}.side-switch button{box-shadow:none;background:0 0;border:0}.side-switch button.active{color:#fff;background:var(--teal)}.fold-button{color:var(--muted)!important}.trifold-requirement{text-align:center;background:#ffffffb3;border:1px dashed #9eaaaf;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:28px;display:flex}.trifold-requirement svg{width:34px;color:var(--teal)}.trifold-requirement span{color:var(--muted);font-size:.7rem}.reader-shell>.trifold-experience{width:min(1000px,94vw)}.reader-shell>.trifold-experience .trifold-canvas{width:auto;max-width:100%;height:min(65vw,100vh - 175px);max-height:calc(100vh - 175px)}.reader-shell>.trifold-experience .trifold-cover{height:100%}@keyframes brochure-arrive{0%{opacity:0;transform:translateY(18px)rotateY(-12deg)}to{opacity:1;transform:none}}@keyframes brochure-unfold{0%{opacity:.35;transform:scaleX(.36)rotateY(-18deg)}to{opacity:1;transform:scaleX(1)rotateY(0)}}@media (max-width:680px){.trifold-experience{width:98%}.trifold-canvas{aspect-ratio:842/595}.trifold-controls{flex-direction:column;width:100%}.side-switch{width:100%}.side-switch button{flex:1;padding-inline:7px}.fold-button{min-height:32px!important}.panel-label{display:none}.reader-shell>.trifold-experience .trifold-canvas{width:100%;height:auto}.trifold-cover:after{content:"Open"}}
.trifold-physical{perspective:1800px;width:100%;height:100%;transform-style:preserve-3d;touch-action:pan-y;position:relative}.trifold-world{transform-style:preserve-3d;transition:opacity .25s;position:absolute;inset:0}.mockup-3d .trifold-physical{cursor:grab;touch-action:none}.mockup-3d.is-dragging .trifold-physical{cursor:grabbing}.mockup-3d.is-dragging .mockup-card{transition:none}.mockup-3d .trifold-world{opacity:0}.mockup-3d.spin-360 .mockup-card{animation:1.45s cubic-bezier(.42,0,.3,1) mockup-orbit}@keyframes mockup-orbit{0%{transform:rotateX(7deg) rotateY(var(--mockup-rotate-y,-11deg)) rotateZ(-1deg) scale(.9) translateY(-1.5%)}to{transform:rotateX(7deg) rotateY(calc(var(--mockup-rotate-y,-11deg) + 360deg)) rotateZ(-1deg) scale(.9) translateY(-1.5%)}}.mockup-card{z-index:10;opacity:0;pointer-events:none;transform-style:preserve-3d;will-change:transform;position:absolute;top:4%;bottom:4%}.mockup-step-0,.mockup-step-3{width:33.3334%;left:33.3333%}.mockup-step-1{width:66.6666%;left:16.6667%}.mockup-step-2{width:100%;left:0}.mockup-3d .mockup-card{opacity:1;transform:rotateX(7deg) rotateY(var(--mockup-rotate-y,-11deg)) rotateZ(-1deg) scale(.9) translateY(-1.5%);animation:.72s cubic-bezier(.22,.61,.36,1) mockup-state-in}@keyframes mockup-state-in{0%{opacity:.25;transform:rotateX(7deg) rotateY(calc(var(--mockup-rotate-y,-11deg) - 42deg)) rotateZ(-1deg) scale(.82) translateY(-1.5%)}}.mockup-face{backface-visibility:hidden;background:#fff;border-radius:3px;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:18px 28px 36px #1820333d}.mockup-back{transform:rotateY(180deg)}.mockup-panel{background-color:#fff;background-position-y:50%;background-repeat:no-repeat;background-size:300% 100%;min-width:0;box-shadow:inset 0 0 0 .5px #1820331a}.base-panel,.paper-leaf,.back-result{width:33.3334%;transform-style:preserve-3d;will-change:transform, opacity;position:absolute;top:0;bottom:0;left:33.3333%}.base-panel{z-index:1}.paper-leaf{transition:transform .95s cubic-bezier(.22,.61,.36,1),opacity .2s}.tuck-leaf{z-index:3;transform-origin:100%}.cover-leaf{z-index:5;transform-origin:0}.paper-face{background-color:#fff;background-position-y:50%;background-repeat:no-repeat;background-size:300% 100%;border-radius:2px;transition:opacity 10ms linear .47s;position:absolute;inset:0;overflow:hidden;box-shadow:0 18px 34px #1820332b,inset 0 0 0 .5px #1820331a}.paper-back{transform:rotateY(180deg)}.fold-step-0 .cover-leaf .paper-front,.fold-step-0 .tuck-leaf .paper-front,.fold-step-1 .cover-leaf .paper-back,.fold-step-1 .tuck-leaf .paper-front,.fold-step-2 .cover-leaf .paper-back,.fold-step-2 .tuck-leaf .paper-back{opacity:1}.fold-step-0 .cover-leaf .paper-back,.fold-step-0 .tuck-leaf .paper-back,.fold-step-1 .cover-leaf .paper-front,.fold-step-1 .tuck-leaf .paper-back,.fold-step-2 .cover-leaf .paper-front,.fold-step-2 .tuck-leaf .paper-front{opacity:0}.crop-left{background-position-x:left}.crop-center{background-position-x:50%}.crop-right{background-position-x:right}.paper-face>span{z-index:5;color:#fff;letter-spacing:.05em;text-transform:uppercase;opacity:0;background:#182033c7;border:1px solid #fff3;border-radius:5px;padding:4px 7px;font-size:.5rem;font-weight:900;transition:opacity .2s;position:absolute;top:9px;left:9px}.trifold-world:hover .paper-face>span{opacity:1}.fold-step-0 .cover-leaf{transform:rotateY(0)translateZ(3px)}.fold-step-0 .tuck-leaf,.fold-step-1 .tuck-leaf{transform:rotateY(0)}.fold-step-1 .cover-leaf,.fold-step-2 .cover-leaf{transform:rotateY(-180deg)translateZ(2px)}.fold-step-2 .tuck-leaf{transform:rotateY(180deg)translateZ(1px)}.back-result{z-index:8;opacity:0;pointer-events:none;transform:rotateY(180deg)}.fold-step-3 .cover-leaf{animation:1.35s forwards close-cover-for-back}.fold-step-3 .tuck-leaf{animation:1.35s forwards close-tuck-for-back}.fold-step-3 .base-panel{animation:1.35s forwards hide-centre}.fold-step-3 .back-result{animation:1.35s forwards reveal-back-cover}@keyframes close-cover-for-back{0%{opacity:1;transform:rotateY(-180deg)translateZ(2px)}55%{opacity:1;transform:rotateY(0)}70%,to{opacity:0;transform:rotateY(0)}}@keyframes close-tuck-for-back{0%{opacity:1;transform:rotateY(180deg)translateZ(1px)}55%{opacity:1;transform:rotateY(0)translateZ(1px)}70%,to{opacity:0;transform:rotateY(0)}}@keyframes hide-centre{0%,58%{opacity:1}70%,to{opacity:0}}@keyframes reveal-back-cover{0%,55%{opacity:0;transform:rotateY(180deg)}to{opacity:1;transform:rotateY(0)}}.cover-hit{z-index:12;cursor:pointer;background:0 0;border:0;width:33.3334%;padding:0;position:absolute;top:0;bottom:0;left:33.3333%}.cover-hit:focus-visible{outline:3px solid var(--teal);outline-offset:5px}.cover-hit>span{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:#182033d1;border-radius:6px;padding:6px 8px;font-size:.55rem;font-weight:900;position:absolute;bottom:12px;right:12px}.trifold-progress{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;margin-top:-10px;font-size:.58rem;font-weight:900;display:flex}.trifold-progress i{background:#18203326;border-radius:5px;width:23px;height:3px}.trifold-progress i.complete{background:var(--teal)}.trifold-progress span{margin-left:4px}.trifold-controls button:disabled{cursor:not-allowed;opacity:.35}.trifold-controls .fold-nav.primary{color:#fff;border-color:var(--teal);background:var(--teal)}.trifold-controls .fold-nav.primary:hover{color:#fff;background:var(--teal-dark)}.trifold-controls .mockup-toggle.active{color:#fff;border-color:var(--navy);background:var(--navy)}.trifold-controls .rotate-full{color:var(--teal-dark);border-color:#0f766e59}@media (max-width:680px){.trifold-progress span{display:none}.trifold-controls .fold-nav{width:100%}.paper-face>span{display:none}.cover-hit>span{padding:5px 7px;font-size:.48rem;bottom:6px;right:6px}}