@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}.resize-handle.qr-handle{transform:translate(-50%,-50%)}.element-hit.qr-hit:focus-visible{outline-offset:-2px;outline:2px solid #537543}:root{color:#243634;font-synthesis:weight;--ink:#243634;--muted:#757d76;--line:#e3e6de;--green:#29473e;--mint:#dfebba;background:#f7f7f3;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #829b5b}button{transition:background .16s,color .16s,box-shadow .16s}button:hover:not(:disabled){filter:brightness(.97)}h1,h2,p{margin:0}button{border:0}.app-shell{min-height:100dvh;display:flex}.rail{border-right:1px solid var(--line);background:#f1f2ec;flex-direction:column;flex-shrink:0;width:232px;padding:36px 22px 22px;display:flex;position:fixed;inset:0 auto 0 0}.wordmark{letter-spacing:-.8px;align-items:center;gap:12px;padding:0 8px 64px;font-size:23px;font-weight:600;display:flex}.wordmark-sub{letter-spacing:1.8px;color:#717a6f;margin-top:5px;font-size:8px;display:block}.monogram{color:#e1edb7;letter-spacing:-3px;background:#29473e;border-radius:12px;justify-content:center;align-items:center;width:43px;height:43px;padding-right:4px;font-size:26px;display:flex;position:relative}.monogram span{letter-spacing:0;font-size:16px;position:absolute;top:-2px;right:7px}.rail-label{color:#85907f;letter-spacing:1.6px;padding:0 13px 15px;font-size:9px}.nav-current,.nav-item{text-align:left;background:0 0;border-radius:7px;align-items:center;gap:12px;width:100%;min-height:44px;padding:11px 13px;font-size:12px;display:flex}.nav-current{color:#314631;background:#e1e7d6;margin-bottom:7px;font-weight:600}.nav-dot{background:#45683f;border-radius:50%;width:5px;height:5px;margin-left:auto}.nav-icon{text-align:center;width:16px;font-size:17px;font-weight:400}.nav-item{color:#697566;margin-bottom:4px}.nav-item:hover{background:#e8ebe1}.rail-bottom{margin-top:auto;padding-top:40px}.local-note{border:1px solid #dce2d4;border-radius:8px;margin-bottom:20px;padding:21px 14px}.shield{color:#6f8056;margin-bottom:12px;font-size:25px;display:block}.local-note strong{font-size:11px}.local-note p{color:#7a8373;margin-top:8px;font-size:11px;line-height:1.6}.help-button{font-size:11px}.help-button>span:last-child{margin-left:auto}.rail-version{letter-spacing:1px;color:#8a9284;justify-content:space-between;margin:25px 10px 0;font-size:8px;display:flex}.rail-version>span{font-size:7px}main{width:calc(100% - 232px);min-width:0;margin-left:232px}.topbar{border-bottom:1px solid var(--line);background:#fafaf7;justify-content:space-between;align-items:center;height:77px;padding:0 45px;display:flex}.breadcrumb{color:#8b9388;gap:15px;font-size:11px;display:flex}.breadcrumb strong{color:#4b5c50;font-weight:400}.save-status{color:#74816c;align-items:center;gap:7px;font-size:10px;display:flex}.save-status i,.live-dot,.preview-meta i{background:#7d9460;border-radius:50%;width:6px;height:6px;display:inline-block}.save-status i.unsaved{background:#bc9d4e}.workspace{max-width:1510px;margin:0 auto;padding:45px 45px 20px}.heading{justify-content:space-between;align-items:center;margin-bottom:36px;display:flex}.eyebrow{letter-spacing:1.8px;color:#7e896f;font-size:8px;font-weight:600}.heading h1{letter-spacing:-1.4px;margin-top:12px;font-size:36px;font-weight:400;line-height:1.3}.heading p{color:var(--muted);margin-top:9px;font-size:12px}.text-button{color:#6c7969;background:0 0;align-items:center;gap:9px;padding:6px 0;font-size:10px;display:inline-flex}.reset{align-self:flex-end;margin-bottom:3px}.reset:first-letter{font-size:18px}.editor-grid{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:30px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:10px}.details{padding:25px 25px 0;overflow:hidden}.panel-heading{border-bottom:1px solid #edf0e8;align-items:center;gap:12px;margin-bottom:25px;padding-bottom:25px;display:flex}.step-number{color:#7a8c66;border:1px solid #dbe1d3;border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;display:grid}h2{letter-spacing:-.3px;font-size:14px;font-weight:600}.panel-heading p{color:#8b9384;margin-top:5px;font-size:10px}.field{margin-bottom:19px}.field label{color:#53614f;margin-bottom:9px;font-size:10px;font-weight:600;display:block}.field input{color:#314330;background:#fcfdf9;border:1px solid #dce1d6;border-radius:5px;outline:none;width:100%;min-height:43px;padding:12px 13px;font-size:12px;line-height:1.4;transition:border-color .15s,box-shadow .15s}.field input:focus{background:#fff;border-color:#8d9f6d;box-shadow:0 0 0 3px #a9bc8530}.field-hint{color:#969c90;min-height:0;margin-top:7px;font-size:9px;line-height:1.4;display:block}.field-hint:empty{display:none}.sync-note{border-top:1px solid #edf0e8;gap:10px;margin-top:26px;padding:20px 0 23px;display:flex}.sync-icon{color:#7d9361;font-size:24px;line-height:1}.sync-note strong{font-size:10px;font-weight:600}.sync-note p{color:#8a9480;margin-top:4px;font-size:10px;line-height:1.65}.template-lock{background:#f8f9f4;border-top:1px solid #e9ede1;align-items:center;gap:10px;margin:0 -25px;padding:16px 22px;display:flex}.template-lock>span:first-child{color:#7f8e6c;font-size:19px}.template-lock strong{color:#68775c;font-size:9px}.template-lock p{color:#98a18d;margin-top:4px;font-size:8px}.lock-dot{color:#8d9e77;margin-left:auto;font-size:7px}.preview-column{min-width:0}.preview-head{justify-content:space-between;align-items:center;margin:1px 0 16px;padding:0 2px;display:flex}.preview-head>div{align-items:center;gap:8px;display:flex}.preview-head h2{font-size:11px;font-weight:400}.live-dot{width:5px;height:5px}.preview-head>span{letter-spacing:1.3px;color:#919a87;font-size:8px}.preview-stage{background-color:#e9ece4;background-image:radial-gradient(#c7cebf80 .7px,#0000 .7px);background-size:15px 15px;border:1px solid #e0e5d9;border-radius:9px;padding:41px 30px 18px}.card-shadow{aspect-ratio:1125/735;background:#fff;width:100%;overflow:hidden;box-shadow:0 16px 24px -12px #2a342d3d,0 2px 6px #24382812}.card-shadow svg{width:100%;height:auto;display:block}.stage-caption{letter-spacing:1.5px;color:#8c9782;justify-content:space-between;margin-top:28px;font-size:7px;display:flex}.stage-caption i{margin:0 7px;font-style:normal}.preview-meta{color:#7e8b72;justify-content:space-between;align-items:center;padding:12px 2px 23px;display:flex}.preview-meta>span{align-items:center;gap:7px;font-size:9px;display:flex}.preview-meta i{width:4px;height:4px}.preview-meta i.pending-dot{background:#b49a62}.preview-meta button{padding:3px 0;font-size:9px}.export-panel{padding:22px 24px 17px}.export-top{justify-content:space-between;align-items:center;display:flex}.export-top h2{font-size:15px;font-weight:400}.export-top p{color:#8b9482;margin-top:6px;font-size:10px}.export-symbol{color:#a4b28c;font-size:28px}.export-controls{justify-content:space-between;gap:18px;margin-top:22px;display:flex}fieldset{background:#f1f3ed;border:0;border-radius:6px;gap:3px;margin:0;padding:3px;display:flex}fieldset label{color:#8a9480;cursor:pointer;border-radius:4px;place-items:center;min-width:53px;padding:9px 15px;font-size:10px;display:grid;position:relative}fieldset label.chosen{color:#344b30;background:#fff;box-shadow:0 1px 4px #23342515}fieldset input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}fieldset label:has(input:focus-visible){outline-offset:2px;outline:2px solid #829b5b}.download-button{color:#f4f6ec;background:#29473e;border-radius:6px;justify-content:space-between;align-items:center;gap:27px;min-width:177px;min-height:43px;padding:13px 18px;font-size:11px;display:flex}.download-button:hover:not(:disabled){background:#35594d;box-shadow:0 3px 7px #29473e20}.download-button>span:last-child{font-size:16px}.export-foot{color:#939c89;justify-content:space-between;gap:15px;margin-top:15px;font-size:8px;line-height:1.5;display:flex}.export-foot>span{color:#879476}.workspace-footer{color:#a0a895;justify-content:space-between;margin-top:26px;font-size:8px;display:flex}.workspace-footer>span:first-child{letter-spacing:1.5px;font-size:7px}.notice{color:#53634a;min-height:20px;margin:20px 0 0;font-size:12px;line-height:1.6}.notice:empty{margin-top:0}.validation{color:#89502d;background:#fff5ec;border-radius:5px;margin-bottom:16px;padding:10px;font-size:11px;line-height:1.6}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.modal{width:calc(100% - 32px);max-width:510px;color:var(--ink);border:1px solid #dce2d5;border-radius:14px;padding:30px;box-shadow:0 20px 100px #20362c30}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#23362e66}.modal-head{justify-content:space-between;align-items:start;gap:20px;margin-bottom:20px;display:flex}.modal-head h2{margin-top:10px;font-size:25px;font-weight:400}.close{background:#f0f3e9;border-radius:50%;width:32px;height:32px;font-size:25px;line-height:1}.modal>p{color:#76816d;font-size:12px;line-height:1.8}.modal dl{margin:22px 0}.modal dl>div{border-bottom:1px solid #edf0e7;grid-template-columns:130px minmax(0,1fr);gap:10px;padding:10px 0;font-size:11px;display:grid}.modal dt{color:#8c9684}.modal dd{overflow-wrap:anywhere;margin:0}.modal .small{font-size:10px;line-height:1.8}.modal .download-button{width:100%;margin-top:22px}.help-steps{color:#52624a;padding-left:22px;font-size:12px}.help-steps li{margin-bottom:20px;padding-left:8px}.help-steps p{color:#87917e;margin-top:5px;font-size:12px;line-height:1.8}.secondary-button{color:#526248;background:#edf1e7;border-radius:5px;margin-top:22px;padding:11px 14px;font-size:11px}.modal .text-button{margin-top:12px;display:block}.spinner{border:2px solid #8ba099;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.no-script{z-index:10;background:#fff;border:1px solid #aaa;padding:20px;position:fixed;bottom:20px;left:20px}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1500px){.workspace{padding-top:60px}.heading{margin-bottom:45px}.editor-grid{grid-template-columns:335px minmax(0,1fr);gap:38px}.preview-stage{padding:45px 50px 20px}.details{padding-top:28px}.field{margin-bottom:25px}}@media (max-width:1180px){.rail{width:195px;padding-inline:15px}.wordmark{padding-bottom:50px}main{width:calc(100% - 195px);margin-left:195px}.workspace{padding:35px 28px}.topbar{padding:0 28px}.editor-grid{grid-template-columns:270px minmax(0,1fr);gap:22px}.details{padding-inline:20px}.template-lock{margin-inline:-20px}.preview-stage{padding:30px 20px 15px}.export-panel{padding:18px}.export-controls{gap:10px}fieldset label{min-width:40px;padding:8px 9px}.download-button{gap:12px;min-width:145px;padding:12px 14px}.export-foot>span{display:none}.heading h1{font-size:31px}.export-top h2{font-size:13px}}@media (max-width:980px){.rail{align-items:center;width:76px;padding-inline:10px}.wordmark{padding:0 0 40px}.wordmark>span:last-child,.rail-label,.rail-bottom,.nav-current,.nav-item{display:none}main{width:calc(100% - 76px);margin-left:76px}.heading h1{font-size:31px}.editor-grid{grid-template-columns:265px minmax(0,1fr);gap:20px}.export-controls{flex-wrap:wrap}.download-button{flex:1;min-width:150px}.export-top p{line-height:1.5}.stage-caption{letter-spacing:.5px;font-size:6px}.preview-meta .text-button{font-size:8px}.save-status{font-size:9px}.preview-stage{padding:22px 16px 14px}}@media (max-width:760px){.rail{border:0;border-bottom:1px solid var(--line);width:auto;height:auto;padding:16px 20px;display:block;position:static}.wordmark{gap:9px;padding:0;font-size:19px}.wordmark>span:last-child{display:block}.monogram{border-radius:9px;width:35px;height:35px;font-size:24px}.wordmark-sub{margin-top:3px;font-size:6px}.app-shell{display:block}main{width:100%;margin:0}.topbar{height:49px;padding:0 22px}.breadcrumb{gap:10px;font-size:9px}.save-status{font-size:8px}.workspace{padding:28px 20px 10px}.eyebrow{letter-spacing:1.3px;font-size:7px}.heading{gap:10px;margin-bottom:25px}.heading h1{letter-spacing:-1px;margin-top:10px;font-size:29px}.heading p{font-size:11px;line-height:1.6}.reset{white-space:nowrap;font-size:9px}.reset span{display:none}.editor-grid{grid-template-columns:1fr;gap:28px}.details{padding:22px 22px 0}.panel-heading{margin-bottom:20px;padding-bottom:17px}.details form{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{margin:0}.field-hint{font-size:8px}.field input{padding:12px 10px;font-size:11px}.field label{font-size:9px}.sync-note{margin-top:20px;padding:17px 0}.template-lock{margin-inline:-22px}.preview-stage{padding:27px 22px 17px}.stage-caption{letter-spacing:1px;font-size:7px}.export-controls{flex-wrap:nowrap}.export-panel{padding:22px}.export-top h2{font-size:15px}.export-foot{font-size:8px}.export-foot>span{display:block}.workspace-footer{margin-top:22px}.notice{font-size:11px}.rail .wordmark:after{content:"TEMPLATE STUDIO";letter-spacing:1px;color:#8b957f;margin-left:auto;font-size:8px}.help-button{display:none}}@media (max-width:420px){.details form{grid-template-columns:1fr}.field label{font-size:10px}.field input{font-size:12px}.heading h1{font-size:26px}.export-controls{gap:10px}.export-foot>span{display:none}.preview-stage{padding:23px 15px 14px}fieldset label{min-width:38px}.download-button{min-width:140px;padding-inline:12px;font-size:10px}.modal{padding:23px}.modal dl>div{grid-template-columns:105px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.mobile-actions{display:none}@media (max-width:980px){.mobile-actions{justify-content:flex-end;gap:8px;padding:10px 28px 0;display:flex}.mobile-actions button{color:#617254;background:#edf0e5;border-radius:5px;padding:8px 10px;font-size:10px}}@media (max-width:760px){.mobile-actions{justify-content:flex-start;padding:12px 20px 0}.field input{font-size:16px}.mobile-actions button{min-height:44px}.modal .close{min-width:40px;min-height:40px}}@font-face{font-family:DM Sans Card;src:url(/fonts/dm-sans-100.woff)format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:DM Sans Card;src:url(/fonts/dm-sans-200.woff)format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:DM Sans Card;src:url(/fonts/dm-sans-300.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:DM Sans Card;src:url(/fonts/dm-sans-500.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:DM Sans Card;src:url(/fonts/dm-sans-600.woff)format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:DM Sans Card;src:url(/fonts/dm-sans-800.woff)format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:DM Sans Card;src:url(/fonts/dm-sans-900.woff)format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:DM Sans Card;src:url(/fonts/dm-sans-1000.woff)format("woff");font-weight:1000;font-style:normal;font-display:swap}@font-face{font-family:DM Sans Card;src:url(/fonts/dm-sans-100italic.woff)format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:DM Sans Card;src:url(/fonts/dm-sans-200italic.woff)format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:DM Sans Card;src:url(/fonts/dm-sans-300italic.woff)format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:DM Sans Card;src:url(/fonts/dm-sans-500italic.woff)format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:DM Sans Card;src:url(/fonts/dm-sans-600italic.woff)format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:DM Sans Card;src:url(/fonts/dm-sans-800italic.woff)format("woff");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:DM Sans Card;src:url(/fonts/dm-sans-900italic.woff)format("woff");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:DM Sans Card;src:url(/fonts/dm-sans-1000italic.woff)format("woff");font-weight:1000;font-style:italic;font-display:swap}@font-face{font-family:DM Sans Card;src:url(/fonts/dm-sans-regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DM Sans Card;src:url(/fonts/dm-sans-bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:DM Sans Card;src:url(/fonts/dm-sans-italic.woff)format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:DM Sans Card;src:url(/fonts/dm-sans-bolditalic.woff)format("woff");font-weight:700;font-style:italic;font-display:swap}.template-bar{background:#edf0e6;border:1px solid #dde4d4;border-radius:9px;justify-content:space-between;align-items:end;gap:18px;margin:0 0 25px;padding:17px 20px;display:flex}.template-bar>label{letter-spacing:1.4px;color:#79876b;min-width:220px;font-size:8px}.template-bar select{color:#334a37;letter-spacing:0;background:#fff;border:1px solid #d5ddca;border-radius:5px;width:100%;min-height:38px;margin-top:8px;padding:8px 12px;font:12px DM Sans,sans-serif;display:block}.template-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.template-actions button,.design-toolbar button{background:#fff;border:1px solid #d9e1cf;border-radius:5px;min-height:38px;padding:10px 12px;font-size:10px}.template-actions button.active,.template-actions .save-template{color:#fff;background:#29473e;border-color:#29473e}.editor-grid.design-mode{grid-template-columns:1fr}.template-editing{background:#eef0e8;border:1px solid #dde4d4;border-radius:10px;padding:20px}.design-toolbar{flex-wrap:wrap;justify-content:space-between;gap:14px;padding-bottom:20px;display:flex}.tool-group{flex-wrap:wrap;gap:6px;display:flex}.design-toolbar button{padding:9px 12px;font-size:10px}.design-grid{grid-template-columns:minmax(0,1fr) 245px;align-items:start;gap:22px;display:grid}.design-canvas-area{min-width:0}.design-board{aspect-ratio:1125/735;isolation:isolate;outline-offset:4px;touch-action:none;background:#fff;width:100%;position:relative;box-shadow:0 4px 18px #22382d17}.design-artwork{pointer-events:none;position:absolute;inset:0}.design-artwork>svg{width:100%;height:100%;display:block}.element-hit{cursor:move;touch-action:none;background:0 0;border:1px solid #0000;border-radius:0;outline:none;margin:0;padding:0;position:absolute}.element-hit:hover{background:#91ae6a08;border-color:#75996788}.element-hit.selected{background:#9abf6d08;border:1.5px solid #718d50}.element-hit:focus-visible{outline-offset:2px;outline:2px solid #c5d790}.element-tag{color:#fff;pointer-events:none;background:#537543;border-radius:3px 3px 0 0;padding:4px 6px;font-size:9px;line-height:1;position:absolute;bottom:100%;left:-1px}.resize-handle{cursor:nwse-resize;touch-action:none;background:#f4f8e9;border:2px solid #537543;border-radius:2px;width:13px;height:13px;position:absolute;bottom:-7px;right:-7px}.canvas-help{color:#7d8c70;margin:15px 0 20px;font-size:9px;line-height:1.8}.element-inspector{background:#fff;border:1px solid #dbe3d2;border-radius:7px;max-height:850px;padding:17px;overflow:auto}.inspector-heading{margin-bottom:15px}.inspector-heading h3,.layers h3{margin:0;font-size:12px;font-weight:600}.inspector-heading>span{color:#8b987d;margin-top:5px;font-size:9px;display:block}.geometry-fields{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.geometry-fields label,.property-field{color:#6f7f61;letter-spacing:0;font-size:10px;display:block}.geometry-fields input,.geometry-fields select,.property-field input,.property-field select,.property-field textarea,.format-buttons input{color:#344a31;background:#fcfdf9;border:1px solid #dce3d3;border-radius:4px;width:100%;min-width:0;margin-top:7px;padding:9px 8px;font:12px DM Sans,sans-serif;display:block}.geometry-fields input[type=color],.property-field input[type=color]{cursor:pointer;height:36px;padding:3px}.property-field{margin:15px 0}.property-field textarea{resize:vertical;line-height:1.6}.inspector-note{color:#91a080;margin:12px 0;font-size:9px;line-height:1.8}.format-buttons{align-items:end;gap:6px;margin:18px 0;display:flex}.format-buttons>button{background:#f6f8ef;border:1px solid #d9e2d0;border-radius:4px;width:36px;height:36px}.format-buttons>button.active{background:#dce8c9;border-color:#8ca477}.format-buttons label{color:#7b8d6e;flex:1;margin-left:7px;font-size:9px}.format-buttons input{height:36px;margin-top:5px}.layer-actions{border-top:1px solid #e8eddf;grid-template-columns:1fr 1fr;gap:7px;margin-top:20px;padding-top:16px;display:grid}.layer-actions button,.inspector-action{background:#eff3e7;border:1px solid #e1e7d7;border-radius:4px;min-height:35px;padding:9px 6px;font-size:9px}.layer-actions .remove-element{color:#8d5547;background:#fbf2ec;border-color:#eddfd6}.inspector-action{width:100%;margin:10px 0}.empty-inspector{color:#7f8e72;padding:28px 0}.empty-inspector>span{font-size:28px}.empty-inspector h3{margin:20px 0 10px;font-size:13px;font-weight:400;line-height:1.5}.empty-inspector p{font-size:11px;line-height:1.9}.layers{background:#f7f9f1;border:1px solid #dde5d2;border-radius:6px;padding:16px}.layers h3{justify-content:space-between;margin-bottom:12px;display:flex}.layers h3>span{color:#91a17e;font-size:9px;font-weight:400}.layer-list{flex-wrap:wrap;gap:5px;display:flex}.layer-list button{white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #dce5d0;border-radius:4px;align-items:center;gap:7px;max-width:100%;padding:7px 9px;font-size:9px;display:flex;overflow:hidden}.layer-list button.active{background:#e0ebcf;border-color:#8da779}.layer-list span{color:#768b62;font-size:12px}.design-message{color:#677f53;min-height:15px;margin-top:14px;font-size:10px;line-height:1.7}.modal form .property-field{margin-top:20px}.template-editing+.validation{margin-top:15px}@media (max-width:1180px){.template-bar{align-items:stretch}.template-bar>label{min-width:190px}.template-actions button{padding:8px;font-size:9px}.design-grid{grid-template-columns:minmax(0,1fr) 220px;gap:16px}.template-editing{padding:16px}}@media (max-width:900px){.template-bar{flex-direction:column;gap:12px}.template-bar>label{max-width:100%}.design-grid{grid-template-columns:1fr}.element-inspector{max-height:none}.geometry-fields,.layer-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.design-toolbar{gap:10px}.template-editing{padding:14px}.empty-inspector{padding:12px 0}.empty-inspector h3{margin-top:8px}}@media (max-width:760px){.template-actions button,.design-toolbar button{min-height:42px;font-size:11px}.template-bar select,.geometry-fields input,.geometry-fields select,.property-field input,.property-field select,.property-field textarea,.format-buttons input{font-size:16px}.template-bar{padding:15px}.template-actions{gap:6px}.geometry-fields,.layer-actions{grid-template-columns:1fr 1fr}.canvas-help{font-size:10px}.design-toolbar button{padding:9px 10px}.template-editing{padding:12px}.resize-handle{width:19px;height:19px;bottom:-9px;right:-9px}.layer-list button{min-height:38px;font-size:11px}.element-inspector{padding:16px}.property-field,.geometry-fields label{font-size:11px}.inspector-note{font-size:10px}.layer-actions button,.inspector-action{min-height:40px;font-size:11px}}.design-board>.resize-handle{z-index:100;padding:0;bottom:auto;right:auto;transform:translate(-50%,-50%)}.guide-settings{background:#fbfcf7;border:1px solid #dce4d2;border-radius:7px;margin-bottom:20px;padding:15px 17px}.guide-toggles{flex-wrap:wrap;align-items:center;gap:14px 22px;display:flex}.guide-toggles>label{color:#536d45;align-items:center;gap:6px;font-size:10px;display:flex}.guide-toggles input[type=checkbox],.print-options input{accent-color:#4f7040;width:14px;height:14px;margin:0}.bleed-input input,.guide-add input,.guide-add select,.guide-list input{color:#425c36;background:#fff;border:1px solid #d7e2cc;border-radius:4px;min-height:33px;padding:7px 8px;font:11px DM Sans,sans-serif}.bleed-input input{width:65px}.guide-add{flex-wrap:wrap;align-items:center;gap:9px;margin-top:13px;display:flex}.guide-add label{color:#77896a;align-items:center;gap:7px;font-size:10px;display:flex}.guide-add input{width:85px}.guide-add select{width:145px}.guide-add button,.clear-guides{color:#516b40;background:#edf3e3;border:1px solid #d8e2cd;border-radius:4px;min-height:33px;padding:8px 11px;font-size:10px}.guide-help{color:#87967b;margin-top:9px;font-size:9px;line-height:1.8}.guide-help+.guide-help{margin-top:2px}.guide-manager{border-top:1px solid #e3eadb;margin-top:13px;padding-top:10px}.guide-manager summary{cursor:pointer;color:#6f845d;font-size:10px}.guide-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px;max-height:180px;margin-top:10px;display:grid;overflow:auto}.guide-list>div{color:#839674;align-items:center;gap:7px;font-size:9px;display:flex}.guide-list>div>span:first-child{min-width:80px}.guide-list input{width:82px;min-width:0}.guide-list button{color:#9b6451;background:#f1f3eb;border-radius:4px;min-width:28px;height:28px;font-size:17px}.guide-manager>p{color:#8e9d81;margin:10px 0 0;font-size:10px;line-height:1.7}.clear-guides{color:#8d6650;background:#f7eee7;min-height:28px;margin-top:10px;font-size:9px}.trim-overlay,.snap-overlay{pointer-events:none;z-index:60;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.snap-overlay{z-index:90}.snap-overlay line{stroke:#5b9940;stroke-width:1px;vector-effect:non-scaling-stroke}.canvas-guide{z-index:80;touch-action:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;position:absolute}.canvas-guide.vertical{cursor:col-resize;width:12px;height:100%;top:0;transform:translate(-50%)}.canvas-guide.horizontal{cursor:row-resize;width:100%;height:12px;left:0;transform:translateY(-50%)}.canvas-guide:before{content:"";pointer-events:none;background:#29a1df;position:absolute}.canvas-guide.vertical:before{width:1px;height:100%;top:0;left:50%}.canvas-guide.horizontal:before{width:100%;height:1px;top:50%;left:0}.canvas-guide:hover:before,.canvas-guide:focus-visible:before{background:#007dce;box-shadow:0 0 0 1px #007dce30}.canvas-guide:focus-visible{outline-offset:0;outline:1px dashed #1198d4}.print-options{border-top:1px solid #e8ecdf;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:14px;display:flex}.print-options>label{color:#6f825e;align-items:center;gap:7px;font-size:10px;display:flex}.print-options>span{color:#909e81;font-size:9px}.print-options+.export-controls{margin-top:16px}@media (max-width:1180px){.guide-list{grid-template-columns:1fr}.guide-toggles{gap:12px}.print-options>span{font-size:8px}}@media (max-width:760px){.guide-settings{padding:13px}.guide-toggles>label,.guide-add label{font-size:11px}.guide-toggles{gap:12px}.guide-add select,.guide-add input,.bleed-input input,.guide-list input{min-height:38px;font-size:16px}.guide-add select{width:155px}.guide-add input{width:83px}.guide-add button{min-height:40px;font-size:10px}.guide-help{font-size:10px}.guide-list{grid-template-columns:1fr}.guide-list>div{font-size:10px}.guide-manager summary{padding:5px 0;font-size:11px}.print-options>label{font-size:11px}.print-options>span{font-size:9px;line-height:1.7}.canvas-guide.vertical{width:18px}.canvas-guide.horizontal{height:18px}}