/* Pink dollhouse · vintage folk illustration / geometric paper collage. */
:root{--ink:#653c48;--green:#ad4e6c;--muted:#926d76;--line:#e3c4c3;--paper:#fff9ec;--bg:#f9e6e3;--soft:#f4d6dc;--accent:#c98978;font-size:14px;font-family:"Microsoft YaHei","PingFang SC",sans-serif}
body{color:var(--ink);background-color:#fae9e5;background-image:linear-gradient(45deg,#f0ced044 25%,transparent 25%,transparent 75%,#f0ced044 75%),linear-gradient(45deg,#f0ced044 25%,transparent 25%,transparent 75%,#f0ced044 75%);background-position:0 0,18px 18px;background-size:36px 36px}
button{border:1px solid #d5b1b4;border-radius:7px;background:#fff8eb;color:#794658;box-shadow:0 2px 0 #dfc1c044;font-size:12px}
button:hover:not(:disabled){background:#fae5e5;box-shadow:0 2px 0 #c79c9e66}
.primary{background:#ae4e69;color:#fff6e9;border:1px solid #943e58;box-shadow:2px 3px 0 #dab3b4;font-weight:600;letter-spacing:.3px}
.primary:hover{background:#963e59;color:#fff8eb;box-shadow:2px 3px 0 #d3a4a8}
input:not([type=checkbox]):not([type=range]),select{background:#fffcf3;border-color:#dec1c3;color:#754857;font-size:12px;min-height:38px;border-radius:6px}
input::placeholder{color:#a6898b}input:focus,select:focus,button:focus-visible{outline:2px solid #bc7487;outline-offset:2px}input[type=checkbox],input[type=range]{accent-color:#aa4d69}
.quiet{color:#98707b}.muted{color:#947680}
header{border-bottom:1px solid #d9b2b6;background:transparent;height:87px;gap:22px}
.brand{gap:14px}.brand-symbol{background:#b45370;border:1px solid #9d4461;color:#fff1d8;font-family:"SimHei","Microsoft YaHei",sans-serif;font-weight:900;font-size:27px;box-shadow:3px 3px 0 #edbdc5;border-radius:6px;transform:rotate(-6deg)}
.brand b{font-family:"SimHei","Microsoft YaHei",sans-serif;font-size:29px;font-weight:900;letter-spacing:2px;color:#8e3d59}
.brand small{font-family:Georgia,serif;font-weight:700;font-style:italic;font-size:18px;letter-spacing:-.7px;color:#8e3d59;margin-left:5px}.brand em{color:#a2687c;font-size:10px;letter-spacing:1.3px;margin-top:6px}
.header-actions button{font-size:12px;padding:10px 13px}.header-actions .primary{margin-right:3px}
.pill{background:#fcebd0;color:#976552;border:1px solid #dec4a7;border-radius:5px;font-size:10px;font-weight:500}
#environment{background:#f3d5dd;color:#8f5368;border:1px dashed #cb97a7;font-size:10px}
.project-bar{padding-top:23px;padding-bottom:22px}.eyebrow{color:#ac788a;font-size:9px;letter-spacing:1.7px;font-weight:500}
.project-bar h1{color:#884359;font-family:"SimHei","Microsoft YaHei",sans-serif;font-size:28px;font-weight:900;letter-spacing:1.5px;margin-top:8px}
.project-bar p{color:#a06f7c;font-size:12px;margin-top:28px;letter-spacing:0}.tiny-flower{color:#c37586;font-size:23px;margin-left:10px}
.project-bar #save-state{font-size:10px;color:#987980}#save-state::before{background:#af7e89}
main{min-height:660px;gap:17px}.panel{background:#fff9ee;border:1px solid #d8b2b8;border-radius:10px;box-shadow:3px 4px 0 #efd7d3;overflow:hidden}
.panel-title{background:#f6d9de;border-bottom:1px solid #e3bbc4;padding:17px 16px;min-height:57px;margin-bottom:14px}
.panel-title b{font-family:Georgia,serif;font-size:12px;color:#af7186;font-weight:700}
.panel-title b span{color:#8c4b60;font-size:14px;letter-spacing:.5px;font-weight:700}.count{background:#fff1d5;color:#a87555;border:1px solid #e2c8a4;min-width:28px;height:25px;font-size:10px}
.layers-panel .panel-title{background:#f3d2db}.center-panel>.panel-title{background:#fff5de;border-bottom:1px solid #e6cbb2;margin-bottom:0}.center-panel>.panel-title b span{color:#8c6051}.center-panel>.panel-title b{color:#bb8c6d}
.properties-panel>.panel-title{background:#e6e9e2;border-color:#cbd2c3}.properties-panel>.panel-title b span{color:#6c7863}.properties-panel>.panel-title b{color:#9da287}.properties-panel>.panel-title .tiny-flower{color:#b58875}
.segmented{background:#f5e7dd;border:1px solid #ebd5cb;border-radius:7px;margin:0 13px 12px;padding:3px}
.segmented button{color:#aa8085;background:transparent;font-size:11px;font-weight:500;box-shadow:none!important;border:1px solid transparent;padding:8px 5px}
.segmented button.active{background:#fff9ee;border:1px solid #d9b5ba;color:#995772;box-shadow:1px 2px 0 #e6c9ca!important;font-weight:700}
.layers-panel>input{background:#fffdf5!important;border:1px solid #dfc3c3!important;font-size:11px!important;padding-left:11px!important;color:#855d69}
.element-list{scrollbar-color:#e4bfc7 transparent;padding-left:9px;padding-right:9px}
.element-item{min-height:78px;border-radius:7px;background:#fffbf4;border:1px solid #f0ded4;padding:10px 8px;margin-bottom:6px}
.element-item:hover{background:#fdf0ea}.element-item.active{background:#f7dfe4;border:1px solid #d39aad;box-shadow:1px 2px 0 #e6bac644!important}
.element-item.active::after{background:#b2607d;width:3px;height:26px;top:26px}
.element-item img{background:#fffaf0;border:3px solid #fffaf0;box-shadow:1px 2px 0 #e1c6bb;width:49px;height:53px;transform:none!important;border-radius:3px}
.element-item b{font-size:11px;color:#815766;line-height:1.6;font-weight:500}.element-item small{font-size:9px;color:#a7828c;line-height:1.5}
.list-actions{border-top:1px dashed #e2c4c5}.list-actions button{background:#fff4df;border:1px solid #ddc3aa;color:#9b7259;font-size:11px}.layers-panel>.muted{color:#ab8990;font-size:10px}
.tabs{padding-top:13px;gap:8px;border-bottom:1px solid #dcb6bc;background:#fff9ee}
.tabs button{font-size:11px;color:#af8290;box-shadow:none!important;padding:10px 14px;margin-bottom:-1px;border-radius:8px 8px 0 0}
.tabs button.active{background:#f3d5df;color:#914c65;border:1px solid #d4a2b4;border-bottom-color:#f3d5df;font-weight:700}
.tabs button[data-view=sheets].active{background:#f8e8b9;color:#977143;border:1px solid #d9c38f;border-bottom-color:#f8e8b9}
.tabs button[data-view=dependencies].active{background:#dce9ed;color:#617f8c;border:1px solid #aebfc7;border-bottom-color:#dce9ed}
.view{background:#fff9ee;padding:15px 17px 13px}.canvas-tools{margin-bottom:13px;font-size:11px}.canvas-tools>span{font-size:10px;color:#b08d92}.canvas-tools button{color:#a16d7c;background:#fff7ef;border-color:#dec1c4;font-size:10px}.canvas-tools .check{font-size:10px;color:#9c7580}
.checker{background-color:#f7e4e2;background-image:linear-gradient(90deg,#dba8b444 1px,transparent 1px),linear-gradient(#dba8b444 1px,transparent 1px);background-position:center;background-size:20px 20px}
.scene-scroll{border:1px solid #dfb8c3;border-radius:5px;padding:36px 28px}
#scene-wrap{border:8px solid #fffaf0;background:#fffaf0;box-shadow:3px 5px 0 #dbb7b344,2px 5px 12px #8b4f6512}
#scene-wrap::before,#scene-wrap::after{width:57px;height:20px;background:repeating-linear-gradient(90deg,#b4c4d0ac 0 8px,#dbe4e7a8 8px 16px);border-color:#acbdc6;transform:rotate(-7deg)}
#scene-wrap::after{background:repeating-linear-gradient(90deg,#e7bf77a1 0 8px,#f4e1afa1 8px 16px);border-color:#ddc08d;transform:rotate(9deg)}
#selection-box{stroke:#ab5a78;stroke-width:8}
.step-control label{color:#a67989;font-size:10px}.step-control b{color:#a1637a;background:#f5e0e5;border:1px solid #e7c1cd;font-size:10px;font-weight:500}
.view>.muted{font-size:9px;color:#ae8e95}
.thumbnail{background-color:#f0e8e3;background-image:linear-gradient(45deg,#d9e1e04a 25%,transparent 25%,transparent 75%,#d9e1e04a 75%),linear-gradient(45deg,#d9e1e04a 25%,transparent 25%,transparent 75%,#d9e1e04a 75%);background-position:0 0,9px 9px;background-size:18px 18px;border:1px solid #d5c1bc;border-radius:70px 70px 6px 6px;height:155px;box-shadow:3px 3px 0 #eed6d4;margin-top:4px}
.thumbnail::after{background:#f4d89e;border:1px solid #d7bd8b;border-radius:3px;color:#9c7d51;font-weight:600;letter-spacing:.8px}
#element-code{color:#a57285;font-size:10px;letter-spacing:.5px;margin-top:10px;margin-bottom:16px}
.properties-panel label{color:#9a7081;font-size:11px;margin-top:13px;margin-bottom:13px}.properties-panel label input,.properties-panel label select{font-size:12px!important;background:#fffdf5;border-color:#dec2c5}.columns>label{margin:0}.properties-panel .check{font-size:11px;color:#9b7886}.properties-panel .primary{font-size:12px;padding:10px;border-radius:6px}
#element-details{font-size:10px;color:#b08e99;line-height:1.9}.process-note{background:#fff0ce;border:1px solid #e4c996;border-radius:5px;box-shadow:2px 2px 0 #f0dfba;color:#a57b59;margin:14px;padding:13px}.process-note>span{font-size:25px;color:#bf9570}.process-note p{font-size:10px;color:#aa8a6a;line-height:1.6}.notice{background:#fff0d4;border:1px dashed #dabb85;color:#9f7a57;font-size:11px}
.sheet-intro{border-bottom-color:#e4bdc6}.sheet-intro h2{font-family:"SimHei","Microsoft YaHei",sans-serif;font-size:21px;font-weight:700;color:#9a637a;letter-spacing:.3px}.sheet-intro p{font-size:11px;color:#ab8592;line-height:1.8}.sheet-intro>.primary{font-size:11px;padding:10px}.sheet-toolbar button,.sheet-toolbar select{font-size:11px}
.section-button{background:#f7dfe5;color:#a06f83;border:1px solid #dfbac7;font-size:10px;padding:12px 10px;border-radius:5px}
.section-button:nth-child(3n+2){background:#fbf0d3;border-color:#e1cda7;color:#a28660}.section-button:nth-child(3n){background:#e9eff0;border-color:#c2d1d3;color:#8a9e9f}
.section-button.active{background:#edccd8;border-color:#bd839b;border-left:3px solid #b66787;color:#955773;font-weight:700}
.sheet-paper{border-color:#dfb9c5;border-radius:5px}.sheet-paper img{border-color:#fffaf0;box-shadow:3px 4px 0 #d1acb24d}.section-note{background:#fff1d3;border-color:#e1cca8;color:#9d805f;font-size:10px}
.edge{background:#f7f0eb;border-color:#e0c9cc;font-size:11px;border-radius:5px;color:#987184}.edge small{color:#b297a0;font-size:10px}.edge button{background:#fff9f1;border-color:#ddbec7;color:#a47c8f;font-size:10px}
.empty{background:#fff9ee;padding:22px}.empty-illustration{padding:8px 8px 15px;background:#fff0dc;border:1px solid #e0b3b8;box-shadow:4px 5px 0 #edcbd4;transform:rotate(-2deg);max-width:410px;margin-bottom:27px}.empty-illustration::before{background:#ecd39ab3;border-color:#d7ba80}.empty>.eyebrow{color:#b77a92;font-weight:700}.empty h2{font-family:"SimHei","Microsoft YaHei",sans-serif;font-weight:900;font-size:25px;color:#95506c;letter-spacing:.2px}.empty>p{font-size:12px;color:#a57b88;line-height:1.9}.empty .primary{font-size:12px;padding:11px 17px}.empty>.muted{font-size:10px;color:#b08f96}
footer{color:#ad8693;font-size:10px}.footer i{color:#c595a5}footer>span:first-child{font-family:Georgia,"Microsoft YaHei",sans-serif;font-size:11px}
dialog{background:#fff8eb;border:2px solid #cf97ac;box-shadow:6px 8px 0 #7c4f6629;border-radius:8px}.dialog-title h2{font-family:"Microsoft YaHei",sans-serif;font-weight:900;font-size:24px;color:#985772;letter-spacing:.3px}.dialog-title button{background:#f7e4e8;color:#ab758c}.project-card{border-bottom-color:#dbb8c5}.project-card h3{color:#9e6580;font-size:13px}.project-card p{color:#b38d9e;font-size:11px}
.job-panel{background:#fff8eb;border:1px solid #cf9aad;box-shadow:4px 5px 0 #dfb6c355;border-radius:8px}.job-panel b{color:#9b6380;font-size:13px}.job-panel p{color:#ae8c9c;font-size:11px}.toast{background:#9f526f;border-color:#8c3f60;box-shadow:3px 4px 0 #cc9aaf5c;border-radius:6px;font-size:12px;color:#fff5e8}
.login{background:transparent;min-height:100vh;padding:0 5vw;overflow:hidden;justify-content:flex-start}
.login-top{padding:28px 0 22px;border-bottom:2px solid #d49aaa;max-width:1340px}.edition{font:700 11px Georgia,serif;letter-spacing:2px;color:#a55b77;border:1px solid #d8a5b6;padding:8px 12px;border-radius:20px;background:#fbe9e5}
.login-spread{grid-template-columns:minmax(430px,1.4fr) minmax(330px,.8fr);gap:6vw;margin:35px auto 20px;max-width:1230px;align-items:center;padding:0}
.garden-story{padding-top:0;max-width:670px}.paper-tag{background:#efd7a4;border:1px solid #d7bd86;border-radius:3px;box-shadow:2px 2px 0 #e6bdbe;font-size:10px;color:#a17456;font-weight:600;letter-spacing:1px;padding:7px 13px;margin-left:0;transform:rotate(-3deg)}
.garden-story h1{font-family:"SimHei","Microsoft YaHei",sans-serif;font-size:47px;font-weight:900;line-height:1.27;letter-spacing:1px;color:#93405e;margin:20px 0 17px;position:relative}
.garden-story h1 i{font-style:normal;color:#b95c7c;white-space:nowrap}.garden-story h1 i::after{height:7px;border:0;background:#eab5c3;border-radius:0;bottom:0;z-index:-1;transform:rotate(-1deg)}
.garden-story>p{font-size:13px;line-height:1.9;letter-spacing:0;color:#a06b81;margin-bottom:23px}
.garden-print{width:100%;max-width:610px;padding:9px 9px 13px;background:#fff3df;border:1px solid #c98b9e;box-shadow:5px 6px 0 #e6b9c4;transform:rotate(-2deg);margin:18px 0 25px;border-radius:3px;position:relative}
.garden-print::after{background:repeating-linear-gradient(90deg,#f2d893b8 0 9px,#faeac1c4 9px 18px);border-color:#d6bb77;width:96px;height:24px;top:-12px;right:36px;transform:rotate(7deg)}
.garden-print>span{font-family:Georgia,serif;font-size:11px;font-weight:700;font-style:normal;color:#ae6e80;letter-spacing:2px;margin:13px 0 1px}
.story-caption{gap:0;justify-content:space-between;padding:0 10px;font-size:10px;font-weight:600;color:#a57587;letter-spacing:0}
.story-caption span{background:#e9e5d7;border:1px solid #d5c5b7;border-radius:3px;padding:5px 9px;transform:rotate(2deg)}.story-caption span:nth-child(2){background:#efceda;border-color:#d9a7bb;transform:rotate(-2deg)}.story-caption span:nth-child(3){background:#f7e5b8;border-color:#ddc690;transform:rotate(1deg)}
.login-card{background:#fff4e5;border:2px solid #d69bac;box-shadow:6px 7px 0 #e7b9c7;border-radius:90px 90px 8px 8px;padding:36px 31px 25px;max-width:410px;transform:rotate(1deg);position:relative;margin:0 auto}
.login-card::before{content:"";width:71px;height:71px;top:-36px;left:calc(50% - 36px);border:2px solid #c288a0;border-radius:50%;background:#f6dc9a;transform:rotate(0);box-shadow:3px 3px 0 #f0c3d0;z-index:1}
.card-flower{position:relative;color:#b46583;font-size:35px;line-height:1;text-align:center;margin-top:-55px;margin-bottom:30px;z-index:2}
.login-card .eyebrow{color:#bb8e9b;font-size:8px;font-weight:700;text-align:center;letter-spacing:1.8px;margin:11px 0 15px}
.login-card h2{font-family:"SimHei","Microsoft YaHei",sans-serif;font-weight:900;font-size:28px;line-height:1.5;letter-spacing:.5px;color:#a25170;margin:0 0 16px;text-align:center}
.login-card>p:not(.eyebrow){font-size:12px;color:#b18494;line-height:1.9;text-align:center;margin:0}
.login-card label{font-size:11px;font-weight:600;color:#b28293;letter-spacing:0;margin:25px 0 18px}.login-card input{height:44px;min-height:44px;background:#fffaf2!important;border:1px solid #d9afbc!important;font-size:12px!important;border-radius:5px!important;padding-left:12px!important}.login-card .primary{font-size:13px;font-weight:700;padding:12px 15px;letter-spacing:.5px;margin-top:0;border-radius:5px}.login-card .primary span{font-size:20px}
.login-card #login-error{color:#b25c7c;text-align:left;font-size:11px;min-height:20px;line-height:1.6;margin-top:10px}
.login-footnote{border-top:1px dashed #dcb5c2;font-size:10px;color:#b58f9d;text-align:center;padding-top:17px;margin-top:5px;letter-spacing:.2px}.login-footnote span{color:#c690a4;font-size:20px}
.login-bottom{font-size:9px!important;color:#b88d9d!important;letter-spacing:1px;margin-top:10px!important;margin-bottom:22px!important}
@media(min-width:1500px){main{grid-template-columns:260px minmax(540px,1fr) 284px}.login-spread{max-width:1300px;gap:100px;margin-top:43px}.garden-story h1{font-size:53px}.login-card{max-width:420px;padding-left:36px;padding-right:36px}.garden-print{max-width:640px}}
@media(max-height:850px) and (min-width:1000px){.login-top{padding-top:20px;padding-bottom:18px}.login-spread{margin-top:25px;gap:6vw;max-width:1160px}.garden-story h1{font-size:39px;line-height:1.2;margin:15px 0 12px}.garden-story>p{font-size:12px;margin-bottom:15px}.garden-print{max-width:480px;margin-top:15px}.login-card{padding-top:36px}.card-flower{margin-bottom:27px}.login-card h2{font-size:27px}.story-caption{max-width:490px}.login-bottom{margin-bottom:15px!important}}
@media(max-width:1250px){main{grid-template-columns:210px minmax(390px,1fr) 235px;gap:13px}.header-actions button{font-size:11px;padding:9px 10px}.project-bar h1{font-size:26px}.project-bar p{font-size:11px}.panel-title b span{font-size:12px}.element-item{min-height:75px;gap:8px}.element-item img{width:42px;height:48px}.element-item b{font-size:10px}.element-item small{font-size:9px}.properties-panel label{font-size:10px}.properties-panel .check{font-size:10px}.properties-panel label input,.properties-panel label select{font-size:11px!important}.sheet-intro h2{font-size:19px}.sheet-intro p{font-size:10px}.canvas-tools>span{display:none}.process-note p{font-size:9px}}
@media(max-width:1000px){.login{padding:0 4vw}.login-spread{grid-template-columns:minmax(370px,1.15fr) minmax(310px,.85fr);gap:5vw;margin-top:32px}.garden-story h1{font-size:39px;letter-spacing:0;line-height:1.3}.garden-story>p{font-size:12px}.login-card{padding:36px 23px 23px}.login-card h2{font-size:25px}.login-card>p:not(.eyebrow){font-size:11px}.story-caption{gap:5px;padding:0}.story-caption span{font-size:8px;padding:5px 7px}.login-top .brand small{font-size:17px}.edition{font-size:9px}}
@media(max-width:950px){header{height:auto;min-height:80px;padding:18px 0;gap:15px}.header-actions button{font-size:12px}.project-bar p{font-size:11px;margin:0}main{grid-template-columns:210px minmax(340px,1fr);min-height:0;gap:14px}.center-panel{min-height:700px}.layers-panel{max-height:700px}.properties-panel{grid-column:1/-1}.properties-panel .panel-title{margin-bottom:15px}.properties-panel label{font-size:11px}.properties-panel .check{font-size:11px}.properties-panel #element-code{font-size:10px}.process-note p{font-size:10px}.thumbnail{height:210px}.sheet-intro h2{font-size:20px}.tabs button{font-size:11px}.scene-scroll{min-height:310px}}
@media(max-width:700px){.login{padding:0 22px}.login-top{padding:23px 0 19px}.login-top .brand b{font-size:27px}.login-top .brand small{display:none}.edition{font-size:7px;letter-spacing:1px;padding:7px 8px}.login-spread{display:flex;flex-direction:column;gap:64px;margin-top:27px;padding:0}.garden-story{max-width:450px;width:100%}.garden-story h1{font-size:38px;line-height:1.27;margin-top:20px}.garden-story>p{font-size:12px;line-height:1.9;margin-bottom:20px}.garden-print{margin-bottom:22px}.garden-print>span{font-size:9px;letter-spacing:1.4px}.story-caption{gap:5px}.story-caption span{font-size:9px;padding:5px 8px}.login-card{transform:none;max-width:400px;padding:36px 28px 25px}.card-flower{position:relative;right:auto;top:auto;font-size:35px;margin-top:-55px;margin-bottom:30px}.login-card h2{font-size:27px}.login-card h2 br{display:block}.login-card .eyebrow{margin:10px 0 15px}.login-card>p:not(.eyebrow){font-size:12px}.login-card .primary{font-size:13px}.login-bottom{font-size:8px!important;line-height:1.8;margin-top:25px!important}}
@media(max-width:600px){header{margin:0 16px}.brand b{font-size:26px}.brand em{font-size:8px}.header-actions button{font-size:10px;padding:9px 10px}.header-actions{gap:7px}.project-bar h1{font-size:25px}.project-bar p{font-size:10px}.project-bar{padding:20px 17px}main{grid-template-columns:1fr;gap:17px;padding:0 13px}.panel{border-radius:8px;box-shadow:3px 4px 0 #ecd0d3}.panel-title b span{font-size:13px}.panel-title{min-height:55px;margin-bottom:13px}.layers-panel{max-height:350px}.element-item{margin:0;min-height:73px;gap:9px}.element-item b{font-size:11px}.element-item small{font-size:9px}.element-item img{width:45px;height:49px}.center-panel{min-height:640px}.tabs button{font-size:11px;padding:10px 12px}.scene-scroll{min-height:320px;padding:25px 15px}.canvas-tools .check{font-size:10px}.view{padding:14px 12px}.thumbnail{height:177px}.properties-panel .check{font-size:11px;max-width:100%}.properties-panel .primary{font-size:12px}.properties-panel label input,.properties-panel label select{font-size:12px!important}.properties-panel #element-code{font-size:9px}.sheet-intro h2{font-size:18px}.sheet-intro p{font-size:10px}.sheet-toolbar button,.sheet-toolbar select{font-size:10px}.section-note{font-size:10px}.section-button{font-size:10px;padding:10px 7px}.empty h2{font-size:23px}.empty>p{font-size:12px}.empty>.muted{font-size:9px}.empty .primary{font-size:12px}.job-panel{right:14px;bottom:14px;width:calc(100% - 28px)}footer{font-size:8px}footer>span:first-child{font-size:10px}}

/* Keep the medallion centered over the arch at every breakpoint. */
.login-card .card-flower{position:relative;top:auto;right:auto;width:100%;font-size:35px;text-align:center}

/* Fit uses the available canvas area, including its decorative frame. */
.scene-scroll{container-type:size}
.scene-scroll:not(.zoomed) #scene-image{max-height:calc(100cqh - 16px);max-width:100%;width:auto;height:auto}

/* Long region lists scroll within the layout panel. */
.sections{max-height:420px;overflow-y:auto;min-height:0}
@media(max-width:950px){.sheet-area{height:420px;min-height:0;flex:none}.sections{max-height:100%}}
@media(max-width:600px){.sheet-area{height:360px}}

/* Tietie: rounded wordmark and a little peeling sticker. */
.brand{gap:10px}.brand-mark{display:block;width:54px;height:54px;flex:none;transform:rotate(-7deg)}
.brand .brand-word,.login-top .brand .brand-word{font-family:"YouYuan","幼圆","Microsoft YaHei",sans-serif;font-size:34px;font-weight:900;letter-spacing:1px;color:#a54867;line-height:1.15}
.brand em{font-size:9px;letter-spacing:1px;margin-top:5px;color:#996c7c}
@media(max-width:600px){.brand-mark{width:45px;height:45px}.brand .brand-word,.login-top .brand .brand-word{font-size:30px}.brand em{font-size:8px}}