:root{--ink:#203d36;--muted:#77817b;--cream:#f8f9f4;--green:#244e41;--mint:#d4e9bd;--line:#e4e8de;--orange:#e89167}*{box-sizing:border-box}body{color:var(--ink);background:var(--cream);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}button:hover{background:#edf3e8}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}input,textarea,select{color:var(--ink);background:#fff;border:1px solid #dce2d8;border-radius:7px;width:100%;min-width:0;padding:10px;font-size:13px}input:focus,textarea:focus,select:focus{outline-offset:1px;outline:2px solid #91b69a}textarea{resize:vertical;line-height:1.5}label{margin:12px 0 7px;font-size:12px;font-weight:600;display:block}label>input,label>textarea,label>select{margin-top:7px;display:block}input[type=color]{cursor:pointer;height:38px;padding:4px}h1,h2,h3,p{margin-top:0}p{line-height:1.65}h1,h2,h3{letter-spacing:-.04em}h1{font-weight:500}h2{font-weight:600}svg{flex-shrink:0}.app{flex-direction:column;min-height:100vh;display:flex}.main-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:96px;margin:0 6%;display:flex}.logo{letter-spacing:-.7px;white-space:nowrap;align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.logo-icon{background:var(--green);width:38px;height:40px;color:var(--mint);border-radius:10px 10px 10px 2px;place-items:center;display:grid}.logo-light{font-weight:400}.header-right{align-items:center;gap:26px;display:flex}.edition{letter-spacing:2px;color:var(--muted);font-size:10px;font-weight:700}.support{color:#52685c;align-items:center;gap:6px;font-size:12px;display:inline-flex}.kw{opacity:.85;align-items:center;gap:3px;line-height:0;display:inline-flex}.kw:hover{opacity:1}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin:auto 6% 0;padding:23px 0;font-size:11px;display:flex}footer>div{align-items:center;gap:24px;display:flex}.landing{grid-template-columns:1.25fr 1fr;align-items:start;gap:85px;width:1120px;max-width:88%;margin:65px auto 55px;display:grid}.eyebrow{letter-spacing:2px;align-items:center;gap:9px;margin:0 0 24px;font-size:10px;font-weight:700;display:flex}.tiny-dot{background:#71a986;border-radius:50%;width:6px;height:6px;display:inline-block}.welcome h1{letter-spacing:-4px;margin-bottom:22px;font-size:70px;line-height:1.06}.welcome h1 em{color:#678961;font-family:Georgia,serif;font-weight:400}.welcome>p{color:#6a766f;margin-bottom:20px;font-size:14px;line-height:1.8}.features{color:#506d5c;flex-wrap:wrap;gap:15px;font-size:10px;display:flex}.features span{align-items:center;gap:5px;display:flex}.features svg{color:#689361}.login-card{background:#fff;border:1px solid #e1e6dc;border-radius:18px;margin-top:5px;padding:34px;box-shadow:0 14px 50px #2b4b3510}.card-top{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.card-top>span:last-child{letter-spacing:1px;color:#b0b5ad;font-size:10px}.tag{letter-spacing:1.3px;color:#637f52;background:#edf4e8;border-radius:4px;padding:7px 9px;font-size:9px;font-weight:700;display:inline-block}.login-card h2{margin-bottom:13px;font-size:35px;line-height:1.17}.login-card>p{color:var(--muted);margin-bottom:25px;font-size:12px}.role-switch{background:#f4f6f0;border-radius:8px;margin-bottom:23px;padding:4px;display:flex}.role-switch button{color:#7b8478;background:0 0;border:0;flex:1;padding:11px 5px;font-size:11px}.role-switch .chosen{color:var(--ink);background:#fff;box-shadow:0 2px 6px #26422f0d}.login-card form label{margin-bottom:9px;font-size:11px}.password-input{color:#a0aa9a;border:1px solid #dde2d7;border-radius:7px;align-items:center;gap:9px;padding:0 13px;display:flex}.password-input input{background:0 0;border:0;padding:14px 0;font-size:12px}.password-input input:focus{outline:none}.password-input:focus-within{outline:2px solid #a8c299}.primary{background:var(--green);color:#fff;border:1px solid var(--green);padding:14px 21px;font-weight:600}.primary:hover{background:#346451;border-color:#346451}.wide{width:100%;margin-top:10px}.login-card .primary{justify-content:space-between;margin-top:17px;font-size:12px}.login-hint{border-top:1px solid var(--line);color:#6d8168;gap:13px;margin-top:25px;padding-top:22px;display:flex}.login-hint svg{margin-top:3px}.login-hint p{color:#8a9285;margin:0;font-size:11px;line-height:1.6}.preview-note{letter-spacing:1.2px;color:#b48855;text-align:center;margin-top:25px;font-size:9px}.mini-spread{width:420px;max-width:95%;height:246px;margin:38px 0 17px;display:flex;position:relative;transform:rotate(-5deg);box-shadow:3px 13px 30px #2941351c}.mini-photo,.mini-story{background:#fffdf7;width:50%;padding:19px 17px;position:relative}.mini-photo{border-right:1px solid #dfdfd4}.mini-photo>span{letter-spacing:1px;font-size:12px;font-weight:700}.abstract-photo{background:#dce6da;height:155px;margin-top:11px;position:relative;overflow:hidden}.sun{background:#f2c487;border-radius:50%;width:35px;height:35px;position:absolute;top:15px;right:24px}.mountain{background:#adc3a4;width:180px;height:140px;position:absolute;bottom:-70px;left:-15px;transform:rotate(45deg)}.mountain.two{background:#93ac90;bottom:-85px;left:90px}.group-people{justify-content:center;align-items:end;gap:3px;display:flex;position:absolute;bottom:20px;left:0;right:0}.group-people i{border-radius:10px 10px 0 0;width:17px;display:block;position:relative}.group-people i:before{content:"";background:#dbab89;border-radius:50%;width:13px;height:13px;display:block;position:absolute;top:-16px;left:2px}.mini-photo small{font-size:7px;position:absolute;bottom:19px;left:17px}.mini-story h3{letter-spacing:-1px;margin:19px 0 14px;font:700 31px/1 Georgia}.mini-year{color:#719268;font-size:12px;line-height:1.05;position:absolute;top:18px;right:18px}.mini-star{color:#87a776;font-size:44px;position:absolute;top:88px;right:16px}.mini-story p{font-size:9px;line-height:1.5}.fake-lines{background:repeating-linear-gradient(#dde2d4 0 2px,#0000 2px 7px);width:95%;height:35px}.mini-story small{font-size:6px;position:absolute;bottom:19px}.spread-sticker{background:#e9a578;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:74px;height:74px;font-size:11px;line-height:1.3;display:flex;position:absolute;bottom:4px;right:-22px;transform:rotate(15deg);box-shadow:0 2px 5px #0001}.spread-sticker b{font-family:Georgia;font-size:19px;font-style:italic}.mini-caption{color:#8c9686;letter-spacing:.2px;margin-left:20px;font-size:9px}.center-stage{text-align:center;margin:65px auto 75px}.center-stage h1{margin:22px 0 15px;font-size:42px}.center-stage>p,.style-stage>p{color:var(--muted);font-size:13px}.class-form{text-align:left;width:345px;margin:30px auto}.class-form>input{letter-spacing:4px;text-align:center;padding:20px;font-size:28px;font-weight:600}.field-help{color:#92998e;justify-content:space-between;margin:9px 0 23px;font-size:10px;display:flex}.class-form .primary{justify-content:space-between}.info-strip{text-align:left;color:#7c8b71;background:#edf3e8;border-radius:9px;justify-content:center;align-items:center;gap:12px;padding:16px 25px;font-size:11px;display:flex}.style-stage{text-align:center;width:88%;max-width:1100px;margin:35px auto 60px}.style-stage>.text-btn{margin-bottom:25px;display:flex}.text-btn{color:#71846b;background:0 0;border:0;padding-left:0}.style-stage h1{margin:18px 0;font-size:42px}.theme-grid{grid-template-columns:repeat(4,1fr);gap:22px;margin:32px 0;display:grid}.theme-card{text-align:left;background:#fff;border:2px solid #0000;border-radius:12px;padding:0;display:block;overflow:hidden;box-shadow:0 3px 14px #3145300a}.theme-card.selected{border-color:#4e805f}.theme-art{height:240px;padding:24px;position:relative;overflow:hidden}.theme-label{letter-spacing:1px;font-size:9px}.theme-heading{z-index:1;margin-top:22px;font-size:34px;font-weight:700;line-height:1.05;position:relative}.theme-heading>span{font-size:64px;position:absolute;bottom:-45px;right:-7px}.theme-block{width:120px;height:40px;position:absolute;bottom:44px;left:24px}.theme-art>small{letter-spacing:1px;font-size:7px;position:absolute;bottom:21px;left:24px}.theme-info{padding:19px;position:relative}.theme-info>b{font-size:14px}.theme-info>svg{color:#548066;position:absolute;top:17px;right:16px}.theme-info>p{color:var(--muted);min-height:36px;margin:8px 0 0;font-size:11px;font-weight:400}.dashboard{width:88%;max-width:1150px;margin:45px auto 60px}.dashboard-heading{justify-content:space-between;align-items:center;display:flex}.dashboard h1{margin:20px 0 10px;font-size:48px}.dashboard-heading p{color:var(--muted);font-size:13px}.stats{border:1px solid var(--line);background:#fff;border-radius:12px;gap:0;margin:28px 0;display:flex}.stats>div{border-right:1px solid var(--line);flex:1;align-items:center;gap:18px;padding:25px;display:flex}.stats>div:last-child{border:0}.stats b{font-size:32px;font-weight:500}.stats span{color:var(--muted);font-size:12px}.dashboard-tools{align-items:center;gap:10px;margin:24px 0;display:flex}.search{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;width:290px;margin-right:auto;padding:0 14px;display:flex}.search input{border:0}.class-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.class-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.class-card-art{background:#e9eee3;justify-content:center;height:230px;padding:18px;display:flex;overflow:hidden}.class-card-art svg{width:140px;box-shadow:0 5px 15px #26473118}.class-card-bottom{padding:20px}.class-card-bottom>div:first-child{justify-content:space-between;align-items:center;display:flex}.class-card h3{margin:0;font-size:19px}.class-card-bottom p{color:var(--muted);margin:12px 0 20px;font-size:10px}.class-card-bottom>div:last-child{justify-content:space-between;display:flex}.status-pill{color:#937846;background:#f4eddf;border-radius:4px;padding:6px 8px;font-size:9px;display:inline-block}.status-pill.ready{color:#52814c;background:#e9f4e2}.empty{text-align:center;color:#829778;background:#fff;border:1px dashed #cbd7c3;border-radius:12px;flex-direction:column;align-items:center;padding:70px;display:flex}.empty h3{color:var(--ink);margin:20px 0 6px;font-size:23px}.empty p{font-size:12px}.icon-btn{background:0 0;border:0;padding:8px}.error{color:#874d36;z-index:100;background:#fff0e8;border-bottom:1px solid #e5c4b5;align-items:center;gap:14px;padding:13px 25px;font-size:12px;display:flex;position:relative}.error>span{flex:1}.error>button{font-size:11px}.editor-app{height:100vh;min-height:0;overflow:hidden}.editor-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:72px;min-height:72px;padding:0 22px;display:flex}.editor-header>div{align-items:center;gap:15px;display:flex}.editor-header .logo{gap:8px;font-size:18px}.editor-header .logo-icon{border-radius:8px 8px 8px 2px;width:31px;height:33px}.header-divider{background:var(--line);width:1px;height:24px;margin:0 3px}.class-badge{color:#546f48;white-space:nowrap;background:#eef4e9;border-radius:6px;padding:8px 11px;font-size:12px}.editor-actions{gap:9px!important}.editor-actions button{padding:9px 13px;font-size:12px}.editor-actions .subtle{background:0 0;border:0}.small{padding:10px 16px}.save-status{color:#8a9982;align-items:center;gap:5px;margin-right:7px;font-size:10px;display:flex}.save-status.error{color:#a45e46;background:0 0;border:0;padding:0}.editor-body{flex:1;grid-template-columns:235px minmax(0,1fr) 216px;min-height:0;display:grid}.tool-sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;display:flex;overflow:auto}.sidebar-tabs{border-bottom:1px solid var(--line);gap:3px;padding:8px;display:flex}.sidebar-tabs button{color:#8a9583;background:0 0;border:0;flex:1;padding:11px 5px;font-size:11px}.sidebar-tabs .chosen{color:#466842;background:#edf3e8}.side-section{border-bottom:1px solid var(--line);padding:22px 19px}.side-title{letter-spacing:1.3px;color:#97a28e;margin-bottom:14px;font-size:8px;font-weight:700;line-height:1.5;display:block}.insert-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.insert-grid button{border-color:#e4e9df;flex-direction:column;gap:10px;height:77px;font-weight:400;display:flex}.insert-grid button span{font-size:11px}.sticker-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.sticker-grid button{color:#718f5d;background:#f7f9f3;border:0;height:40px;padding:2px;font-size:28px;font-weight:400}.template-btn{justify-content:space-between;width:100%;margin-bottom:7px;padding:12px;font-size:10px;font-weight:400}.side-tip{color:#8ca179;background:#f5f7ef;border-radius:8px;gap:9px;margin:20px;padding:15px;display:flex}.side-tip p{margin:0;font-size:10px;line-height:1.7}.sidebar-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding:19px;display:flex}.workspace{background:#eef1e8;flex-direction:column;min-width:0;display:flex;overflow:auto}.workspace-toolbar{letter-spacing:1.2px;color:#8b9782;border-bottom:1px solid #dfe5d7;justify-content:space-between;align-items:center;height:48px;min-height:48px;padding:0 22px;font-size:8px;display:flex}.workspace-toolbar>div{align-items:center;gap:8px;display:flex}.toolbar-separator{background:#dce1d5;width:1px;height:20px;margin:0 12px;display:block}.zoom-label{letter-spacing:0;align-items:center;gap:8px;margin:0;font-size:10px;font-weight:400;display:flex}.zoom-label select{background:0 0;border:0;width:70px;margin:0;padding:5px;font-size:10px}.workspace-intro{justify-content:space-between;align-items:center;padding:27px 30px 23px;display:flex}.workspace-intro h2{margin:0 0 7px;font-size:22px;font-weight:500}.workspace-intro p{color:#88957e;margin:0;font-size:10px}.a4-tag{color:#8b9982;white-space:nowrap;border:1px solid #dbe2d2;border-radius:4px;padding:7px 9px;font-size:8px}.spread-scroll{flex:1;min-height:360px;padding:0 28px 30px;overflow:auto}.spread{grid-template-columns:1fr 1fr;gap:22px;min-width:550px;max-width:none;margin:auto;display:grid}.page-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.page-heading button{background:0 0;border:0;gap:8px;padding:0;font-size:10px;font-weight:500}.page-heading>span{color:#9ba58f;font-size:8px}.page-number{color:#8a9c7c;background:#e0e8d9;border-radius:3px;padding:4px 5px;font-size:8px;display:inline-block}.active-dot{background:#517c49;border-radius:50%;width:5px;height:5px}.paper{aspect-ratio:210/148;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block;overflow:hidden}.page-svg-wrap{background:#fff;border:1px solid #d9dece;box-shadow:0 7px 24px #30472c18}.active-page .page-svg-wrap{outline-offset:4px;outline:2px solid #96b58a}.page-foot{color:#97a28b;justify-content:space-between;gap:10px;margin-top:13px;font-size:8px;display:flex}.workspace-bottom{color:#8b9b7e;background:#eff3e8;border-top:1px solid #dee5d5;justify-content:space-between;align-items:center;gap:10px;height:58px;min-height:58px;padding:0 25px;font-size:9px;display:flex}.workspace-bottom>span{align-items:center;gap:7px;display:flex}.workspace-bottom button{padding:9px 13px;font-size:10px}.ready-btn{color:#4f7844;background:#deeed1;border-color:#bdd8a9}.page-sidebar{border-left:1px solid var(--line);background:#fff;padding:23px 19px;overflow:auto}.page-sidebar h3{margin-bottom:7px;font-size:18px;font-weight:500}.muted{color:#97a08f;font-size:11px;line-height:1.6}.tiny{font-size:10px}.no-pad{padding:20px 0}.color-palette{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.color-palette button{border:1px solid #dfe4d8;border-radius:50%;width:30px;height:30px;padding:0}.color-palette button.selected{outline-offset:3px;outline:2px solid #6d8e5c}.page-sidebar label,.tool-sidebar label{color:#89967d;font-size:10px}.page-sidebar button.wide,.tool-sidebar button.wide{padding:10px 6px;font-size:10px;font-weight:400}.page-sidebar input,.page-sidebar select,.page-sidebar textarea,.tool-sidebar input,.tool-sidebar select,.tool-sidebar textarea{font-size:11px}.two-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.two-fields label{margin:6px 0}.format-row{gap:6px;margin-top:12px;display:flex}.format-row button{padding:7px 11px}.format-row .chosen{background:#e7efdf;border-color:#a7be98}.format-row select{font-size:10px}.spacing{margin:22px 0 9px}.element-actions{gap:7px;margin-top:17px;display:flex}.element-actions button{padding:8px 10px}.danger{color:#ad6a4f}.size-card{color:#7a9068;background:#f5f7ee;border-radius:8px;margin-top:22px;padding:19px 14px}.size-card svg{margin-bottom:11px}.size-card b{font-size:11px;font-weight:500;display:block}.size-card p{color:#99a48b;margin:8px 0 0;font-size:9px}.modal{z-index:200;background:#e7ecdf;position:fixed;inset:0;overflow:auto}.modal-bar{z-index:1;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:18px 25px;font-size:13px;display:flex;position:sticky;top:0}.modal-bar>div{align-items:center;gap:12px;display:flex}.preview-spread{grid-template-columns:1fr 1fr;gap:2px;width:900px;max-width:92%;margin:40px auto 22px;display:grid;box-shadow:0 12px 45px #27472320}.modal>p{text-align:center;color:#829574;margin-bottom:35px;font-size:11px}.toast,.loading-pill{color:#fff;z-index:300;background:#244e41;border-radius:9px;align-items:center;gap:10px;padding:13px 20px;font-size:12px;display:flex;position:fixed;bottom:23px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #152b3d25}.loading-pill{color:var(--ink);background:#fff;top:88px;bottom:auto}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1600px){.spread{max-width:1050px}.landing{margin-top:90px}.mini-spread{margin-top:46px}}@media (max-width:1200px){.landing{gap:45px}.welcome h1{font-size:61px}.editor-body{grid-template-columns:205px minmax(0,1fr) 190px}.workspace-intro{padding:25px 22px}.spread-scroll{padding:0 22px 25px}.spread{gap:16px;width:650px!important}.workspace-bottom>span{display:none}.workspace-bottom{justify-content:flex-end}.sidebar-bottom{padding:16px 12px}.editor-header{padding:0 14px}.editor-header>div{gap:10px}.save-status{font-size:9px}.editor-actions button{padding:8px 10px}.tool-sidebar .side-section{padding:18px 15px}.page-sidebar{padding:20px 14px}.a4-tag{display:none}}@media (max-width:950px){.landing{grid-template-columns:1.15fr 1fr;gap:25px;max-width:90%}.login-card{padding:25px}.welcome h1{font-size:52px}.welcome>p{font-size:12px}.features{gap:9px}.mini-spread{height:230px}.abstract-photo{height:139px}.edition{display:none}.editor-body{grid-template-columns:205px minmax(0,1fr)}.page-sidebar,.editor-header .logo-light,.save-status{display:none}.theme-grid{gap:12px}.theme-art{height:210px;padding:19px}.theme-heading{font-size:28px}.theme-heading>span{font-size:50px}.dashboard-heading>.primary{font-size:11px}.class-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.main-header{height:77px;margin:0 5%}.logo{font-size:18px}.header-right{gap:12px}.landing{flex-direction:column;gap:25px;width:430px;max-width:88%;margin:40px auto;display:flex}.welcome h1{font-size:54px}.welcome>p{font-size:13px}.mini-spread,.mini-caption{display:none}.features{margin:20px 0}.login-card{width:100%;padding:26px}.login-card h2{font-size:30px}.card-top{margin-bottom:20px}.center-stage{max-width:88%;margin:45px auto}.center-stage h1{font-size:32px}.class-form{width:100%}.theme-grid{grid-template-columns:repeat(2,1fr)}.style-stage h1{font-size:32px}.theme-info{padding:14px}.theme-art{height:215px}.dashboard{margin:35px auto}.dashboard-heading{display:block}.dashboard h1{font-size:37px}.stats>div{padding:16px;display:block}.stats b{font-size:25px;display:block}.stats span{font-size:9px}.dashboard-tools{flex-wrap:wrap}.search{flex-basis:100%;width:100%}.class-grid{grid-template-columns:1fr}.editor-header{height:62px;min-height:62px;padding:0 8px}.editor-header .logo,.header-divider{display:none}.class-badge{padding:7px;font-size:10px}.editor-actions button{padding:8px;font-size:10px}.editor-actions .subtle{display:none}.editor-body{flex-direction:column;display:flex;overflow:auto}.tool-sidebar{order:2;width:100%;display:block;overflow:visible}.sidebar-tabs{background:#fff;position:sticky;top:0}.insert-grid{grid-template-columns:repeat(4,1fr)}.side-section{padding:18px}.sticker-grid{grid-template-columns:repeat(8,1fr)}.workspace{flex:none;order:1;min-height:630px;overflow:visible}.workspace-toolbar{padding:0 12px}.workspace-intro{padding:22px 18px}.workspace-intro h2{font-size:21px}.spread-scroll{min-height:400px;padding:0 18px 24px;overflow:auto}.spread{gap:18px;min-width:600px;width:600px!important}.workspace-bottom{height:50px;min-height:50px}.workspace-bottom>span{display:none}.page-sidebar{border-left:0;border-top:1px solid var(--line);order:3;width:100%;padding:22px;display:block;overflow:visible}.page-sidebar .color-palette{gap:13px;display:flex}.page-sidebar .side-section{padding:16px 0}.sidebar-bottom{justify-content:center;gap:30px}.modal-bar{padding:12px;font-size:11px}.modal-bar>div{gap:7px}.modal-bar>div:first-child svg{display:none}.modal-bar button{padding:8px;font-size:10px}.preview-spread{width:360px;box-shadow:none;grid-template-columns:1fr;gap:20px}.preview-spread svg{box-shadow:0 4px 20px #29432316}.modal>p{padding:0 20px}footer{margin:0 5%;font-size:9px}footer>div{gap:15px}.info-strip{padding:15px;font-size:10px}.error{flex-wrap:wrap;padding:12px;font-size:11px}.toast{width:max-content;max-width:90%;font-size:11px}}footer{justify-content:flex-end}.landing{align-items:center}.welcome>.features{margin-bottom:25px}button.primary{color:#fff;background:#244e41;border-color:#244e41}:is(button.primary:hover,button.primary:focus-visible){color:#fff;background:#346451;border-color:#346451}button:disabled{opacity:1;color:#52664e;background:#e2e7dc;border-color:#ccd6c4}.editor-landscape{grid-template-columns:225px minmax(0,1fr) 225px}.editor-landscape .workspace{background:#f1f2f4}.editor-landscape .tool-sidebar,.editor-landscape .page-sidebar{background:#fff}.editor-landscape .tool-sidebar .side-section{padding:22px 18px}.tool-nav{border-bottom:1px solid #e4e4e8;grid-template-columns:repeat(3,1fr);gap:5px;padding:12px 8px;display:grid}.tool-nav button{color:#333;background:#fff;border:0;flex-direction:column;gap:7px;padding:12px 2px;font-size:11px;font-weight:400;display:flex}.tool-nav button.chosen{color:#513598;background:#ede7ff}.upload-card{color:#513598;background:#f9f7ff;border:1px dashed #b4acc8;flex-direction:column;gap:13px;width:100%;padding:28px 10px;font-size:12px;display:flex}.upload-card span{color:#777;font-size:10px}.photo-mode{gap:7px;margin-top:15px;display:flex}.photo-mode button{flex:1;font-size:11px}.page-switch{justify-content:center;gap:8px;padding:30px 15px;display:flex}.page-switch button{color:#555;background:#fff;border-radius:20px}.page-switch button.chosen{color:#fff;background:#6b45be;border-color:#6b45be}.editor-landscape .spread{gap:20px;min-width:0;width:100%!important}.editor-landscape .spread-scroll{align-items:center;min-height:220px;padding:15px 24px 35px;display:flex;overflow:visible}.editor-landscape .page-svg-wrap{box-shadow:0 8px 24px #2221}.editor-landscape .active-page .page-svg-wrap{outline-color:#977ed0}.editor-landscape .workspace-bottom{color:#555;background:#f1f2f4}.editor-landscape .page-sidebar h3,.editor-landscape .tool-sidebar h3{font-size:18px;font-weight:500}.editor-landscape .primary{color:#fff;background:#6b45be;border-color:#6b45be}.editor-landscape .primary:hover{background:#58339f}.text-preset{background:#fafafa;justify-content:flex-start;font-size:15px!important}.text-preset.headline{font-size:23px!important}.shape-picker{grid-template-columns:1fr 1fr;gap:10px;display:grid}.shape-picker button{flex-direction:column;gap:10px;padding:12px 3px;font-size:10px;display:flex}.shape-example{background:#b39ddd;width:40px;height:24px;display:block}.shape-example.round{border-radius:7px}.shape-example.circle{border-radius:50%}.shape-example.line{height:3px}.editor-landscape .sticker-grid{margin-top:20px}.editor-landscape .muted{color:#6e6e78}.editor-header button{color:#333;background:#fff;border-color:#dcdce4}.editor-header button.primary{color:#fff;background:#6b45be;border-color:#6b45be}.editor-landscape button:disabled{opacity:1;color:#707078;background:#e3e3e8;border-color:#d4d4dc}.editor-landscape .page-foot{font-size:10px}.editor-landscape .page-heading button{color:#555}.editor-landscape .paper{aspect-ratio:210/148}.editor-landscape .sidebar-bottom{gap:15px}@media (max-width:1050px){.editor-landscape{grid-template-columns:190px minmax(0,1fr) 195px}.editor-landscape .page-sidebar{display:block}.editor-landscape .spread{grid-template-columns:1fr;max-width:500px}.editor-landscape .workspace{overflow:auto}.editor-landscape .spread-scroll{padding:15px 20px;display:block}.editor-landscape .page-wrap{margin-bottom:20px}}@media (max-width:700px){.editor-landscape{display:flex}.editor-landscape .workspace{order:1;min-height:0}.editor-landscape .tool-sidebar{order:2}.editor-landscape .page-sidebar{order:3}.editor-landscape .spread{grid-template-columns:1fr;min-width:0;width:100%!important}.editor-landscape .tool-nav{grid-template-columns:repeat(5,1fr)}.editor-landscape .page-sidebar{padding:22px}.editor-header .editor-actions{gap:5px!important}.editor-header .editor-actions button{padding:8px;font-size:10px}.editor-landscape .workspace-toolbar>span{font-size:9px}.editor-landscape .page-switch{padding:20px 10px}}#yearbook-viz{scrollbar-gutter:stable;touch-action:pan-x pan-y;height:90vh!important;height:90dvh!important;overflow:auto!important}#yearbook-viz .editor-app{height:auto!important;min-height:0!important;overflow:visible!important}#yearbook-viz .editor-body{align-items:start;height:auto!important;min-height:0!important}#yearbook-viz .tool-sidebar,#yearbook-viz .page-sidebar,#yearbook-viz .workspace{max-height:none!important;overflow:visible!important}#yearbook-viz .editor-header{z-index:30;background:#fff;position:sticky;top:0}#yearbook-viz .workspace{min-height:580px}#yearbook-viz .spread-scroll{touch-action:pan-x pan-y;overflow-x:auto!important}html,body{height:auto;min-height:100%;overflow-y:auto!important}.editor-app{min-height:100vh;height:auto!important;overflow:visible!important}.editor-body{align-items:start;height:auto!important;min-height:0!important}.tool-sidebar,.page-sidebar,.workspace{max-height:none!important;overflow:visible!important}.editor-header{z-index:30;background:#fff;position:sticky;top:0}.workspace{min-height:580px}.spread-scroll{touch-action:pan-x pan-y;overflow-x:auto!important}.paper{touch-action:pan-y}.modal{height:100dvh;position:fixed!important;overflow-y:auto!important}