/* Journal visual layer. Existing application IDs, API calls and base stylesheet are retained. */
:root{--ink:#405445;--green:#607b60;--muted:#7b7e6e;--line:#e5e4d9;--paper:#fffef9;--bg:#f6f3eb;--soft:#eaf0e3;--accent:#bb8e77;font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:13px}
body{background-color:var(--bg);background-image:radial-gradient(#c5c4ae44 .65px,transparent .65px);background-size:7px 7px;color:var(--ink)}
button{border-radius:8px;padding:10px 15px;transition:background .15s,box-shadow .15s,transform .15s}
button:hover:not(:disabled){box-shadow:0 2px 8px #495b3810;transform:translateY(-1px)}
button:active:not(:disabled){transform:translateY(0)}
.primary{background:#607b60;border-color:#607b60;box-shadow:0 2px 0 #455c4420;font-weight:500}
.primary:hover{background:#4d694f;color:#fffef6}
.quiet{color:#7c8070}
input:not([type=checkbox]):not([type=range]),select{background:#fffefb;border-color:#e5e4d8;border-radius:7px;min-height:37px;font-size:12px}
input::placeholder{color:#959687}
input:focus,select:focus,button:focus-visible{outline-color:#a8b898}
input[type=checkbox]{width:14px;height:14px;flex-shrink:0}
input[type=range]{cursor:pointer}
header{margin:0 28px;padding:16px 0;height:88px;background:transparent;border-bottom:1px solid #dedfce;gap:24px}
.brand{gap:12px;flex-shrink:0}.brand-symbol{width:43px;height:43px;background:#6b8265;border-color:#6b8265;color:#fffbe9;font-family:"STKaiti","KaiTi",serif;border-radius:15px 5px 15px 5px;transform:rotate(-5deg);font-size:26px;box-shadow:3px 3px 0 #dbe2cf}
.brand b{font-family:"STKaiti","KaiTi","Songti SC",serif;font-size:27px;font-weight:600;letter-spacing:1px;line-height:1.1}
.brand small{font-family:Georgia,serif;font-size:17px;font-style:italic;letter-spacing:0;font-weight:400;margin-left:7px}
.brand em{font-size:10px;letter-spacing:2px;color:#83866f;margin-top:6px}
.header-actions{gap:9px}.header-actions button{font-size:12px;padding:10px 14px}.header-actions .quiet{padding-left:6px;padding-right:6px}
.pill{font-size:10px;line-height:1.5;border-radius:6px;color:#69775e;background:#eef1e6;padding:5px 9px;border:1px solid #dfe6d2;letter-spacing:.3px}
#environment{background:transparent;border-style:dashed;color:#7a806c;font-size:10px}
.project-bar{padding:23px 29px 21px;gap:30px;position:relative}
.project-heading{flex-shrink:0}.eyebrow{font-size:9px;letter-spacing:2px;color:#92917c}
.tiny-flower{font-size:21px;color:#bd987d;vertical-align:middle;margin-left:12px;line-height:1}
.project-bar h1{font-family:"STKaiti","KaiTi","Songti SC",serif;font-weight:600;font-size:29px;letter-spacing:2px;margin-top:6px;color:#485d46;line-height:1.2}
.project-bar p{font-size:11px;color:#818471;margin-top:23px;letter-spacing:.3px}
.project-bar #save-state{position:relative;font-size:10px;padding-left:14px;margin-top:24px}
#save-state::before{content:"";position:absolute;width:5px;height:5px;left:0;top:5px;background:#8f9f77;border-radius:50%}
main{grid-template-columns:244px minmax(480px,1fr) 267px;gap:18px;padding:0 26px;height:calc(100vh - 242px);min-height:640px;max-height:1400px}
.panel{border-radius:13px;background:#fffef9;border:1px solid #e6e5da;box-shadow:0 3px 13px #54634205;position:relative}
.panel-title{padding:20px 16px 16px;min-height:59px}
.panel-title b{color:#9da488;font-family:Georgia,serif;font-size:11px;font-weight:400;letter-spacing:1px}
.panel-title b span{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:13px;color:#58694f;letter-spacing:1px;margin-left:8px;font-weight:600}
.count{background:#eeeede;color:#7a8468;min-width:25px;height:23px;text-align:center;border-radius:11px;font-size:10px;padding:5px 7px}
.segmented{background:#f2f2e9;padding:4px;border-radius:8px;margin:0 13px 13px;gap:2px}
.segmented button{font-size:11px;padding:8px 5px;color:#8a8d77;box-shadow:none;transform:none!important}
.segmented button.active{border:1px solid #e0e4d1;color:#5c7354;font-weight:500;box-shadow:0 1px 4px #76825710;background:#fffef8;border-radius:6px}
.layers-panel>input{font-size:11px!important;margin:0 13px 12px;width:calc(100% - 26px)!important;background:#fcfcf7!important;padding-left:12px!important;min-height:35px!important;border-style:dashed!important}
.element-list{padding:0 10px 5px;scrollbar-width:thin;scrollbar-color:#dce1d0 transparent}
.element-item{gap:10px;min-height:76px;padding:9px 8px;margin-bottom:5px;border-radius:8px;background:transparent;position:relative}
.element-item:hover{background:#f7f8ef;box-shadow:none!important;transform:none!important}
.element-item.active{background:#edf3e5;border:1px solid #d4dec7}
.element-item.active::after{content:"";position:absolute;height:19px;width:4px;background:#91a576;left:0;top:28px;border-radius:0 3px 3px 0}
.element-item img{width:48px;height:51px;flex-shrink:0;border-radius:4px;background:#fffef9;border:3px solid #fffef9;box-shadow:0 1px 3px #495d3820;object-fit:contain}
.element-item:nth-child(3n+1) img{transform:rotate(-3deg)}.element-item:nth-child(3n+2) img{transform:rotate(2deg)}
.element-item b{font-size:11px;font-weight:500;color:#53664b;line-height:1.5;overflow-wrap:anywhere}
.element-item small{color:#8c917b;font-size:9px;line-height:1.6;margin-top:3px}
.list-actions{margin:0 13px;padding:12px 0 9px;border-top:1px dashed #dfdfcc;gap:7px}
.list-actions button{background:#f9faf3;border-color:#e6e7d7;font-size:11px;padding:8px}
.layers-panel>.muted{font-size:10px;text-align:center;margin:0 12px 15px;color:#939580}
.center-panel{background:#fffef9}.center-panel>.panel-title{padding-left:20px;padding-right:20px}
.tabs{border-bottom:1px solid #e5e7d9;gap:8px;padding:0 19px;background:#fffef9}
.tabs button{border:1px solid transparent;padding:10px 16px 11px;font-size:11px;color:#8c917c;margin-bottom:-1px;position:relative;box-shadow:none!important;transform:none!important}
.tabs button.active{border:1px solid #e2e6d6;border-bottom-color:#f8faf3;border-radius:8px 8px 0 0;background:#f3f6ec;color:#607454;font-weight:500}
.tabs button[data-view=sheets].active{background:#f8efe7;border-color:#eaded1;border-bottom-color:#f8efe7;color:#99755d}
.tabs button[data-view=dependencies].active{background:#f0f2ec;border-color:#e0e3d5;border-bottom-color:#f0f2ec}
.view{padding:16px 18px 12px;gap:0;background:#fffef9}
.canvas-tools{font-size:10px;gap:8px;margin-bottom:13px;min-height:28px}
.canvas-tools>span{font-size:10px;color:#979784;letter-spacing:.3px}
.canvas-tools .check{font-size:10px;white-space:nowrap;color:#81866d;gap:4px}
.canvas-tools button{font-size:10px;padding:6px 8px;background:#fffef9;border-color:#e8e8d9;border-radius:5px}
.checker{background-color:#f5f5eb;background-image:linear-gradient(90deg,#a4af8730 1px,transparent 1px),linear-gradient(#a4af8730 1px,transparent 1px);background-size:20px 20px;background-position:center}
.scene-scroll{border:1px solid #e2e5d3;border-radius:7px;padding:34px 28px;position:relative;min-height:270px}
#scene-wrap{border:8px solid #fffef9;box-shadow:2px 6px 15px #57613c18;background:#fffef9}
#scene-wrap::before,#scene-wrap::after{content:"";position:absolute;pointer-events:none;background:repeating-linear-gradient(90deg,#d7daba90 0 8px,#e9ead590 8px 15px);width:56px;height:19px;z-index:2;top:-15px;transform:rotate(-7deg);left:14px;border-left:1px dashed #d3d8b9;border-right:1px dashed #d3d8b9}
#scene-wrap::after{left:auto;right:14px;transform:rotate(8deg);background:#e9d6c589}
#scene-image{box-shadow:none;max-height:calc(100vh - 485px)}
.scene-scroll.zoomed{display:block}#scene-scroll.zoomed #scene-wrap{display:inline-block;margin:15px}
#selection-box{stroke:#c69c77;stroke-dasharray:30 16;stroke-width:8;vector-effect:none}
.step-control{gap:14px;padding-top:19px}.step-control label{font-size:10px;white-space:nowrap}.step-control b{font-weight:500;background:#f1f3e8;border-radius:5px;padding:4px 7px;margin-left:6px;font-size:10px}
.view>.muted{text-align:center;margin:9px 0 0;font-size:9px;letter-spacing:.4px;color:#929880}
.properties-panel>.panel-title .tiny-flower{font-size:23px;color:#bdaa87}
.properties-panel form{padding:0 17px;scrollbar-width:thin;scrollbar-color:#e0e3d2 transparent}
.thumbnail{height:149px;border-radius:7px;border:1px solid #e8e7d9;margin:3px 3px 20px;position:relative;background-image:radial-gradient(#b7bd9b6b .7px,transparent .7px);background-size:8px 8px;background-color:#f9f9ee;box-shadow:3px 3px 0 #efefe3}
.thumbnail::after{content:"MY LITTLE PIECE";position:absolute;bottom:-9px;left:50%;transform:translateX(-50%) rotate(-2deg);font:8px Georgia,serif;letter-spacing:1px;color:#8d8269;background:#ece1cb;padding:5px 12px;white-space:nowrap;border-left:1px dashed #c8bda1;border-right:1px dashed #c8bda1}
.thumbnail img{max-height:116px;filter:drop-shadow(1px 3px 2px #45532c14)}
#element-code{font-size:9px;line-height:1.7;letter-spacing:.8px;text-align:center;color:#92967a;margin:10px 0 18px}
.properties-panel label{font-size:10px;margin:12px 0;color:#7b826a}.properties-panel label input,.properties-panel label select{margin-top:6px;font-size:11px!important}
.columns{gap:10px}.columns>label{margin:0}.properties-panel .check{font-size:10px;gap:6px;line-height:1.7}.properties-panel .check input{margin:0}
.properties-panel .primary{margin-top:7px;font-size:11px;padding:10px}
#element-details{margin:12px 1px;line-height:1.9;font-size:9px;color:#949783}
.process-note{background:#f7efdf;color:#98856a;border:1px solid #efe5d1;margin:16px;padding:12px 11px;border-radius:6px;gap:10px;position:relative;box-shadow:1px 2px 0 #eee8da55}
.process-note>span{font-size:23px;line-height:1}.process-note p{font-size:9px;line-height:1.6;margin-top:6px;color:#a2937b}
.notice{font-size:11px;color:#958067;background:#faf3e6;border:1px dashed #e8dabc;line-height:1.9}
.sheet-intro{padding:3px 0 12px;border-bottom:1px dashed #e5e3d5;margin-bottom:13px;gap:15px}
.sheet-intro h2{font-family:"STKaiti","KaiTi",serif;font-size:23px;font-weight:500;color:#68795a;letter-spacing:1px;margin:0 0 8px}
.sheet-intro p{font-size:10px;color:#91957d;max-width:390px;line-height:1.9}.sheet-intro>.primary{font-size:11px;padding:10px 13px}
.sheet-toolbar{gap:7px;margin-bottom:13px}.sheet-toolbar select{min-height:34px;padding:6px;font-size:10px}.sheet-toolbar button{font-size:10px;padding:7px 9px}
.sheet-area{gap:12px}.sections{width:128px;scrollbar-width:thin}.section-button{background:#faf9f1;border:1px solid #e7e6d5;border-radius:7px;font-size:10px;white-space:pre-line;padding:12px 10px;line-height:1.9;color:#8b8f77;margin-bottom:8px;box-shadow:none!important;transform:none!important}
.section-button:nth-child(3n+2){background:#faf3e9;border-color:#ecdfcb}.section-button:nth-child(3n){background:#eff4ef;border-color:#dce6da}
.section-button.active{color:#5a7251;background:#eaf2e0;border-color:#aebb9a;border-left:3px solid #92a47b}
.sheet-paper{border:1px solid #e5e7d7;border-radius:6px;padding:15px;align-items:center}.sheet-paper img{background:white;border:4px solid white;box-shadow:2px 4px 8px #57613c17}
.section-note{background:#faf1e5;border:1px dashed #e6d7bf;color:#948067;line-height:1.9;font-size:10px;padding:10px 13px}
.edge-add select{font-size:10px;padding:8px}.edge-add button{font-size:10px}.edges{scrollbar-width:thin}.edge{background:#f8f9f1;border:1px solid #e4e7d8;border-radius:7px;margin-bottom:8px;padding:11px 13px;font-size:10px}.edge b{font-weight:500}.edge small{font-size:9px;margin:4px 0 7px;color:#969982}.edge-buttons{gap:6px}.edge button{border-color:#e2e4d4;background:#fffef8;color:#7b8669;border-radius:5px}
.empty{background:#fffef9;padding:20px 25px;min-height:480px}.empty-illustration{position:relative;width:min(94%,410px);margin:8px auto 22px;transform:rotate(-2deg);background:#fcf7eb;padding:6px 6px 17px;box-shadow:2px 4px 9px #4c59331a}
.empty-illustration::before{content:"";position:absolute;top:-10px;left:40%;width:75px;height:22px;background:#dce1c5b0;transform:rotate(6deg);z-index:1;border-right:1px dashed #c8d0b2;border-left:1px dashed #c8d0b2}
.empty-illustration img{width:100%;display:block}.empty h2{font-family:"STKaiti","KaiTi",serif;font-size:25px;font-weight:500;letter-spacing:1px;margin:10px 0 1px;color:#697956}.empty>p{font-size:11px;line-height:1.9;color:#8b9077}.empty .primary{font-size:11px;margin:9px 0}.empty>.muted{font-size:9px;color:#a3a58e}
footer{padding:17px 29px 13px;font-size:9px;color:#9b9e89;letter-spacing:.5px}footer>span:first-child{font-family:Georgia,"STKaiti","KaiTi",serif;font-size:12px}footer i{padding:0 8px;font-style:normal;color:#c7bca2}
dialog{background:#fffef7;border:1px solid #e0e3cf;border-radius:15px;box-shadow:0 15px 70px #53633a25;padding:28px;max-height:85vh;overflow:auto}
dialog::backdrop{background:#55604845;backdrop-filter:blur(4px)}.dialog-title h2{font-family:"STKaiti","KaiTi",serif;font-size:27px;font-weight:500;letter-spacing:2px}.dialog-title button{font-size:11px;background:#f7f7eb}.project-card{padding:17px 0;border-bottom:1px dashed #e2e3d1}.project-card h3{font-size:14px;font-weight:500;color:#617452}.project-card p{font-size:10px}.project-card button{font-size:11px}
.job-panel{border:1px solid #dbe1ca;border-radius:12px;background:#fffef7;box-shadow:0 8px 30px #4b5e3820;right:24px;bottom:25px;padding:19px}.job-panel b{font-size:12px;font-weight:500}.job-panel p{font-size:10px}.job-panel a{font-size:12px}.toast{top:92px;background:#617959;border:1px solid #5a7153;border-radius:9px;font-size:12px;box-shadow:0 5px 16px #4f603a20}
.login{display:flex;flex-direction:column;justify-content:center;min-height:100vh;background:transparent;padding:0 5.2vw;position:relative;overflow:hidden}
.login-top{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1330px;margin:0 auto;padding:30px 0;border-bottom:1px solid #dedfcd}
.edition{font:10px Georgia,serif;letter-spacing:3px;color:#a2a28a}.login-spread{display:grid;grid-template-columns:minmax(450px,1.3fr) minmax(340px,.8fr);align-items:center;gap:8vw;max-width:1220px;width:100%;margin:36px auto 25px;padding:0 15px}
.garden-story{position:relative}.paper-tag{display:inline-block;background:#e6ebd9;border-left:1px dashed #cbd3bb;border-right:1px dashed #cbd3bb;padding:6px 17px;color:#7b8867;font-size:10px;letter-spacing:2px;transform:rotate(-3deg);margin-left:6px}
.garden-story h1{font-family:"STKaiti","KaiTi","Songti SC",serif;font-size:43px;font-weight:500;line-height:1.55;letter-spacing:3px;margin:19px 0 13px;color:#607653}.garden-story h1 i{font-style:normal;color:#a88871;position:relative;white-space:nowrap}.garden-story h1 i::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:5px;border-bottom:2px solid #d5c3a6;border-radius:50%;transform:rotate(-2deg)}
.garden-story>p{font-size:12px;line-height:2;color:#8e927a;letter-spacing:.6px;margin:0 0 20px}.garden-print{width:100%;max-width:540px;padding:8px 8px 12px;background:#fffdf3;border:1px solid #ece8d8;box-shadow:2px 7px 15px #545b3e15;transform:rotate(-3deg);position:relative;margin:12px 0 22px}
.garden-print::after{content:"";position:absolute;width:92px;height:25px;top:-12px;right:36px;background:repeating-linear-gradient(90deg,#d6ddbd90 0 9px,#e4e9d390 9px 16px);transform:rotate(9deg);border-left:1px dashed #bdc9a7;border-right:1px dashed #bdc9a7}
.garden-print img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover}.garden-print>span{font:italic 13px Georgia,serif;display:block;text-align:center;color:#a5a087;letter-spacing:1px;margin:11px 0 2px}.story-caption{display:flex;gap:27px;font-size:9px;letter-spacing:1px;color:#a2a48e;padding:5px 0}
.login-card{position:relative;width:100%;max-width:410px;background:#fffef7;border:1px solid #e5e5d4;border-radius:6px 6px 34px 6px;box-shadow:4px 5px 0 #f0efdf,0 7px 30px #4a5e3310;padding:39px 34px 26px;margin:0 auto;transform:rotate(1deg)}
.login-card::before{content:"";position:absolute;top:-11px;left:calc(50% - 40px);width:85px;height:22px;background:#e6d2c1a0;transform:rotate(-4deg);border-left:1px dashed #dac0a6;border-right:1px dashed #dac0a6}
.card-flower{display:block;color:#c3b08a;font-size:35px;text-align:right;margin-bottom:12px;line-height:1}.login-card .eyebrow{font-size:8px;color:#a4a48a;letter-spacing:2px;line-height:1.5;margin-bottom:12px}
.login-card h2{font-family:"STKaiti","KaiTi",serif;font-size:31px;letter-spacing:2px;color:#647956;font-weight:500;line-height:1.6;margin:0 0 17px}
.login-card>p:not(.eyebrow){font-size:11px;line-height:2;color:#999b84;margin:0}.login-card label{margin:26px 0 16px;color:#818b70;font-size:10px;letter-spacing:1px}.login-card input{height:44px;background:#fbfcf4!important;border-color:#e0e5d0!important;font-size:12px!important;padding-left:13px!important;border-radius:6px!important}.login-card .primary{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:13px 15px;border-radius:6px;margin-top:4px}.login-card .primary span{font-size:17px}
.login-card #login-error{font-size:11px;color:#b07862;min-height:19px;margin-top:10px}.login-footnote{border-top:1px dashed #e2e4cf;padding-top:17px;font-size:9px;color:#aaa88f;letter-spacing:.4px;line-height:1.8;margin-top:7px}.login-footnote span{font-size:17px;vertical-align:middle;margin-right:6px;color:#baaa82}
.login-bottom{color:#a7a893!important;font-size:9px!important;text-align:center;letter-spacing:1px;margin:12px 0 25px!important}
@media(min-width:1500px){header{margin-left:38px;margin-right:38px}.project-bar{padding-left:39px;padding-right:39px}main{padding-left:36px;padding-right:36px;grid-template-columns:260px minmax(540px,1fr) 284px;gap:22px}.properties-panel form{padding-left:20px;padding-right:20px}.element-item{padding:10px 11px}.scene-scroll{padding:42px 34px}.canvas-tools{gap:12px}.properties-panel label{margin-top:15px;margin-bottom:15px}.columns>label{margin:0}.thumbnail{height:163px}}
@media(max-height:850px) and (min-width:1000px){.login-spread{margin-top:25px;gap:7vw;max-width:1150px}.login-top{padding-top:20px;padding-bottom:20px}.garden-story h1{font-size:35px;line-height:1.35;margin:13px 0 10px}.garden-story h1 br:nth-of-type(2){display:none}.garden-story>p{font-size:11px;line-height:1.8;margin-bottom:10px}.garden-print{max-width:440px;margin-top:16px}.login-card{padding-top:30px}.story-caption{font-size:8px}.login-bottom{margin-bottom:15px!important}}
@media(max-width:1250px){header{margin:0 20px;gap:16px}.brand small{display:none}.header-actions button{padding:9px 11px;font-size:11px}.project-bar{padding:20px 21px}.project-bar h1{font-size:26px}main{grid-template-columns:210px minmax(390px,1fr) 235px;padding:0 18px;gap:13px;height:calc(100vh - 230px);min-height:630px}.panel-title{padding:17px 13px}.panel-title b span{font-size:12px;margin-left:6px}.tabs{padding:0 13px;gap:5px}.tabs button{padding:10px 12px;font-size:10px}.view{padding:13px}.canvas-tools>span{display:none}.canvas-tools .check{margin-right:auto}.element-item{gap:8px;padding-left:7px}.element-item img{width:41px;height:47px}.element-item b{font-size:10px}.element-item small{font-size:8px}.sheet-toolbar{flex-wrap:wrap}.sheet-toolbar select{flex:1;min-width:140px}.sheet-intro h2{font-size:20px}.sections{width:108px}.properties-panel form{padding:0 13px}.process-note{margin:13px;font-size:10px}.process-note p{font-size:8px}.scene-scroll{padding:28px 18px}}
@media(max-width:1000px){.login{padding:0 5vw}.login-spread{grid-template-columns:1.1fr 1fr;gap:5vw;padding:0;margin-top:40px}.garden-story h1{font-size:34px;line-height:1.5;letter-spacing:2px}.login-card{padding:28px 25px}.login-card h2{font-size:27px}.story-caption{gap:15px;letter-spacing:0;font-size:8px}.garden-story>p{font-size:11px}.edition{font-size:8px;letter-spacing:2px}.login-top .brand small{display:inline;font-size:15px}}
@media(max-width:950px){header{height:auto;min-height:80px;padding:18px 0;flex-wrap:wrap;gap:15px}.header-actions{width:100%;gap:7px;overflow:auto}.header-actions .quiet{margin-left:auto}#environment{margin-left:auto}.project-bar{gap:12px;flex-wrap:wrap;padding:20px}.project-bar p{margin:0;width:100%;font-size:10px}.project-bar #save-state{display:none}main{grid-template-columns:210px minmax(340px,1fr);height:auto;min-height:0}.center-panel{min-height:690px}.layers-panel{max-height:690px}.properties-panel{grid-column:1/-1;display:block;margin-top:2px}.properties-panel form{padding:0 24px 18px}.properties-panel #element-form{min-height:300px}.properties-panel label{font-size:11px;max-width:60%}.properties-panel .columns{max-width:60%}.properties-panel .columns label{max-width:none}.properties-panel #element-code{max-width:60%;text-align:left;margin-top:0}.properties-panel #settings-form{max-width:700px}.properties-panel #settings-form label{max-width:none}.properties-panel #settings-form .columns{max-width:none}.properties-panel .primary{max-width:60%}.thumbnail{float:right;width:30%;height:210px;min-width:150px;margin:5px 5px 10px 30px}.thumbnail img{max-height:170px}.process-note{clear:both;margin:12px 24px 20px;max-width:600px}#element-details{max-width:60%}#scene-image{max-height:430px}.sheet-area{min-height:420px}.view{min-height:0}.properties-panel .segmented{max-width:300px;margin-left:24px}.properties-panel .panel-title{padding-left:24px;padding-right:24px}.empty{min-height:530px}.empty h2{font-size:23px}.empty-illustration{margin-top:25px}}
@media(max-width:700px){.login{padding:0 22px}.login-top{padding:23px 0}.login-top .brand small{display:none}.edition{letter-spacing:1px;font-size:7px}.login-spread{display:flex;flex-direction:column;gap:37px;margin-top:26px}.garden-story{width:100%;max-width:430px}.garden-story h1{font-size:34px;line-height:1.4;margin-top:17px}.garden-story h1 br:nth-of-type(2){display:none}.garden-story>p{font-size:11px;line-height:1.8}.garden-print{margin:17px 0 17px;max-width:410px}.story-caption{justify-content:space-between}.login-card{max-width:420px;padding:32px 28px;transform:none}.login-card h2{font-size:29px}.login-card h2 br{display:none}.login-card .card-flower{position:absolute;right:27px;top:25px;font-size:28px}.login-card .eyebrow{margin-right:20px}.login-card label{font-size:11px}.login-card .primary{font-size:12px}.login-bottom{margin-top:25px!important}.garden-story .paper-tag{font-size:9px}}
@media(max-width:600px){header{margin:0 16px;gap:12px}.brand b{font-size:25px}.brand-symbol{width:37px;height:37px;font-size:23px}.brand em{font-size:8px;letter-spacing:1px}.header-actions button{padding:9px 10px;font-size:10px}#export-button{font-size:10px}.project-bar{padding:18px 17px}.project-bar h1{font-size:26px}.project-bar .eyebrow{font-size:8px}main{grid-template-columns:1fr;gap:16px;padding:0 13px}.layers-panel{max-height:345px}.element-list{display:grid;grid-template-columns:1fr 1fr;gap:4px}.element-item{margin:0;min-height:70px}.element-item img{width:42px;height:46px}.element-item b{font-size:10px}.element-item small{font-size:8px}.layers-panel .segmented{max-width:230px}.list-actions{padding-top:8px}.layers-panel>.muted{margin-bottom:10px}.center-panel{min-height:620px}.panel-title{padding:16px}.tabs{gap:9px;padding-left:16px}.tabs button{font-size:11px;padding:10px 12px}.view{padding:13px}.scene-scroll{min-height:320px;padding:26px 18px}#scene-image{max-height:370px}.step-control{gap:12px;flex-wrap:wrap}.step-control label{font-size:10px}.step-control input{min-width:150px}.sheet-intro{align-items:center}.sheet-intro h2{font-size:21px}.sheet-intro p{font-size:9px}.sheet-intro>.primary{font-size:10px;padding:9px}.sheet-toolbar button{font-size:10px}.sections{width:95px}.section-button{font-size:9px;padding:11px 7px}.sheet-area{min-height:360px;gap:8px}.sheet-paper{padding:8px}.section-note{font-size:9px}.edge-add{flex-wrap:wrap}.edge-add select{width:calc(50% - 15px);font-size:10px}.edge-add>button{margin-left:auto}.properties-panel{grid-column:auto}.properties-panel .panel-title{padding:17px}.properties-panel form{padding:0 17px 15px}.properties-panel .segmented{margin-left:17px}.thumbnail{width:34%;height:170px;min-width:95px;margin-left:14px;margin-right:0}.thumbnail img{max-height:137px}.properties-panel label,.properties-panel .columns{max-width:60%}.properties-panel label{font-size:10px}.properties-panel .columns{gap:7px}.properties-panel label input{font-size:11px!important}.properties-panel #element-code{font-size:8px;line-height:1.7;letter-spacing:.3px}.properties-panel .check{max-width:100%;font-size:10px}.process-note{margin:8px 17px 20px}.properties-panel .primary{max-width:100%;font-size:11px}.properties-panel #settings-form label{max-width:100%}#element-details{max-width:100%}.empty{padding:25px 18px;min-height:520px}.empty h2{font-size:22px}.empty-illustration{width:94%;margin-bottom:24px}.empty>.muted{font-size:8px;line-height:1.8}.toast{top:24px;max-width:90vw;width:max-content;font-size:11px}.job-panel{width:calc(100% - 28px);right:14px;bottom:14px}dialog{padding:22px;min-width:0;width:92vw}.project-card{gap:12px}.project-card h3{font-size:12px}.project-card p{font-size:9px}footer{padding:17px;font-size:8px;gap:12px}footer>span:first-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}