@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff")}:root{font-family:Inter,sans-serif;color:#303c34;background:#f6f7f3;font-synthesis:none;font-weight:400;font-size:16px;--ink:#303c34;--muted:#8a9188;--line:#e6e9e1;--green:#304837;--lime:#d8efb4;--panel:#fff;--ease:.16s ease}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;padding:0;transition:background var(--ease),color var(--ease),border-color var(--ease),box-shadow var(--ease)}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #89a86c;outline-offset:3px}input,textarea,select{color:var(--ink);outline:none}input[type=checkbox],input[type=range]{accent-color:#597741}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=color]{padding:0;border:0;background:none;cursor:pointer;appearance:none;width:21px;height:21px}input[type=color]::-webkit-color-swatch-wrapper{padding:1px}input[type=color]::-webkit-color-swatch{border:1px solid #00000012;border-radius:5px}input[type=color]::-moz-color-swatch{border:1px solid #00000012;border-radius:5px}button svg{flex-shrink:0;vertical-align:middle}fieldset{border:0;padding:0;margin:0;min-width:0}a{color:inherit;text-decoration:none}kbd{font-family:inherit;font-size:14px;font-weight:400}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#dce1d6;border-radius:4px}::selection{background:#d8efb4}.editor-shell{height:100dvh;min-height:580px;display:flex;flex-direction:column;overflow:hidden}.app-header{height:77px;min-height:77px;display:flex;align-items:center;padding:0 23px;gap:22px;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:30}.logo{display:flex;gap:10px;align-items:center}.logo>svg{width:33px;height:33px}.logo>span{font-size:25px;letter-spacing:-1.35px;font-weight:600;color:#293b30}.logo-labs{font-weight:400}.logo-period{color:#65715e}.header-divider{height:29px;width:1px;background:var(--line)}.project-header{width:252px;flex-shrink:0}.project-breadcrumb{font-size:14px;letter-spacing:1.1px;color:#65715e;font-weight:500;display:flex;align-items:center;gap:9px;margin-bottom:5px}.project-breadcrumb>span{color:#65715e}.project-name-row{display:flex;align-items:center;gap:6px}.project-name-row input{border:0;background:transparent;padding:0;width:100%;min-width:0;font-size:14px;font-weight:500;height:18px}.icon-button{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.icon-button:hover{background:#f1f4ed}.project-name-row .icon-button{height:20px;width:20px}.save-state{display:flex;gap:6px;align-items:center;color:#65715e;font-size:14px;white-space:nowrap}.save-state svg{color:#65715e}.save-error{color:#65715e}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.history-buttons{display:flex;gap:2px;padding-right:14px;border-right:1px solid var(--line)}.secondary-button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e0e5d9;padding:10px 13px;border-radius:7px;background:#fff;font-size:14px;font-weight:500}.secondary-button:hover{background:#f6f8f2;border-color:#c4d0b7}.export-button{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--lime);border:1px solid #c7dfa3;padding:11px 14px;border-radius:7px;font-size:14px;font-weight:600;color:#3d5231;white-space:nowrap;box-shadow:0 1px 2px #5b772b08}.export-button:hover{background:#cde8a1;border-color:#b3d08d}.export-button svg:last-child{margin-left:9px}.project-menu{position:absolute;top:67px;left:195px;width:258px;padding:7px;background:#fff;box-shadow:0 8px 35px #28342318;border:1px solid var(--line);border-radius:9px;z-index:50}.project-menu button{display:flex;align-items:center;gap:11px;padding:12px;width:100%;text-align:left;border-radius:5px;font-size:14px}.project-menu button:hover{background:#f2f5ec}.project-menu hr{border:0;border-top:1px solid var(--line);margin:4px 7px}.editor-main{display:flex;min-height:0;flex:1;position:relative}.tool-rail{width:56px;min-width:56px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 0 13px;z-index:10}.tools-top,.tools-bottom{display:flex;flex-direction:column;gap:9px;align-items:center}.tool-rail button{width:35px;height:35px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#7b8577;position:relative}.tool-rail button:hover{background:#f1f4ec;color:#34452e}.tool-rail button.active{color:#4e6a39;background:#e8f0df;border:1px solid #dce7cf}.tool-rail button.active:before{content:"";position:absolute;left:-11px;height:17px;width:2px;background:#84a65f;border-radius:2px}.tool-separator{width:20px;height:1px;background:var(--line);margin:6px 0}.layers-panel{width:205px;min-width:205px;display:flex;flex-direction:column;background:#fcfcfa;border-right:1px solid var(--line);z-index:9;transition:width .15s ease,min-width .15s ease}.layers-panel.collapsed{width:43px;min-width:43px}.layers-title{display:flex;align-items:center;padding:23px 17px 20px;gap:9px;height:67px}.layers-title button{display:flex;align-items:center;gap:9px;font-weight:500;font-size:14px;color:#56634f}.layers-title button:last-child{margin-left:auto}.count-badge{font-size:14px;line-height:17px;background:#eff1eb;min-width:21px;text-align:center;color:#65715e;border-radius:4px}.layer-list{overflow:auto;max-height:calc(100% - 285px);min-height:160px;flex:1}.layer-heading{display:flex;align-items:center;gap:5px;height:35px;padding:0 10px 0 12px;color:#65705c;cursor:pointer;background:#f4f6ef}.layer-heading button{display:flex;align-items:center;justify-content:center;width:19px;height:24px;color:#65715e;border-radius:4px}.layer-heading button:hover{color:#364b2b;background:#e4eadc}.layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:500;white-space:nowrap}.layer-group.current .layer-heading{background:#eff3e8}.layer-object{display:flex;align-items:center;gap:8px;height:31px;width:100%;text-align:left;padding-right:12px;color:#65715e;font-size:14px;position:relative}.layer-object .node-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;color:#6f7868}.layer-object:hover{background:#f0f3eb}.layer-object.selected{background:#e8efde;color:#597642}.layer-object.selected .node-name{color:#476137}.selection-dot{width:4px;height:4px;border-radius:50%;background:#749351}.layer-rename{width:80px;min-width:0;flex:1;border:1px solid #bbcaaa;padding:4px;font-size:14px;border-radius:4px}.hidden-layer .layer-object{opacity:.4}.layer-actions{display:flex;align-items:center;gap:7px;padding:10px 15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.layer-actions span{flex:1}.layer-actions button{width:25px;height:25px;display:flex;align-items:center;justify-content:center;color:#65715e;border-radius:5px}.layer-actions button:hover{background:#e9efdf;color:#4b613d}.layers-note{margin:23px 17px 18px;background:#f0f3e8;padding:19px 15px 14px;border:1px solid #e9eedf;border-radius:8px;position:relative;overflow:hidden;min-height:190px}.eyebrow{font-size:14px;font-weight:500;letter-spacing:1.5px;color:#65715e}.layers-note .eyebrow{font-size:14px;letter-spacing:1.15px;color:#65715e}.layers-note p{font-size:16px;letter-spacing:-.7px;color:#687658;line-height:1.5;font-weight:400;position:relative;z-index:2;margin:12px 0 50px}.note-number{font-size:14px;letter-spacing:1.5px;color:#65715e}.note-orbit{position:absolute;right:3px;bottom:37px;width:90px;height:67px;transform:rotate(-25deg)}.note-orbit span{position:absolute;inset:0;border:1px solid #cbd8b7;border-radius:50%;transform:rotate(0)}.note-orbit span:nth-child(2){transform:rotate(60deg)}.note-orbit span:nth-child(3){transform:rotate(120deg)}.note-orbit i{position:absolute;width:14px;height:14px;border-radius:50%;background:#ccdcb6;left:38px;top:26px}.board{min-width:0;flex:1;position:relative;overflow:hidden;background:#f7f8f4;isolation:isolate}.workspace-svg{width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;user-select:none}.workspace-svg [data-node]{cursor:pointer}.tool-move .workspace-svg [data-node]{cursor:move}.tool-hand .workspace-svg{cursor:grab}.tool-hand .workspace-svg:active{cursor:grabbing}.tool-orbit .workspace-svg,.tool-rotate .workspace-svg{cursor:grab}.tool-draw .workspace-svg,.tool-text .workspace-svg,.tool-connect .workspace-svg{cursor:crosshair}.canvas-heading{position:absolute;top:27px;left:27px;pointer-events:none;z-index:2}.canvas-heading .eyebrow{font-size:14px;letter-spacing:1.45px}.canvas-heading>div{margin-top:8px;display:flex;gap:9px;align-items:center;font-size:14px;color:#65715e}.canvas-name{font-size:14px;color:#78836e}.small-dot{width:3px;height:3px;background:#c3c9ba;border-radius:50%}.view-control{position:absolute;right:22px;top:28px;z-index:6}.view-button{display:flex;align-items:center;gap:9px;background:#ffffffbc;border:1px solid #e2e7db;border-radius:6px;padding:8px 10px;font-size:14px;color:#737e67;box-shadow:0 2px 4px #60734403}.cube-mini{font-size:16px;line-height:10px;color:#65715e}.view-menu{position:absolute;right:0;top:40px;background:#fff;box-shadow:0 8px 30px #384a2820;border:1px solid var(--line);border-radius:8px;padding:6px;min-width:168px}.view-menu button{display:block;text-align:left;width:100%;padding:9px 10px;font-size:14px;border-radius:5px}.view-menu button:hover{background:#f0f4e9}.canvas-caption{position:absolute;bottom:107px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;color:#65715e;white-space:nowrap;font-size:14px;letter-spacing:.15px;pointer-events:none}.live-dot{height:4px;width:4px;background:#a1b28c;border-radius:50%}.canvas-bottom{position:absolute;bottom:23px;left:25px;right:23px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.canvas-bottom>*{pointer-events:auto}.canvas-hint{display:flex;gap:7px;align-items:center;font-size:14px;color:#65715e}.canvas-hint svg{color:#65715e}.hint-divider{height:9px;width:1px;background:#dce3d3;margin:0 2px}.zoom-control{display:flex;align-items:center;background:#fff;border:1px solid #e1e6d8;border-radius:7px;box-shadow:0 2px 8px #4e60350a;height:32px;padding:2px 4px;color:#65715e}.zoom-control button{height:25px;width:25px;display:flex;align-items:center;justify-content:center;border-radius:4px}.zoom-control button:hover{background:#f0f4e8}.zoom-control .zoom-value{width:41px;font-size:14px}.zoom-control i{height:14px;width:1px;background:var(--line);margin:0 5px}.grid-toolbar{position:absolute;left:25px;bottom:65px;display:flex;gap:3px;align-items:center;border:1px solid #e1e6d8;border-radius:6px;padding:3px;background:#ffffffbd;color:#65715e;box-shadow:0 2px 7px #71805304}.grid-toolbar button{width:26px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:4px}.grid-toolbar button.active{color:#6b8256;background:#edf3e4}.grid-toolbar input{width:30px;border:0;background:none;font-size:14px;text-align:center;color:#65715e;padding:0}.grid-toolbar select{width:36px;border:0;background:none;font-size:14px;color:#77866a;padding:3px 0}.finish-draw{position:absolute;bottom:135px;left:50%;transform:translate(-50%);background:#354b35;color:#eff8e6;padding:10px 15px;border-radius:7px;display:flex;gap:15px}.empty-canvas{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;white-space:nowrap}.empty-cube{font-size:76px;font-weight:400;line-height:1.3;color:#65715e}.empty-canvas h2{font-weight:400;letter-spacing:-1px;font-size:24px;color:#6a7c57;margin:10px 0}.empty-canvas p{font-size:14px;line-height:1.8;color:#65715e}.empty-canvas>span{display:flex;gap:15px;align-items:center;justify-content:center;margin-top:25px;color:#65715e;font-size:14px}.right-panel{width:290px;min-width:290px;margin:16px 16px 16px 0;background:#fff;border:1px solid #e1e5dc;border-radius:11px;box-shadow:0 4px 20px #263b2605;z-index:12;display:flex;flex-direction:column;overflow:hidden}.panel-tabs{display:flex;gap:20px;padding:0 17px;border-bottom:1px solid #edf0e9;min-height:50px}.panel-tabs button{display:flex;align-items:center;gap:7px;font-size:14px;color:#65715e;position:relative;height:50px}.panel-tabs button.active{color:#465d39;font-weight:500}.panel-tabs button.active:after{content:"";position:absolute;height:2px;background:#7d9962;bottom:0;left:0;right:0;border-radius:2px}.sliders-icon{font-size:17px;line-height:12px;transform:rotate(90deg)}.tab-dot{width:4px;height:4px;border-radius:50%;background:#829f65}.right-scroll{overflow:auto;flex:1;min-height:0}.library-intro{padding:24px 18px 15px}.library-intro .eyebrow{font-size:14px;letter-spacing:1.15px}.library-intro h2{font-size:18px;letter-spacing:-.65px;line-height:1.3;font-weight:500;margin:11px 0 7px;color:#45563b}.library-intro p{margin:0;color:#65715e;font-size:14px}.search-input{margin:0 17px;height:34px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #e7eadf;border-radius:6px;color:#65715e;background:#fafbf8}.search-input input{border:0;background:none;min-width:0;flex:1;font-size:14px}.search-input input::placeholder{color:#65715e}.search-input kbd{color:#65715e}.category-tabs{display:flex;align-items:center;gap:5px;margin:14px 17px 20px}.category-tabs button{padding:6px 10px;border-radius:5px;color:#65715e;font-size:14px;border:1px solid transparent}.category-tabs button.active{background:#f0f4e9;border-color:#e1e8d7;color:#6b8056}.category-tabs button:hover{background:#f4f7ed}.section-label{font-size:14px;letter-spacing:1px;font-weight:500;color:#65715e;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.right-scroll>.section-label{padding:0 18px}.section-label>span:last-child:not(:first-child){letter-spacing:0;font-size:14px;font-weight:400;color:#65715e}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 16px}.preset-card{height:136px;background:#fafbf8;border:1px solid #e9ece3;border-radius:7px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;text-align:left}.preset-card:hover{border-color:#b8c9a4;background:#f4f8ed;box-shadow:0 3px 7px #586d3409}.preset-card:active{cursor:grabbing}.preset-card>svg{height:88px;width:93px;margin-top:1px;pointer-events:none;transition:transform .2s ease}.preset-card:hover>svg{transform:translateY(-3px)}.preset-add{position:absolute;top:7px;right:8px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;opacity:0;color:#7c9960}.preset-card:hover .preset-add{opacity:1}.preset-title{font-size:14px;color:#6e7b61;align-self:flex-start;margin:2px 11px 5px}.preset-description{font-size:14px;color:#65715e;align-self:flex-start;margin-left:11px;white-space:nowrap}.custom-shape{margin:12px 16px 0;border:1px dashed #dae2cd;border-radius:6px;padding:12px 10px;width:calc(100% - 32px);display:flex;align-items:center;gap:10px;text-align:left;color:#65715e}.custom-shape>span{background:#f1f5e9;width:29px;height:29px;border-radius:6px;display:flex;align-items:center;justify-content:center}.custom-shape>div{display:flex;flex-direction:column;gap:4px;flex:1}.custom-shape strong{font-size:14px;font-weight:500;color:#65715e}.custom-shape small{font-size:14px;color:#65715e}.custom-shape:hover{background:#f7faef;border-color:#b7c7a0}.suggestions{margin:23px 16px 14px;border-top:1px solid #edf0e7;padding-top:17px}.suggestion-title{display:flex;align-items:center;gap:6px;font-size:14px;color:#7b8b67}.suggestion-title svg{color:#65715e}.tiny-tag{font-size:14px;margin-left:auto;letter-spacing:.7px;color:#65715e;background:#f0f4e7;padding:3px 4px;border-radius:3px}.suggestions p{color:#65715e;font-size:14px;line-height:1.6;margin:9px 0}.suggestion-actions{display:flex;flex-direction:column;gap:5px}.suggestion-actions button{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#65715e;background:#f7f9f2;padding:10px;border-radius:5px}.suggestion-actions button:hover{background:#edf3e2;color:#5e7945}.library-footer{border-top:1px solid #edf0e7;display:flex;gap:5px;align-items:center;justify-content:center;font-size:14px;color:#65715e;padding:14px 0}.empty-search{font-size:14px;line-height:1.6;padding:10px 20px;color:#65715e}.properties{font-size:14px}.properties-heading{display:flex;gap:9px;align-items:center;padding:19px 16px;border-bottom:1px solid #edf0e6}.object-icon{width:31px;height:31px;background:#f1f5e9;border-radius:7px;color:#65715e;display:flex;align-items:center;justify-content:center}.properties-heading>div{flex:1;min-width:0}.properties-heading input{border:0;padding:0;background:none;font-size:14px;width:100%;font-weight:500;margin-bottom:5px}.properties-heading>div>span{display:block;font-size:14px;color:#65715e}.property-section{padding:18px 16px;border-bottom:1px solid #edf0e7}.field-caption{display:block;margin:10px 0 7px;font-size:14px;color:#65715e}.field-row{display:flex;gap:6px;margin-bottom:7px}.number-field{border:1px solid #e5ebdd;border-radius:5px;height:31px;padding:0 7px;display:flex;align-items:center;gap:4px;flex:1;min-width:0;background:#fcfdf9}.number-field>span{font-size:14px;color:#65715e;flex-shrink:0}.number-field input{width:100%;min-width:0;border:0;padding:0;background:none;text-align:right;font-size:14px;color:#60734d}.number-field small{font-size:14px;color:#65715e}.number-field:focus-within{border-color:#a5bb8b;background:#fff}.number-field input:focus-visible{outline:none}.color-field{display:flex;align-items:center;justify-content:space-between;margin:10px 0;color:#65715e;font-size:14px}.color-field>span{display:flex;gap:8px;align-items:center}.color-field code{font-size:14px;font-family:inherit;color:#65715e}.palette{display:flex;gap:7px;margin:12px 0 18px}.palette button{width:22px;height:22px;border-radius:50%;border:1px solid #0000000d;position:relative}.palette button.chosen:after{content:"";position:absolute;inset:-4px;border:1px solid #91a576;border-radius:50%}.material-options{display:flex;gap:7px}.material-options button{flex:1;border:1px solid #e8eddf;border-radius:6px;padding:8px 3px;color:#65715e;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:7px}.material-options button.active{border-color:#b6c99d;background:#f6faef;color:#6c8550}.material-sample{width:23px;height:23px;border:1px solid #b9c7a5;background:#d6e8bd;border-radius:5px;box-shadow:2px 2px #d8e2ca}.material-sample.gradient{background:linear-gradient(135deg,#eff6e4,#b3cc92)}.material-sample.glass{background:linear-gradient(135deg,#fbfffacc,#d9e9cd50);border-color:#d3e2c3;box-shadow:inset 2px 2px 2px #fff,2px 2px #edf4e550}.range-field{display:block;margin-top:17px}.range-field>span{display:flex;justify-content:space-between;color:#65715e;font-size:14px}.range-field small{font-size:14px}.range-field input{width:100%;height:3px;margin:14px 0 0;cursor:pointer}.select-field{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;color:#65715e;margin-top:13px}.select-field select{border:1px solid #e2ead7;border-radius:5px;padding:7px;color:#788d61;background:#fcfdf9;font-size:14px;max-width:155px}.full{width:100%}.object-actions{display:flex;gap:8px;margin:17px 16px}.object-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e4eada;border-radius:6px;padding:9px 5px;font-size:14px;color:#65715e}.object-actions button:hover{background:#f0f6e6}.property-empty{padding:65px 25px;text-align:center}.property-empty>div{background:#f6f8f0;width:64px;height:64px;margin:0 auto 25px;display:flex;align-items:center;justify-content:center;border-radius:16px}.property-empty h3{font-size:16px;font-weight:400;letter-spacing:-.5px;line-height:1.5;color:#788a64}.property-empty p{font-size:14px;line-height:1.8;color:#65715e;margin:15px 0 30px}.property-empty>span{font-size:14px;color:#65715e}.back-to-object{padding:12px 16px;font-size:14px;color:#65715e;border-bottom:1px solid #edf0e7;width:100%;text-align:left}.field-help{font-size:14px;color:#65715e;line-height:1.7;margin:10px 0 0}.property-section textarea{width:100%;resize:vertical;min-height:67px;max-height:170px;padding:9px;background:#fbfcf8;border:1px solid #e0e8d5;border-radius:6px;font-size:14px;margin-bottom:12px;line-height:1.5}.section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;color:#65715e;font-size:14px;letter-spacing:1px}.vertex-row{display:flex;gap:6px;align-items:center;margin-top:9px}.vertex-row>span{color:#65715e;font-size:14px;width:12px}.text-button{font-size:14px;color:#65715e;margin-top:12px;text-decoration:underline;text-underline-offset:3px}.inline-info{background:#f8f1e2;color:#967c4b;font-size:14px;padding:12px;margin:10px 16px;border-radius:6px;line-height:1.6}.app-footer{min-height:29px;height:29px;border-top:1px solid var(--line);background:#fdfdfb;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#65715e;z-index:15}.footer-brand{font-size:14px;letter-spacing:1.1px;display:flex;gap:8px}.footer-brand>span{color:#65715e}.app-footer>div{display:flex;align-items:center;gap:7px;font-size:14px}.local-indicator{width:4px;height:4px;background:#9fb489;border-radius:50%}.app-footer i{height:9px;width:1px;background:#e1e6d8;margin:0 7px}.app-footer button,.desktop-badge{display:flex;gap:5px;align-items:center;font-size:14px;color:#65715e}.toast{position:fixed;bottom:48px;left:50%;transform:translate(-50%);background:#fff;border:1px solid #dce5d0;border-radius:9px;box-shadow:0 5px 25px #2c431919;padding:14px 16px;color:#70855b;display:flex;align-items:center;gap:10px;max-width:600px;font-size:14px;z-index:100;animation:toastIn .2s ease;line-height:1.5}.toast button{margin-left:10px;color:#65715e;display:flex}.toast-dot{width:5px;height:5px;border-radius:50%;background:#9eba7d;flex-shrink:0}.busy-indicator{position:fixed;top:85px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:7px;z-index:120;font-size:14px;color:#65715e}.spin{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastIn{0%{opacity:0;bottom:38px}to{opacity:1;bottom:48px}}.modal-backdrop{position:fixed;inset:0;background:#29342236;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:90;display:flex;align-items:center;justify-content:center;padding:35px}.modal{background:#fff;border:1px solid #edf1e5;border-radius:15px;box-shadow:0 20px 100px #25321824;width:720px;max-height:calc(100dvh - 70px);overflow:auto;padding:29px;outline:none}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.modal-heading .eyebrow{font-size:14px;letter-spacing:2px}.modal-heading h2{font-size:23px;letter-spacing:-1px;font-weight:500;margin:10px 0;color:#566f42}.modal-heading p{font-size:14px;color:#65715e;line-height:1.7;margin:0}.modal-heading>.icon-button{color:#65715e}.export-layout{display:flex;gap:24px}.export-preview{flex:1;min-width:0;min-height:280px;border:1px solid #e2ead8;border-radius:9px;background-color:#fbfdf8;background-image:linear-gradient(45deg,#eff3e8 25%,transparent 25%),linear-gradient(-45deg,#eff3e8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eff3e8 75%),linear-gradient(-45deg,transparent 75%,#eff3e8 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.export-preview img{max-width:100%;max-height:300px;display:block}.export-preview>span{position:absolute;bottom:10px;left:12px;font-size:14px;letter-spacing:1px;color:#65715e;background:#fbfdf8c9;padding:3px;border-radius:2px}.preview-spinner{position:absolute;top:12px;right:12px;color:#65715e}.export-options{width:215px}.export-options>.number-field{margin:10px 0;height:36px}.format-badge{background:#edf5e3;border:1px solid #ddebd0;font-size:14px;padding:4px 7px;border-radius:4px}.checkbox-row{display:flex;align-items:center;gap:8px;margin-top:17px;font-size:14px;color:#65715e;line-height:1.5}.checkbox-row input{margin:0;width:13px;height:13px}.export-feature-list{display:flex;flex-direction:column;gap:9px;margin-top:22px;padding-top:18px;border-top:1px solid #e8efdf}.export-feature-list span{display:flex;gap:7px;align-items:center;font-size:14px;color:#65715e}.export-feature-list svg{color:#65715e}.export-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e8efdf;padding-top:22px;margin-top:24px}.export-bottom>span{font-size:14px;color:#65715e}.export-bottom small{display:block;font-size:14px;color:#65715e;margin-top:5px}.project-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.project-cards button{display:flex;align-items:center;flex-direction:column;border:1px solid #e3ebd7;background:#fafcf6;border-radius:9px;min-height:180px;overflow:hidden;padding:12px;gap:7px;color:#65715e}.project-cards button:hover{background:#f0f7e7;border-color:#b5ca9a}.project-cards svg{height:110px;width:100%}.project-cards .new-project-card{justify-content:center}.new-project-card svg{height:28px;margin-bottom:20px}.project-cards strong{font-weight:500;font-size:14px;color:#7b9362;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-cards span{font-size:14px;color:#65715e}.help-intro{display:flex;gap:18px;padding:17px;border:1px solid #e9efdf;border-radius:9px;background:#f7faf1;margin-bottom:24px;align-items:center;color:#65715e}.help-intro>svg{flex-shrink:0}.help-intro p{font-size:14px;color:#65715e;line-height:1.8;margin:0}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 24px}.shortcut-grid>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eff3e9;padding:12px 0;color:#65715e;font-size:14px;gap:9px}.shortcut-grid kbd{font-size:14px;color:#65715e;background:#f6f9ef;border-radius:4px;padding:4px 6px;white-space:nowrap}.help-bottom{display:flex;align-items:center;gap:8px;font-size:14px;color:#65715e;margin-top:25px}.desktop-required{display:none}@media(min-width:1600px){.right-panel{width:315px;min-width:315px;margin:22px 22px 22px 0}.layers-panel{width:225px;min-width:225px}.preset-card{height:151px}.preset-card>svg{height:99px;width:106px}.library-intro{padding-top:28px;padding-bottom:20px}.preset-grid{gap:11px}.layers-note{margin-top:28px}.canvas-heading{left:35px;top:34px}.view-control{top:35px;right:30px}}@media(max-width:1280px){.app-header{padding:0 15px;gap:15px}.save-state{display:none}.project-header{width:230px}.layers-panel{width:180px;min-width:180px}.right-panel{width:270px;min-width:270px;margin-right:12px}.canvas-hint{display:none}.canvas-bottom{justify-content:flex-end}.canvas-heading>div>span:last-child{display:none}.canvas-heading>div .small-dot{display:none}.preset-card{height:127px}.preset-card>svg{height:79px}.preset-description{font-size:14px}.layers-note p{font-size:15px}.layer-object{font-size:14px}.layer-heading{padding-left:7px;gap:2px}.project-save{padding:10px;font-size:14px}.header-actions{gap:8px}.canvas-caption{font-size:14px;max-width:90%;white-space:normal;text-align:center;justify-content:center}}@media(max-height:780px){.layers-note{min-height:133px;margin-top:14px;padding-top:14px}.layers-note p{font-size:14px;margin-bottom:20px}.note-orbit{width:60px;height:47px;right:10px;bottom:26px}.note-orbit i{left:25px;top:18px;width:9px;height:9px}.layer-list{max-height:calc(100% - 222px)}.tool-rail{padding-top:15px}.tools-top,.tools-bottom{gap:6px}.tool-rail button{height:32px}.canvas-caption{bottom:104px}.library-intro{padding-top:19px}.category-tabs{margin-bottom:17px}}@media(max-width:1023px),(hover:none)and (pointer:coarse){.editor-shell,.modal-backdrop{display:none}.desktop-required{display:flex;min-height:100dvh;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center;background:radial-gradient(ellipse at 50% 50%,#edf3e1,transparent 70%),#f9faf6}.desktop-required .logo{position:absolute;top:29px;left:30px}.desktop-required h1{font-size:clamp(25px,6vw,37px);font-weight:400;letter-spacing:-1.2px;line-height:1.25;color:#587043;margin:18px 0}.desktop-required p{font-size:14px;line-height:1.9;color:#65715e;max-width:360px}.desktop-illustration{position:relative;margin-bottom:40px;color:#65715e}.desktop-illustration>span{position:absolute;top:15px;left:20px;color:#65715e}.desktop-chip{display:flex;gap:7px;align-items:center;border:1px solid #dfe9d1;background:#f3f8eb;border-radius:20px;padding:8px 13px;font-size:14px;color:#65715e;margin-top:22px}.desktop-required small{font-size:14px;line-height:1.7;color:#65715e;max-width:250px;margin-top:25px}}:root{--text-min: .875rem;--text-body: 1rem;--text-title: 1.25rem;--ink: #293b2e;--muted: #63725a;--panel-line: #dce3d4;--panel-shadow: 0 4px 18px #2538190b, 0 1px 3px #25381906;--accent: #497d26}small,kbd,code{font-size:var(--text-min)}.editor-shell{min-height:580px}.app-header{height:86px;min-height:86px;padding:0 20px;gap:20px}.logo>span{font-size:26px}.project-header{width:295px;min-width:190px;flex-shrink:1}.project-breadcrumb{font-size:var(--text-min);letter-spacing:.035em;gap:8px}.project-name-row input{height:24px;font-size:var(--text-body)}.project-name-row .icon-button{width:28px;height:28px}.icon-button{min-width:32px;min-height:32px}.header-actions{gap:12px}.save-state{font-size:var(--text-min)}.secondary-button,.export-button{font-size:var(--text-min);min-height:40px}.export-button.export-icon{width:40px;height:40px;min-width:40px;padding:0;gap:0}.export-button.export-icon svg{width:20px;height:20px;margin:0}.project-menu{left:195px;top:76px;width:315px}.project-menu button{padding:12px;min-height:42px;font-size:var(--text-min)}.project-menu button svg{width:18px;height:18px}.editor-main{display:block}.board{position:absolute;inset:0;width:100%;height:100%}[data-floating-panel]{position:absolute;top:16px;margin:0;border:1px solid var(--panel-line);border-radius:12px;background:#fff;box-shadow:var(--panel-shadow);z-index:12}.tool-rail{left:16px;width:60px;min-width:60px;max-height:calc(100% - 160px);padding:7px;gap:6px}.tool-rail button{width:42px;height:40px;color:#526348;flex-shrink:0}.tools-body{flex:0 0 auto}.tools-top,.tools-bottom{gap:4px}.tools-top>div{display:flex;flex-direction:column;align-items:center}.tools-bottom{padding-top:8px;margin-top:8px;border-top:1px solid #e7ecdf}.tool-separator{margin:6px 0 10px}.tool-rail button.active{background:#e6f1d5;border-color:#ccddb6;color:#497d26}.tool-rail button.active:before{left:-8px;width:2px;background:#679b3c}.layers-panel{left:88px;width:272px;min-width:272px;height:calc(100% - 160px);background:#fff;overflow:hidden}.layers-title{padding:10px 12px;min-height:54px;height:54px;gap:7px;border-bottom:1px solid #e8ede1}.layers-title button{gap:7px;min-height:32px;min-width:28px;font-size:var(--text-min)}.layers-title .compressed-label{margin-right:auto;color:#394e2c}.layers-title button:last-child{margin-left:0}.count-badge{min-width:26px;height:23px;line-height:23px;font-size:var(--text-min);color:#5e724a}.layer-list{min-height:100px;flex:1;max-height:none}.layer-heading{min-height:38px;padding:0 10px;gap:5px}.layer-name{font-size:var(--text-min)}.layer-heading button{min-width:23px;height:30px;color:#667958}.layer-heading svg{width:15px;height:15px}.layer-object{height:36px;font-size:var(--text-min);gap:8px}.layer-object .node-name{color:#586c49}.layer-object svg{width:16px;height:16px}.layer-rename{font-size:var(--text-min)}.layer-actions{padding:9px 12px;gap:6px}.layer-actions button{width:34px;height:32px;color:#5c744a}.layer-actions svg{width:17px;height:17px}.layers-note{margin:12px;padding:16px;min-height:138px;flex-shrink:0}.layers-note .eyebrow{font-size:var(--text-min);letter-spacing:0}.layers-note p{font-size:18px;margin:9px 0 15px;line-height:1.35}.note-number{font-size:var(--text-min);letter-spacing:.03em}.note-orbit{opacity:.65}.layers-panel.is-compressed{width:190px;min-width:190px;height:54px}.layers-panel.is-compressed .layers-title{width:100%;border:0}.right-panel{right:16px;width:336px;min-width:336px;height:calc(100% - 160px)}.panel-tabs{min-height:54px;padding:0 12px;gap:13px;align-items:center}.panel-tabs button{height:54px;gap:6px;font-size:var(--text-min)}.panel-tabs .panel-collapse{margin-left:auto;width:26px;min-width:26px;justify-content:center;color:#6e805d}.panel-tabs .tab-dot{display:none}.right-panel.is-compressed{height:54px;width:240px;min-width:240px;padding:7px 10px;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.compressed-label{display:flex;align-items:center;gap:9px;min-height:36px;font-size:var(--text-min);font-weight:500}.right-panel.is-compressed .compressed-label{flex:1}.library-intro{padding:24px 18px 17px}.eyebrow,.library-intro .eyebrow{font-size:var(--text-min);letter-spacing:.045em}.library-intro h2{font-size:22px;line-height:1.3;margin:11px 0 9px}.library-intro p{font-size:var(--text-min);line-height:1.55;color:#687958}.search-input{height:40px;margin:0 17px}.search-input input{font-size:var(--text-min)}.search-input input::placeholder{color:#79876b}.search-input>svg{width:17px;height:17px}.category-tabs{gap:5px;margin:14px 17px 20px}.category-tabs button{font-size:var(--text-min);padding:7px 9px}.section-label{font-size:var(--text-min);letter-spacing:.025em;line-height:1.4}.section-label>span:last-child:not(:first-child){font-size:var(--text-min);color:#768369}.preset-grid{gap:10px;padding:0 16px}.preset-card{height:178px;border-color:#e1e7d8;border-radius:9px}.preset-card>svg{width:112px;height:99px;margin-top:7px;flex-shrink:0}.preset-title{font-size:16px;margin:4px 11px 5px;color:#405730;line-height:1.3}.preset-description{font-size:var(--text-min);margin:0 11px;color:#748465;white-space:normal;line-height:1.35}.preset-hover-overlay{position:absolute;inset:0;background:#80bb4c38;opacity:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .16s ease;z-index:2}.preset-card:hover .preset-hover-overlay,.preset-card:focus-visible .preset-hover-overlay{opacity:1}.preset-card .preset-add{position:static;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;opacity:1;color:#477d24;box-shadow:0 3px 12px #436d2820}.preset-card .preset-add svg{width:22px;height:22px;margin:0;transform:none}.preset-card:hover>svg{transform:none}.custom-shape{padding:12px;gap:10px}.custom-shape strong{font-size:var(--text-min)}.custom-shape small{font-size:var(--text-min);line-height:1.5}.custom-shape>span{width:35px;height:35px}.suggestion-title{font-size:var(--text-min);gap:8px;flex-wrap:wrap;line-height:1.4}.tiny-tag{font-size:var(--text-min);letter-spacing:0;padding:3px 5px}.suggestions p,.suggestion-actions button,.library-footer,.empty-search{font-size:var(--text-min);line-height:1.5}.suggestion-actions button{gap:8px;text-align:left}.library-footer{padding:14px 10px}.properties{font-size:var(--text-min)}.properties-heading{padding:16px;gap:10px}.properties-heading input{font-size:16px;margin-bottom:5px}.properties-heading>div>span{font-size:var(--text-min);line-height:1.4}.object-icon{width:36px;height:36px;flex-shrink:0}.object-icon svg{width:18px;height:18px}.field-caption{font-size:var(--text-min);margin:12px 0 8px}.field-row{gap:7px}.number-field{height:38px;padding:0 7px;gap:4px}.number-field>span,.number-field input,.number-field small{font-size:var(--text-min)}.field-row:is(:has(.number-field:nth-child(3)),:has(input[aria-label="Stroke width"])) .number-field{flex-direction:column;height:55px;align-items:stretch;padding:6px 8px;gap:4px;position:relative}.field-row:is(:has(.number-field:nth-child(3)),:has(input[aria-label="Stroke width"])) .number-field>span{font-size:var(--text-min);line-height:16px}.field-row:is(:has(.number-field:nth-child(3)),:has(input[aria-label="Stroke width"])) .number-field input{text-align:left;padding-right:9px}.field-row:is(:has(.number-field:nth-child(3)),:has(input[aria-label="Stroke width"])) .number-field small{position:absolute;bottom:7px;right:7px}.color-field,.color-field code{font-size:var(--text-min)}.color-field{margin:12px 0}.palette{gap:10px;margin:14px 0 20px}.palette button{width:26px;height:26px}.material-options button{font-size:var(--text-min);padding:10px 3px;gap:9px}.range-field>span,.range-field small,.select-field,.select-field select,.field-help,.object-actions button,.back-to-object,.section-toggle,.vertex-row>span,.text-button{font-size:var(--text-min)}.select-field select{max-width:190px;padding:8px}.range-field input{margin-top:17px}.property-section textarea{font-size:16px;line-height:1.5}.property-empty h3{font-size:20px}.property-empty p,.property-empty>span{font-size:var(--text-min);line-height:1.65}.object-actions button{padding:11px 5px}.inline-info{font-size:var(--text-min)}.canvas-heading{top:26px;left:50%;transform:translate(-50%);text-align:center}.canvas-heading .eyebrow{font-size:var(--text-min);letter-spacing:.06em}.canvas-heading>div{justify-content:center;font-size:var(--text-min);margin-top:8px}.canvas-name{font-size:var(--text-min)}.view-control{top:auto;right:16px;bottom:111px}.view-button{font-size:var(--text-min);padding:10px 13px;gap:10px;height:40px}.view-menu{top:auto;bottom:49px;min-width:205px}.view-menu button{font-size:var(--text-min);padding:11px}.view-menu-overlay{position:fixed;right:auto;bottom:auto;z-index:80;min-width:0;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}.canvas-caption{bottom:166px;max-width:580px;white-space:normal;justify-content:center;text-align:center;font-size:var(--text-min);line-height:1.5}.canvas-bottom{bottom:15px;left:16px;right:16px;display:flex;flex-direction:column-reverse;align-items:stretch;gap:12px}.canvas-hint{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;width:100%;font-size:var(--text-min);line-height:1.45;color:#657359}.canvas-hint>svg{width:16px;height:16px;margin-top:2px}.hint-divider{align-self:center;height:13px}.zoom-control{align-self:flex-end;height:38px;padding:3px 6px}.zoom-control button{width:30px;height:30px}.zoom-control .zoom-value{width:56px;font-size:var(--text-min)}.grid-toolbar{left:16px;bottom:111px;padding:4px;height:40px}.grid-toolbar button{width:30px;height:30px}.grid-toolbar select{width:44px;font-size:var(--text-min)}.grid-toolbar input{width:38px;font-size:var(--text-min)}.empty-canvas h2{font-size:26px}.empty-canvas p{font-size:16px}.empty-canvas>span{font-size:var(--text-min)}.finish-draw{bottom:210px;font-size:var(--text-min)}.rotation-feedback{position:absolute;background:#344c2e;color:#fff;border:1px solid #263e20;padding:7px 11px;border-radius:6px;font-size:14px;font-variant-numeric:tabular-nums;pointer-events:none;z-index:5;box-shadow:0 3px 12px #344c2e24}.feature-tooltip{position:fixed;z-index:200;max-width:min(360px,calc(100vw - 24px));padding:9px 12px;background:#2d3c26;color:#fff;border:1px solid #405235;border-radius:7px;box-shadow:0 4px 14px #20301624;font-size:var(--text-min);line-height:1.4;pointer-events:none}.app-footer{height:36px;min-height:36px;padding:0 16px}.footer-brand,.app-footer>div,.app-footer button,.desktop-badge{font-size:var(--text-min)}.footer-brand{letter-spacing:0;white-space:nowrap}.footer-brand .logo{gap:6px}.footer-brand .logo>svg{width:20px;height:20px}.footer-brand .logo>span{font-size:16px;letter-spacing:-.6px}.footer-brand a{font-weight:500;text-decoration:underline;text-underline-offset:3px}.footer-brand a:hover{color:var(--ink);text-decoration:underline}.toast,.busy-indicator{font-size:var(--text-min)}.modal{width:800px}.modal-heading h2{font-size:24px}.modal-heading .eyebrow,.modal-heading p,.export-preview>span,.checkbox-row,.format-badge,.export-feature-list span,.export-bottom>span,.export-bottom small,.project-cards strong,.project-cards span,.help-intro p,.shortcut-grid>div,.shortcut-grid kbd,.help-bottom{font-size:var(--text-min)}.modal-heading p,.help-intro p{font-size:16px}.export-options{width:275px}.export-options>.number-field{height:40px}.export-bottom{gap:20px}.shortcut-grid{gap:2px 22px}.shortcut-grid>div{flex-wrap:wrap;gap:8px}.shortcut-grid kbd{white-space:normal;line-height:1.5}.help-bottom{line-height:1.5}.project-cards button{min-height:205px}.desktop-required p,.desktop-required small,.desktop-chip{font-size:var(--text-min)}@media(max-width:1360px){.save-state{display:none}.app-header{gap:14px;padding:0 16px}.footer-brand{font-size:var(--text-min)}.layers-note{display:none}}@media(max-width:1100px){.canvas-hint{column-gap:8px;max-width:930px;align-self:center}.canvas-hint>svg{display:none}.canvas-heading>div{display:none}.project-header{width:265px}.project-breadcrumb{letter-spacing:0}}@media(max-height:780px){.layers-note{display:none}.tool-rail{max-height:calc(100% - 160px)}.tool-rail button{height:36px}.tools-top,.tools-bottom{gap:3px}.layer-list{max-height:none}}.editor-main{--tools-size: 60px;--layers-size: 272px;--right-size: 336px;--workspace-gap: 12px;--workspace-inset: 16px;--canvas-left: calc(var(--workspace-inset) + var(--tools-size) + var(--layers-size) + 2 * var(--workspace-gap));--canvas-right: calc(var(--workspace-inset) + var(--right-size) + var(--workspace-gap));display:grid;grid-template-columns:var(--tools-size) var(--layers-size) minmax(0,1fr) var(--right-size);grid-template-rows:minmax(0,1fr) auto;column-gap:12px;row-gap:70px;padding:16px 16px 12px}.editor-main:has(.layers-panel.is-compressed){--layers-size: 190px}.editor-main:has(.right-panel.is-compressed){--right-size: 240px}[data-floating-panel]{position:relative;inset:auto;grid-row:1;margin:0}.tool-rail{grid-column:1;align-self:start;max-height:100%;width:100%;min-width:0}.layers-panel{grid-column:2;width:100%;min-width:0;height:100%;min-height:0}.right-panel{grid-column:4;width:100%;min-width:0;height:100%;min-height:0}.layers-panel.is-compressed,.right-panel.is-compressed{width:100%;min-width:0;height:54px;align-self:start}.board{position:absolute;inset:0;grid-area:auto;min-width:0;min-height:0;width:100%;height:100%;container-type:inline-size}.workspace-help{position:relative;z-index:1;grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;font-size:var(--text-min);line-height:1.5;color:#58694c}.workspace-help i{height:14px;width:1px;background:#d6decc}.canvas-heading{top:18px;width:100%}.canvas-bottom{bottom:8px;right:8px;left:8px}.grid-toolbar{bottom:48px;left:var(--workspace-inset)}.view-control{bottom:48px;right:var(--workspace-inset)}.canvas-caption{bottom:121px;max-width:95%;width:max-content}.finish-draw{bottom:183px}@container (max-width: 520px){.canvas-heading>div{display:none}.view-control{bottom:64px}.canvas-caption{bottom:167px}.empty-canvas{white-space:normal;width:100%;padding:0 10px}.empty-canvas h2{font-size:23px}.finish-draw{bottom:223px;white-space:nowrap}}@media(max-width:1200px){.editor-main{--tools-size: 54px;--layers-size: 240px;--right-size: 312px;--workspace-gap: 10px;--workspace-inset: 12px;column-gap:10px;padding:14px 12px 10px}.tool-rail{padding:5px}.tool-rail button{width:40px}.panel-tabs{gap:9px;padding:0 10px}.panel-tabs button{gap:5px}.panel-tabs button>svg:not(.panel-collapse svg){width:16px}.palette{gap:8px}}.workspace-header{width:auto;min-width:0;flex-shrink:0}.workspace-header .project-breadcrumb{font-size:var(--text-min);font-weight:600;letter-spacing:.06em;margin-bottom:5px}.workspace-header .project-name-row{gap:9px;align-items:center;font-size:var(--text-min);color:#65735b;white-space:nowrap}.workspace-header .project-name-row>span{flex:0 0 auto}.project-dropdown-trigger{min-height:40px;padding:9px 12px;border:1px solid #e0e3de;border-radius:7px;background:#f1f3ef}.project-dropdown-trigger:hover,.project-dropdown-trigger[aria-expanded=true]{background:#e8ece3;border-color:#cdd5c5}.header-dot{padding:0 5px;color:#a0af90}.project-menu-name{display:flex;flex-direction:column;padding:10px 12px;gap:9px}.project-menu-name>span{font-size:var(--text-min);color:#637454}.project-menu-name input{border:1px solid #d9e2cd;border-radius:6px;height:38px;padding:7px 9px;font-size:var(--text-body);min-width:0}.preset-card{height:132px;align-items:center;justify-content:center}.preset-card>svg{margin:0;width:112px;height:112px}.canvas-bottom{top:24px;right:calc(var(--canvas-right) + 8px);bottom:auto;left:auto}.workspace-svg.is-rotating *{cursor:inherit!important}.scroll-help{display:inline-flex;align-items:center;gap:6px}.palette{flex-wrap:wrap}.workspace-svg:focus{outline:none}.board.copy-ready .workspace-svg,.board.copy-ready .workspace-svg *{cursor:copy!important}@media(max-height:720px){.tool-rail button{height:32px}.tools-top,.tools-bottom{gap:2px}.tool-separator{margin:4px 0}.tools-bottom{padding-top:4px;margin-top:4px}}@media(max-height:620px){.editor-main{--tools-size: 104px}.tools-top{display:grid;grid-template-columns:repeat(2,42px);gap:4px}.tools-top>div{display:contents}.tools-top .tool-separator{display:none}.tools-bottom{flex-direction:row;justify-content:center;gap:4px}.tool-rail button.active:before{display:none}}.material-sample.gradient{background:linear-gradient(135deg,#f5ffe9,#9bd143 45%,#45671b)}.material-sample.glass{border-radius:3px;background:#9bd14350;border-color:#92a879;box-shadow:inset 0 0 8px #ffffffa0}.effect-switch{display:flex;align-items:center;gap:12px;min-height:38px;margin-top:12px;position:relative;cursor:pointer}.effect-switch>span:first-child{flex:1}.effect-switch input{position:absolute;right:0;width:38px;height:24px;opacity:0;margin:0;cursor:pointer}.switch-track{display:block;width:38px;height:24px;padding:3px;border-radius:20px;background:#cdd5c7;pointer-events:none;transition:background .15s}.switch-track:after{content:"";display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .15s}.effect-switch input:checked+.switch-track{background:var(--accent)}.effect-switch input:checked+.switch-track:after{transform:translate(14px)}.effect-switch input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:3px}:root[data-theme=dark] .switch-track{background:#526149}.save-file-field{display:flex;flex-direction:column;gap:10px;margin:20px 0}.save-file-field input{border:1px solid var(--line);background:var(--surface, #fff);color:inherit;border-radius:6px;padding:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.layer-heading,.layer-object{position:relative}.layer-heading[draggable=true],.layer-object[draggable=true]{cursor:grab}.layer-drag-grip{opacity:0;flex-shrink:0;color:var(--muted)}.layer-object[draggable=true]:is(:hover,:focus-visible) .layer-drag-grip{opacity:.65}.layer-heading.is-dragging,.layer-object.is-dragging{opacity:.4}.layer-heading.drop-inside,.layer-object.drop-inside{box-shadow:inset 0 0 0 2px var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--panel, white))}.drop-before:before,.drop-after:after{content:"";position:absolute;left:4px;right:4px;height:2px;background:var(--accent);z-index:3;pointer-events:none}.drop-before:before{top:0}.drop-after:after{bottom:0}.connector-controls{--control-color: #527c31;--control-fill: #fff}.connector-selection{stroke:var(--control-color);stroke-dasharray:5 3;opacity:.8}.connector-guide{stroke:var(--control-color);stroke-width:1;opacity:.65}.connector-handle,.connector-anchor{fill:var(--control-fill);stroke:var(--control-color);stroke-width:1.5}[data-connector-handle]{cursor:move}[data-connector-handle]:hover .connector-handle{fill:#d8efb4;stroke-width:2}[data-connector-handle][data-selected=true] .connector-handle{fill:var(--control-color);stroke-width:2}:root[data-theme=dark] .connector-controls{--control-color: #b4dc8c;--control-fill: #222820}.vector-toolbar-position{position:absolute;bottom:48px;left:calc(var(--canvas-left) + 8px);right:calc(var(--canvas-right) + 8px);z-index:5;display:flex;justify-content:center;pointer-events:none}.vector-toolbar-stack{width:max-content;max-width:100%;display:flex;flex-direction:column-reverse;align-items:center;gap:8px;pointer-events:auto}.vector-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;max-width:100%;padding:7px;background:var(--panel, #fff);color:var(--ink);border:1px solid var(--panel-line);border-radius:16px;box-shadow:0 6px 20px #00000016,0 1px 3px #0000000a}.vector-tool-group{display:flex;align-items:center;gap:3px}.vector-tool-group+.vector-tool-group{border-left:1px solid var(--panel-line);padding-left:5px}.vector-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 9px;border-radius:8px;font-size:var(--text-min);white-space:nowrap}.vector-toolbar button:hover{background:var(--hover, #edf2e7)}.vector-toolbar button[aria-pressed=true],.vector-toolbar button[aria-expanded=true]{background:var(--active, #e0edcf);color:var(--accent)}.vector-toolbar button:disabled{opacity:.4;cursor:default}.vector-toolbar button svg{flex-shrink:0}.vector-tool-actions button{width:34px;padding:0}.vector-stroke-swatch{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #0002}.vector-style{display:flex;flex-wrap:wrap;align-items:center;gap:12px;width:100%;max-width:440px;border:1px solid var(--panel-line);border-radius:12px;padding:14px;background:var(--panel, #fff);color:var(--ink);box-shadow:0 6px 20px #00000016;font-size:var(--text-min)}.vector-style .number-field{flex:1 1 100px;min-width:100px;height:58px;margin:0;position:relative;flex-direction:column;align-items:stretch;padding:7px 9px}.vector-style .number-field input{text-align:left;padding-right:24px}.vector-style .number-field small{position:absolute;right:9px;bottom:7px}.vector-color{display:flex;flex-direction:column;gap:8px;color:var(--muted)}.vector-color input{width:40px;height:30px;padding:2px;border:1px solid var(--panel-line);border-radius:6px;background:var(--surface, #fff);cursor:pointer}.vector-routing{display:flex;align-items:center;gap:8px;flex:1;color:var(--muted)}.vector-routing select{min-width:94px;padding:7px;border:1px solid var(--panel-line);border-radius:6px;background:var(--surface, #f5f7f1);color:var(--ink);font-size:var(--text-min)}.vector-style .checkbox-row{margin:0;white-space:nowrap}.vector-moving .workspace-svg [data-face=connection]{cursor:move}.workspace-svg .connector-insert-target{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M2%202%2014%205C20%206%2023%2012%2021%2017L24%2020%2020%2024%2017%2021C11%2023%205%2018%204%2011Z'%20fill='white'%20stroke='white'%20stroke-width='4'/%3e%3cpath%20d='M2%202%2014%205C20%206%2023%2012%2021%2017L24%2020%2020%2024%2017%2021C11%2023%205%2018%204%2011Z'%20fill='white'%20stroke='%23222'%20stroke-width='1.6'/%3e%3cpath%20d='m3%203%209%209'%20stroke='%23222'%20stroke-width='1.6'/%3e%3ccircle%20cx='14'%20cy='14'%20r='3'%20stroke='%23222'%20stroke-width='1.6'/%3e%3cpath%20d='M27%2023v8m-4-4h8'%20stroke='white'%20stroke-width='4'/%3e%3cpath%20d='M27%2023v8m-4-4h8'%20stroke='%23222'%20stroke-width='1.7'/%3e%3c/svg%3e") 2 2,crosshair}.workspace-svg .connector-bend-target{cursor:grab}.workspace-svg .connector-bend-target:active{cursor:grabbing}.orbit-ready .workspace-svg,.orbit-ready .workspace-svg *{cursor:move!important}.property-section-heading{margin:0;font:inherit}.property-section-toggle{gap:10px;min-height:24px;text-align:left;letter-spacing:.025em}.property-section-toggle>span{display:flex;align-items:center;gap:10px}.property-section-content{margin-top:14px}.face-list{display:flex;flex-direction:column;gap:5px}.face-row{display:flex;align-items:center;gap:8px;min-height:32px}.face-row>button:first-child{flex:1;text-align:left;padding:6px 8px;border-radius:5px}.face-row.is-selected>button:first-child{background:#e8efde;color:#476137}.face-row.is-removed>button:first-child{opacity:.5;text-decoration:line-through}:root[data-theme=dark] .face-row.is-selected>button:first-child{background:#35472a;color:#b4dc8c}.theme-toggle{width:40px;height:40px;flex-shrink:0}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .project-dropdown-trigger{background:#2b3228;border-color:var(--panel-line)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .project-dropdown-trigger:is(:hover,[aria-expanded=true]){background:#35402e;border-color:#62764f}:root:is([data-theme=dark],[data-appearance=cutting-mat]){--ink: #e4ecdf;--muted: #a7b59e;--line: #343e32;--panel-line: #3b4637;--panel: #222820;--green: #c3e4a4;--lime: #b8dc91;--accent: #b4dc8c;--surface: #191f19;--hover: #2e382a;--active: #35472a;--panel-shadow: 0 4px 18px #00000026, 0 1px 3px #00000018;background:#171b18;color:var(--ink)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) :is(.editor-shell,.board,.desktop-required){background:#171b18}:root:is([data-theme=dark],[data-appearance=cutting-mat]) :is(.app-header,.app-footer,[data-floating-panel],.project-menu,.view-menu,.zoom-control,.view-button,.grid-toolbar,.modal,.toast,.busy-indicator,.secondary-button){background:var(--panel);border-color:var(--panel-line);color:var(--ink)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) :is(.project-menu,.view-menu,.modal,.toast){box-shadow:0 12px 40px #00000040}:root:is([data-theme=dark],[data-appearance=cutting-mat]) :is(.layers-title,.panel-tabs,.tool-rail .panel-collapse,.tools-bottom,.layer-actions,.suggestions,.library-footer,.properties-heading,.property-section,.back-to-object,.export-feature-list,.export-bottom,.shortcut-grid>div){border-color:var(--line)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) :is(.header-divider,.tool-separator,.workspace-help i,.hint-divider,.app-footer i){background:var(--line)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) :is(.logo>span,.library-intro h2,.modal-heading h2,.empty-canvas h2,.property-empty h3,.desktop-required h1,.project-cards strong){color:var(--ink)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) :is(.logo-period,.workspace-header .project-name-row,.header-dot,.save-state,.save-state svg,.eyebrow,.layers-note .eyebrow,.layers-note p,.note-number,.layer-object,.layer-object .node-name,.tool-rail button,.layers-title button,.layer-heading button,.layer-actions button,.panel-tabs button,.panel-tabs .panel-collapse,.layers-title .compressed-label,.canvas-caption,.canvas-hint,.workspace-help,.view-button,.cube-mini,.grid-toolbar input,.grid-toolbar select){color:var(--muted)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) :is(.library-intro p,.search-input,.search-input kbd,.category-tabs button,.section-label,.section-label>span:last-child:not(:first-child),.custom-shape,.custom-shape strong,.custom-shape small,.suggestion-title,.suggestion-title svg,.suggestions p,.suggestion-actions button,.library-footer,.empty-search,.properties-heading>div>span,.field-caption,.number-field>span,.number-field small,.color-field,.color-field code,.material-options button,.range-field>span,.select-field,.field-help,.object-actions button,.back-to-object,.section-toggle,.vertex-row>span,.text-button,.property-empty p,.property-empty>span){color:var(--muted)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) :is(.app-footer,.footer-brand>span,.app-footer button,.desktop-badge,.toast button,.modal-heading p,.modal-heading>.icon-button,.checkbox-row,.export-feature-list span,.export-feature-list svg,.export-bottom>span,.export-bottom small,.export-preview>span,.preview-spinner,.project-cards span,.help-intro,.help-intro p,.shortcut-grid>div,.help-bottom,.empty-canvas p,.empty-canvas>span,.empty-cube,.desktop-required p,.desktop-required small,.desktop-chip){color:var(--muted)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) :is(.icon-button:hover,.tool-rail button:hover,.project-menu button:hover,.view-menu button:hover,.layer-heading button:hover,.layer-object:hover,.layer-actions button:hover,.secondary-button:hover,.category-tabs button:hover,.custom-shape:hover,.suggestion-actions button:hover,.object-actions button:hover,.zoom-control button:hover){background:var(--hover);color:var(--ink)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .secondary-button:hover{border-color:#6c815c}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .layer-heading{background:#282f25;color:#c0cdb7}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .layer-group.current .layer-heading{background:#303b29;color:#d4e6c5}:root:is([data-theme=dark],[data-appearance=cutting-mat]) :is(.tool-rail button.active,.layer-object.selected,.category-tabs button.active,.material-options button.active,.grid-toolbar button.active){background:var(--active);border-color:#556f40;color:var(--accent)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) :is(.layer-object.selected .node-name,.panel-tabs button.active){color:var(--accent)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .panel-tabs button.active:after,:root:is([data-theme=dark],[data-appearance=cutting-mat]) .tool-rail button.active:before,:root:is([data-theme=dark],[data-appearance=cutting-mat]) .selection-dot{background:var(--accent)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) :is(.count-badge,.tiny-tag,.object-icon,.custom-shape>span,.property-empty>div,.shortcut-grid kbd,.format-badge){background:var(--hover);color:#c4d8b4;border-color:var(--panel-line)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) :is(.layers-note,.help-intro){background:#282f23;border-color:var(--line)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .note-orbit span{border-color:#5d704b}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .note-orbit i{background:#5d704b}:root:is([data-theme=dark],[data-appearance=cutting-mat]) :is(.preset-card,.project-cards button,.search-input,.number-field,.select-field select,.property-section textarea,.layer-rename,.project-menu-name input){background:var(--surface);border-color:var(--panel-line);color:var(--ink)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) :is(.number-field input,.properties-heading input,.project-menu-name input,.search-input input){color:var(--ink)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) :is(.search-input input::placeholder,input::placeholder,textarea::placeholder){color:#96a58b}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .project-menu-name>span{color:var(--muted)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) :is(.preset-card:hover,.project-cards button:hover){background:#253020;border-color:#718b56}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .preset-hover-overlay{background:#9bd14330}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .preset-card .preset-add{background:#fff;color:#477d24}:root:is([data-theme=dark],[data-appearance=cutting-mat]) :is(.custom-shape,.object-actions button,.material-options button,.palette button){border-color:var(--panel-line)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .suggestion-actions button{background:#292f24}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .number-field:focus-within{background:var(--panel);border-color:var(--accent)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .palette button.chosen:after{border-color:var(--accent)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) :is(input[type=checkbox],input[type=range]){accent-color:#b4dc8c}:root:is([data-theme=dark],[data-appearance=cutting-mat]) :is(button,a,input,select,textarea):focus-visible{outline-color:var(--accent)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) option{background:var(--panel);color:var(--ink)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) ::selection{background:#55713f;color:#fff}:root:is([data-theme=dark],[data-appearance=cutting-mat]) ::-webkit-scrollbar-thumb{background:#4d5d43}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .export-button{background:#b8dc91;border-color:#c4e6a0;color:#203015;box-shadow:none}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .export-button:hover{background:#c7eaa3;border-color:#d9f2bd}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .modal-backdrop{background:#070c08a6}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .inline-info{background:#3b3021;color:#efcf96}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .save-error{color:#efcf96}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .feature-tooltip{background:#dbe7d2;border-color:#e4efd9;color:#223019;box-shadow:0 4px 16px #00000040}:root:is([data-theme=dark],[data-appearance=cutting-mat]) :is(.rotation-feedback,.finish-draw){background:#b8dc91;color:#203015;border-color:#d2e9b7}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .export-preview{border-color:var(--panel-line);background-color:#1a2119;background-image:linear-gradient(45deg,#273023 25%,transparent 25%),linear-gradient(-45deg,#273023 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#273023 75%),linear-gradient(-45deg,transparent 75%,#273023 75%)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .export-preview>span{background:#222820e6}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .desktop-chip{background:var(--panel);border-color:var(--panel-line)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) :is(.desktop-illustration,.desktop-illustration>span){color:var(--muted)}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .workspace-svg [data-grid] path{stroke:#53624a}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .workspace-svg .selection-controls rect{stroke:#b4dc8c}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .workspace-svg .selection-controls :is(rect[data-resize],[data-resize] rect[width="8"]){fill:#222820}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .workspace-svg .selection-controls [data-resize] rect[width="18"]{stroke:none}:root:is([data-theme=dark],[data-appearance=cutting-mat]) .workspace-svg :is(.selection-highlight,.snap-marker){stroke:#b4dc8c}:root[data-appearance=cutting-mat]{--ink: #f3f6f4;--muted: #bdd5e4;--line: #36658a;--panel-line: #477ba0;--panel: #073b60;--surface: #0b456d;--hover: #14577f;--active: #1b608d;--accent: #a5ddf4;--green: #d0edf8;--lime: #a5ddf4;--panel-shadow: 0 5px 20px #00243d24, 0 1px 3px #00243d20;--mat-canvas: #075184;--mat-current: #104e76;--mat-overlay: #a5ddf42e;--mat-on-accent: #073b60;--mat-accent-border: #d0edf8;--mat-accent-hover: #c6eaf8;--mat-accent-hover-border: #e6f5fb;--mat-placeholder: #9dbfd5;--mat-grid: #dcecf5;--mat-ruler: #c5deec;--mat-control: #bfeaff;--mat-control-hover: #5c96b8;--mat-help: #e2eef5;--mat-help-divider: #8bb3cd66;--mat-text-selection: #297aa8;background:var(--mat-canvas)}:root[data-appearance=cutting-mat][data-theme=light]{--ink: #153b55;--muted: #547187;--line: #c3d8e5;--panel-line: #afcbdc;--panel: #f7fbfe;--surface: #edf5fa;--hover: #e0eef7;--active: #d0e7f5;--accent: #075e93;--green: #075e93;--lime: #075e93;--panel-shadow: 0 5px 20px #164b6b0d, 0 1px 3px #164b6b0a;--mat-canvas: #e7f0f6;--mat-current: #dcecf6;--mat-overlay: #075e931c;--mat-on-accent: #fff;--mat-accent-border: #075e93;--mat-accent-hover: #084b77;--mat-accent-hover-border: #084b77;--mat-placeholder: #658297;--mat-grid: #6693ad;--mat-ruler: #497b99;--mat-control: #075e93;--mat-control-hover: #d0e7f5;--mat-help: #547187;--mat-help-divider: #afcbdc;--mat-text-selection: #217bb0}:root[data-appearance=cutting-mat] :is(.editor-shell,.board,.desktop-required){background:var(--mat-canvas)}:root[data-appearance=cutting-mat] .board{background-image:radial-gradient(ellipse at 50% 42%,#ffffff06,#001d330f)}:root[data-appearance=cutting-mat] :is([data-floating-panel],.vector-toolbar,.vector-style){box-shadow:var(--panel-shadow)}:root[data-appearance=cutting-mat] .project-dropdown-trigger{background:var(--surface);border-color:var(--panel-line)}:root[data-appearance=cutting-mat] .project-dropdown-trigger:is(:hover,[aria-expanded=true]){background:var(--hover);border-color:var(--accent)}:root[data-appearance=cutting-mat] :is(.layer-heading,.help-intro,.suggestion-actions button){background:var(--surface);color:var(--muted)}:root[data-appearance=cutting-mat] .layer-group.current .layer-heading{background:var(--mat-current);color:var(--ink)}:root[data-appearance=cutting-mat] :is(.tool-rail button.active,.layer-object.selected,.category-tabs button.active,.material-options button.active,.grid-toolbar button.active,.face-row.is-selected>button:first-child){background:var(--active);border-color:var(--accent);color:var(--accent)}:root[data-appearance=cutting-mat] :is(.count-badge,.tiny-tag,.object-icon,.custom-shape>span,.property-empty>div,.shortcut-grid kbd,.format-badge){background:var(--hover);color:var(--ink)}:root[data-appearance=cutting-mat] :is(.preset-card:hover,.project-cards button:hover){background:var(--hover);border-color:var(--accent)}:root[data-appearance=cutting-mat] .preset-hover-overlay{background:var(--mat-overlay)}:root[data-appearance=cutting-mat] .preset-card .preset-add{color:#075184}:root[data-appearance=cutting-mat] :is(.secondary-button:hover,.number-field:focus-within){border-color:var(--accent)}:root[data-appearance=cutting-mat] :is(input[type=checkbox],input[type=range]){accent-color:var(--accent)}:root[data-appearance=cutting-mat] input::placeholder,:root[data-appearance=cutting-mat] textarea::placeholder{color:var(--mat-placeholder)}:root[data-appearance=cutting-mat] .switch-track{background:var(--panel-line)}:root[data-appearance=cutting-mat] .switch-track:after{background:#f3f6f4}:root[data-appearance=cutting-mat] :is(.export-button,.rotation-feedback,.finish-draw){background:var(--accent);color:var(--mat-on-accent);border-color:var(--mat-accent-border)}:root[data-appearance=cutting-mat] .export-button:hover{background:var(--mat-accent-hover);border-color:var(--mat-accent-hover-border)}:root[data-appearance=cutting-mat] .feature-tooltip{background:var(--ink);color:var(--panel);border-color:var(--panel-line)}:root[data-appearance=cutting-mat] .logo svg rect{fill:#075184}:root[data-appearance=cutting-mat] .logo svg path{stroke:#f3f6f4}:root[data-appearance=cutting-mat] :is(.local-indicator,.live-dot,.toast-dot){background:var(--accent)}:root[data-appearance=cutting-mat] .workspace-help{color:var(--mat-help)}:root[data-appearance=cutting-mat] .workspace-help i{background:var(--mat-help-divider)}:root[data-appearance=cutting-mat] .workspace-svg [data-grid] path{stroke:var(--mat-grid)}:root[data-appearance=cutting-mat] .mat-rulers{stroke:var(--mat-ruler);stroke-width:1;fill:none;opacity:.48}:root[data-appearance=cutting-mat] .connector-controls{--control-color: var(--mat-control);--control-fill: var(--panel)}:root[data-appearance=cutting-mat] .workspace-svg :is(.selection-controls rect,.selection-highlight,.snap-marker){stroke:var(--mat-control)}:root[data-appearance=cutting-mat] .workspace-svg .selection-controls :is(rect[data-resize],[data-resize] rect[width="8"]){fill:var(--panel)}:root[data-appearance=cutting-mat] .workspace-svg .selection-controls [data-resize] rect[width="18"]{stroke:none}:root[data-appearance=cutting-mat] [data-connector-handle]:hover .connector-handle{fill:var(--mat-control-hover)}:root[data-appearance=cutting-mat] [data-connector-handle][data-selected=true] .connector-handle{fill:var(--mat-control)}:root[data-appearance=cutting-mat] .export-preview{background-color:var(--panel);background-image:linear-gradient(45deg,var(--surface) 25%,transparent 25%),linear-gradient(-45deg,var(--surface) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--surface) 75%),linear-gradient(-45deg,transparent 75%,var(--surface) 75%)}:root[data-appearance=cutting-mat] .export-preview>span{background:var(--panel)}:root[data-appearance=cutting-mat] ::selection{background:var(--mat-text-selection);color:#fff}:root[data-appearance=cutting-mat] ::-webkit-scrollbar-thumb{background:var(--panel-line)}@media(max-width:1200px){.header-actions{gap:8px}.project-save{width:40px;padding:0;font-size:0;gap:0}.project-save svg{width:18px;height:18px}}:root[data-appearance=cutting-mat] :is(.project-menu,.view-menu,.modal,.toast){box-shadow:var(--panel-shadow)}:root[data-appearance=cutting-mat] .modal-backdrop{background:#001d3370}:root[data-appearance=cutting-mat][data-theme=light] .board{background-image:radial-gradient(ellipse at 50% 42%,#ffffff24,#07518404)}