.v10-viewport{position:relative;width:100%;height:100%;min-height:240px;overflow:hidden;isolation:isolate;background:#eeeee9;touch-action:none}.v10-viewport>.v10-model-canvas,.v10-viewport>.v10-flat-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.v10-viewport>.v10-flat-canvas{z-index:1}.v10-viewport-status,.v10-viewport-error{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(340px,85%);padding:12px 17px;background:#fffffbf2;border:1px solid #dce4d7;border-radius:12px;box-shadow:0 10px 35px #253d2412;font-size:13px;line-height:1.55;color:#314b39;text-align:center;pointer-events:none}.v10-viewport-status{display:flex;gap:10px;align-items:center}.v10-viewport-spinner{width:15px;height:15px;border:2px solid #dae3d5;border-top-color:#375c42;border-radius:50%;animation:v10-viewport-spin 1s linear infinite;flex-shrink:0}.v10-viewport-error{color:#914424;background:#fff8f1}@keyframes v10-viewport-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.v10-viewport-spinner{animation:none}}.decal-sets-panel{padding:22px;display:flex;flex-direction:column;gap:15px;min-width:0}.decal-section-head{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}.decal-section-head h2{font-size:18px;font-weight:650;letter-spacing:-.4px}.decal-section-head p{font-size:11px;line-height:1.6;color:#7d897c;margin-top:5px}.decal-field{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#687667;min-width:0}.decal-field input,.decal-field select{width:100%;min-width:0;height:36px;border:1px solid #dfe5d8;border-radius:7px;padding:8px;background:#fff;color:#344939;font-size:11px}.decal-name-row{display:flex;gap:7px;align-items:flex-end}.decal-name-row .decal-field{flex:1}.decal-name-row>.icon-button{margin-bottom:2px}.decal-hint{font-size:10px;line-height:1.6;color:#82907e}.decal-layout-section{display:flex;flex-direction:column;gap:13px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.decal-free{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:550}.decal-columns{display:flex;flex-direction:column;gap:5px;color:#697a67;font-size:10px}.decal-columns>span{display:flex;justify-content:space-between}.decal-columns strong{color:#35573e}.decal-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.decal-metric{min-width:0;display:flex;flex-direction:column;gap:6px;color:#687667;font-size:10px}.decal-metric>span:last-child{display:flex;align-items:center;border:1px solid #dfe5d8;border-radius:7px;background:#fff;overflow:hidden}.decal-metric input{border:0;background:transparent;width:100%;padding:8px;min-width:0;font-size:11px}.decal-metric small{font-size:9px;padding-right:8px;color:#81917b}.decal-list-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.decal-list-title h3{font-size:11px;font-weight:650}.decal-list-title>span{font-size:9px;padding:2px 5px;background:#eaf0e3;border-radius:4px;color:#708363}.decal-members ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.decal-members li{border:1px solid #e3e8dd;border-radius:8px;display:flex;align-items:center;padding:5px;min-width:0;background:#fff}.decal-members li.selected{border-color:#7c9d71;background:#f1f6eb}.decal-member-select{background:transparent;display:flex;align-items:center;gap:9px;padding:0;flex:1;min-width:0;text-align:left}.decal-member-select>span:last-child{min-width:0;display:flex;flex-direction:column;gap:4px}.decal-member-select strong{font-size:10px;font-weight:550;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}.decal-member-select small{font-size:9px;color:#869080}.decal-thumb{width:38px;height:38px;border-radius:5px;border:1px solid #e6e9e2;display:grid;place-items:center;flex-shrink:0;overflow:hidden;background:#f4f5ef}.decal-thumb img{max-width:100%;max-height:100%;object-fit:contain}.decal-member-actions{display:flex;flex-shrink:0;gap:1px}.decal-member-actions .icon-button{height:24px;width:23px}.decal-empty{padding:16px;background:#f2f5ee;border-radius:8px;font-size:11px;color:#7c8b72;line-height:1.6}.decal-members>.decal-hint{margin-top:8px}.decal-existing{padding-top:2px;border-top:1px solid var(--line)}.decal-existing summary{padding:12px 0;font-size:11px;font-weight:550;cursor:pointer}.decal-existing>div{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.decal-existing label{display:flex;align-items:center;gap:8px;min-width:0;font-size:10px}.decal-existing label>span:last-child{min-width:0;overflow-wrap:anywhere;display:flex;flex-direction:column;gap:3px}.decal-existing small{color:#83917a;font-size:9px}.decal-error{padding:10px;border-radius:7px;background:#fff1e9;color:#994f35;font-size:11px;line-height:1.5}.decal-position summary{font-size:11px;font-weight:550;cursor:pointer;padding:4px 0}.decal-position[open] summary{margin-bottom:10px}.decal-position .decal-hint{margin-top:8px}:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#27362f;background:#f2f2ec;font-synthesis:none;font-weight:400;font-size:13px;--green:#204d3e;--green-dark:#153b2e;--muted:#819087;--ink:#27362f;--line:#e6e9e1;--soft:#f3f5ee;--cream:#f8f8f3;--lime:#ddecac}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}button,a,input,textarea,select{outline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid #599a6d}input:focus,textarea:focus,select:focus{outline:2px solid #82a18c;outline-offset:0}button{touch-action:manipulation}button svg{flex-shrink:0}button{border:0}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}input[type=checkbox]{accent-color:var(--green);width:15px;height:15px;cursor:pointer}input[type=range]{accent-color:var(--green);width:100%;height:20px;cursor:pointer}input,textarea,select{color:var(--ink)}input[type=number]{min-width:0}kbd{font-family:inherit;font-size:10px;border:1px solid #dbe1d7;border-radius:4px;min-width:21px;padding:3px 5px;text-align:center;background:#f7f8f4;color:#6c786f;white-space:nowrap}.studio-app{height:100dvh;min-height:400px;display:flex;flex-direction:column}.studio-header{height:76px;flex-shrink:0;display:flex;align-items:center;padding:0 23px;gap:19px;background:#fcfcf8;border-bottom:1px solid var(--line);position:relative;z-index:20}.studio-brand{display:flex;align-items:center;gap:10px;min-width:153px;letter-spacing:-.6px;font-size:20px;font-weight:750;line-height:20px}.brand-light{font-weight:400}.studio-brand small{display:block;letter-spacing:2.1px;font-size:7.7px;font-weight:650;line-height:15px;color:#8a958a}.brand-mark{width:36px;height:41px;background:var(--green);color:#e4eaca;display:grid;place-items:center;border-radius:11px 11px 13px 13px;transform:rotate(-5deg)}.brand-mark svg{transform:rotate(5deg)}.header-divider{width:1px;height:29px;background:var(--line);margin:0 1px}.document-identity{width:170px;min-width:100px;display:flex;flex-direction:column;gap:5px}.document-identity>input{border:0;background:transparent;max-width:100%;padding:0;font-size:13px;font-weight:600;text-overflow:ellipsis}.save-status{font-size:9px;color:#899188;display:flex;gap:5px;align-items:center;white-space:nowrap;line-height:11px}.status-dot,.privacy-dot{width:5px;height:5px;display:inline-block;flex-shrink:0;border-radius:50%;background:#7b9877}.status-dot.error{background:#bd6a50}.article-button{border:1px solid #e1e5da;border-radius:8px;min-width:130px;background:#f5f6ef;padding:10px 11px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:550;white-space:nowrap}.article-button svg:last-child{margin-left:auto}.header-actions{margin-left:auto;display:flex;align-items:center;gap:5px;white-space:nowrap}.header-button{background:transparent;padding:9px;display:flex;align-items:center;gap:6px;font-size:11px}.header-button:hover,.icon-button:hover{background:#edf0e7}.header-action-divider{height:20px;width:1px;background:var(--line);margin:0 7px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:6px;background:transparent;padding:0;flex-shrink:0;transition:background .15s,color .15s}.icon-button.is-active{color:var(--green);background:#e1eadb}.primary-button{background:var(--green);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border-radius:8px;font-size:12px;font-weight:550;min-height:39px;transition:background .15s}.primary-button:hover{background:var(--green-dark)}.download-button{margin-left:10px;padding:10px 13px;font-size:11px}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dfe4d8;background:#fff;color:#4c6153;border-radius:7px;padding:10px 12px;font-size:11px;line-height:16px;min-height:37px}.secondary-button:hover{background:#f2f5ed;border-color:#bdcdb9}.secondary-button.selected{background:#e5edde;border-color:#7f9c7e}.secondary-button.danger{color:#a56353}.secondary-button.danger:hover{background:#fcf1ec;border-color:#dcb6a9}.full-width{width:100%}.studio-workspace{flex:1;min-height:0;display:flex}.viewport-stage{position:relative;flex:1;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 48% 35%,#fafaf5 0,#f2f3ed 58%,#eaece3)}.viewport-canvas{position:absolute;inset:0;overflow:hidden}.viewport-canvas>.v10-viewport{width:100%;height:100%}.viewport-canvas canvas{display:block}.viewport-caption{position:absolute;top:25px;left:24px;display:flex;flex-direction:column;gap:6px;pointer-events:none;color:#6d7c70;font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.6px;text-transform:uppercase;font-weight:650;color:#8c978a}.viewport-caption .eyebrow{font-size:8px}.caption-dot{margin:0 7px;color:#a0ad9b}.fixture-badge{align-self:flex-start;border-radius:4px;font-size:8px;letter-spacing:.4px;color:#7c8465;background:#e9ecdb;padding:4px 6px}.view-switch{position:absolute;top:24px;left:50%;transform:translate(-50%);display:flex;padding:4px;background:#ffffffb8;backdrop-filter:blur(12px);border:1px solid #e3e7dc;border-radius:10px;box-shadow:0 3px 12px #33412704}.view-switch button{min-width:41px;height:28px;border-radius:6px;background:transparent;color:#96a08f;font-size:10px;font-weight:650;letter-spacing:.4px}.view-switch button.active{background:var(--green);color:#fff;box-shadow:0 2px 5px #204d3e19}.viewport-top-right{position:absolute;right:20px;top:24px;display:flex;gap:7px;align-items:center}.viewport-top-right>.icon-button{height:34px;width:34px;background:#fafbf6c9;border:1px solid #e1e6d9;border-radius:8px;color:#78866f}.viewport-top-right>.icon-button.is-active{background:#dfe9d5;color:var(--green)}.viewport-options{background:#fbfcf8be;backdrop-filter:blur(10px);font-size:10px;min-height:34px;height:34px;padding:7px 10px;color:#78866f}.floating-tools{position:absolute;padding:5px;display:flex;flex-direction:column;gap:3px;border:1px solid #dde3d5;border-radius:11px;background:#ffffffd6;box-shadow:0 5px 21px #3b53300a;backdrop-filter:blur(14px);z-index:5}.floating-tools.horizontal{flex-direction:row}.toolbar-grip{background:transparent;height:18px;width:38px;display:flex;align-items:center;justify-content:center;color:#b6bfb0;cursor:grab;touch-action:none}.toolbar-grip:active{cursor:grabbing}.toolbar-grip svg{transform:rotate(90deg)}.floating-tools.horizontal .toolbar-grip{height:38px;width:16px}.floating-tools.horizontal .toolbar-grip svg{transform:none}.tool-button{width:38px;height:38px;border-radius:7px;background:transparent;position:relative;display:grid;place-items:center;color:#85917e;transition:background .15s}.tool-button:hover{background:#edf1e5;color:#3e6447}.tool-button.active{background:#e4eccf;color:#3d5939}.tool-shortcut{font-size:6px;position:absolute;bottom:4px;right:5px;color:#a4b19b;font-weight:600;line-height:6px}.tool-button.active .tool-shortcut{color:#7b9368}.viewport-bottom-left{position:absolute;left:24px;bottom:24px;color:#98a190;max-width:40%;font-size:8px;line-height:16px}.interaction-hint{display:block}.viewport-bottom-right{position:absolute;bottom:21px;right:21px;color:#8e9b84}.randomizer-bar{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;background:#fffdf6;border:1px solid #d9dec9;border-radius:11px;box-shadow:0 4px 16px #3e583c0b;overflow:hidden}.randomize-button{height:42px;display:flex;align-items:center;gap:9px;padding:0 19px;background:transparent;font-size:12px;color:#426039;font-weight:600;letter-spacing:.1px}.randomize-button:hover{background:#f1f5e5}.randomize-button svg{color:#6a844c}.randomize-settings{height:26px;width:38px;border-left:1px solid #e5e7dc;background:transparent;display:grid;place-items:center;color:#9aa58b}.randomize-settings:hover{color:var(--green)}.inspector{width:390px;flex-shrink:0;display:flex;flex-direction:column;background:#fdfdfa;border-left:1px solid #e0e4d9;position:relative;z-index:10}.category-bar{height:76px;display:flex;flex-shrink:0;border-bottom:1px solid #e4e8de;padding:9px 10px 7px;gap:2px;background:#f9faf5}.category-bar>button{flex:1;min-width:0;border-radius:8px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#9aa48f;position:relative}.category-bar>button>span{font-size:8px;letter-spacing:.15px;font-weight:550}.category-bar>button:hover{background:#f0f3e9;color:#64805a}.category-bar>button.active{background:#e8efd9;color:#375b35}.category-bar>button.active:after{content:"";position:absolute;bottom:-8px;left:13px;right:13px;height:2px;background:#88a965;border-radius:2px}.inspector-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dce2d3 transparent;overscroll-behavior:contain}.inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.inspector-heading>div{min-width:0}.inspector-heading .eyebrow{font-size:7.5px;letter-spacing:1.5px;display:block;margin-bottom:6px}.inspector-heading h1,.inspector-heading h2{font-size:24px;line-height:1.15;font-weight:550;letter-spacing:-.8px;overflow-wrap:anywhere;color:#2f4737}.inspector-heading>svg{color:#94a585}.design-heading{margin:0;padding:23px 22px 15px}.layer-count{font-size:8px;color:#95a08b;border:1px solid #e4e8dc;border-radius:5px;padding:5px 7px;background:#fafbf6}.design-intro{margin:0 22px 3px;padding-bottom:12px;border-bottom:1px solid #e8ebe2;display:flex;justify-content:space-between;align-items:center}.active-subtab{font-size:10px;font-weight:650;color:#355b37;position:relative}.active-subtab:after{position:absolute;content:"";height:2px;background:#7e9e5f;bottom:-13px;left:0;right:0}.design-intro p{font-size:9px;color:#a0a994}.design-rows{padding:0}.pattern-row{padding:15px 0 8px;border-bottom:1px solid #edf0e6}.pattern-row.row-selected{background:#f8faf2}.pattern-row.row-hidden .pattern-preview{opacity:.38}.pattern-row-heading{display:flex;align-items:center;justify-content:space-between;padding:0 21px 9px;gap:8px}.row-title{display:flex;align-items:center;gap:8px;background:transparent;padding:0;min-width:0;font-size:11px;font-weight:600;text-align:left;letter-spacing:-.1px}.row-title>span:not(.row-dot){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.row-dot{width:6px;height:6px;border:1px solid #596d4220;flex-shrink:0;border-radius:50%}.row-title>svg{color:#849779}.row-tools{display:flex;align-items:center;gap:1px;color:#98a58a}.row-tools .icon-button{width:24px;height:23px}.carousel-shell{overflow:hidden}.pattern-carousel{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;gap:9px;padding:3px 21px;scroll-padding:21px;scroll-snap-type:x proximity}.pattern-carousel::-webkit-scrollbar{display:none}.pattern-card{background:transparent;padding:0;width:101px;flex:0 0 101px;text-align:left;scroll-snap-align:start;border-radius:8px}.pattern-preview{height:95px;width:101px;border:1px solid #e1e6d9;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:border-color .1s}.checker{background-color:#f5f6f0;background-image:linear-gradient(45deg,#e9ece380 25%,transparent 25%),linear-gradient(-45deg,#e9ece380 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9ece380 75%),linear-gradient(-45deg,transparent 75%,#e9ece380 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.pattern-preview img{display:block;width:76%;height:85%;object-fit:contain;filter:drop-shadow(0 2px 1px #28422715)}.pattern-name{display:block;font-size:8.5px;color:#98a18b;padding:7px 1px 0;font-weight:450;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pattern-card:hover .pattern-preview{border-color:#9aac81}.pattern-card.selected .pattern-preview{border:1.5px solid #789952;background-color:#edf2e1;box-shadow:inset 0 0 0 2px #fdfef6}.pattern-card.selected .pattern-name{color:#486635;font-weight:650}.chosen-tick{background:#739546;border-radius:50%;width:16px;height:16px;display:grid;place-items:center;color:#fff;position:absolute;bottom:5px;right:5px;border:2px solid #f8fbef}.carousel-footer{display:flex;align-items:center;justify-content:space-between;margin:8px 20px 0;color:#a8b09c;font-size:7.5px}.carousel-footer>div{display:flex;gap:3px}.carousel-footer .icon-button{width:21px;height:19px;color:#9da98f}.add-layer-area{padding:18px 22px 24px}.add-layer-button{width:100%;border:1px dashed #cbd7bb;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:8px;background:#f7f9f0;color:#799365;font-size:10px;height:37px}.add-layer-button:hover{border-color:#8ea879;background:#f0f5e5}.add-layer-area>p{font-size:7.8px;line-height:18px;text-align:center;color:#a2ad93;margin-top:9px}.text-link{display:inline-flex;align-items:center;background:transparent;padding:0;color:#6e8759;font:inherit}.add-layer-options{border:1px solid #dfe6d4;padding:4px;border-radius:8px;margin-top:6px;background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:3px}.add-layer-options button{display:flex;gap:6px;align-items:center;background:transparent;padding:9px;font-size:11px;border-radius:5px}.add-layer-options button:hover{background:#edf3e5}.artwork-marker{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fafbf6;border-bottom:1px solid #edf0e6}.interleave-line{height:1px;background:#e1e6d8;flex:1}.artwork-marker-button{display:flex;align-items:center;gap:7px;border:1px solid #e1e6d8;border-radius:6px;padding:6px 8px;background:#f3f6ec;color:#788c68;max-width:285px;font-size:9px}.artwork-marker-button>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspector-footer{height:35px;flex-shrink:0;display:flex;align-items:center;gap:6px;padding:0 18px;border-top:1px solid #e9ecdf;background:#fafbf5;font-size:8px;color:#9eaa91}.inspector-footer button{margin-left:auto;background:transparent;color:#a1ad92;display:flex}.privacy-dot{width:4px;height:4px;background:#b3c396}.padded-panel,.properties-panel{padding:24px 22px}.panel-description{font-size:11px;line-height:1.75;color:#8c9a81;margin:0 0 21px}.property-section{border-top:1px solid #e9eddf;padding-top:18px;margin-top:20px;display:flex;flex-direction:column;gap:13px}.property-section h3{font-size:11px;line-height:16px;font-weight:600;color:#5c7250}.field{display:flex;flex-direction:column;gap:7px;font-size:10px;min-width:0;color:#859476}.field>span:first-child{font-weight:500}.field>input:not([type=range]),.field textarea,.field select{border:1px solid #dde4d3;background:#fff;border-radius:6px;padding:9px 10px;min-width:0;width:100%;font-size:12px;color:#4c6240;min-height:36px}.field textarea{resize:vertical;line-height:1.6}.field select{cursor:pointer;padding-right:22px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.unit-input{display:flex;align-items:center;border:1px solid #dfe6d5;background:#fff;border-radius:6px;overflow:hidden}.unit-input input{border:0;padding:9px;width:100%;background:transparent;color:#4c6240;font-size:12px}.unit-input>span{font-size:9px;color:#a2b194;padding:0 10px 0 3px}.unit-input:focus-within{outline:2px solid #82a18c}.unit-input input:focus{outline:0}.color-field{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:500;color:#859476}.color-input-row{display:flex;align-items:center;gap:8px;background:#fff;padding:7px 8px;border:1px solid #dfe5d6;border-radius:7px}.color-picker{display:block;width:31px;height:28px;border-radius:4px;position:relative;overflow:hidden;border:1px solid #0000000c;flex-shrink:0}.color-picker:after{content:"";position:absolute;inset:0;background:var(--swatch);pointer-events:none}.color-picker input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;z-index:1}.hex-input{border:0!important;outline:0!important;background:transparent;min-width:0;width:100%;font-size:11px;color:#5c6d50;font-variant-numeric:tabular-nums;letter-spacing:.8px;padding:4px 0}.color-input-row .icon-button{width:25px;height:25px}.transparent-icon{width:16px;height:16px;border:1px solid #bccbaa;background:linear-gradient(135deg,transparent 45%,#a0b486 45%,#a0b486 52%,transparent 52%);border-radius:50%}.palette-fields{display:flex;flex-direction:column;gap:16px}.palette-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.palette-presets button{height:40px;border-radius:7px;padding:0;display:flex;overflow:hidden;border:3px solid #fff;outline:1px solid #e4e8dc;transition:outline-color .15s}.palette-presets button:hover{outline:2px solid #8fa876}.palette-presets button span{flex:1}.palette-presets button span:first-child{flex:1.5}.small-muted{font-size:10px;line-height:1.75;color:#99a78b}.inline-note{font-size:10px;line-height:1.7;color:#8f9d7e;padding:11px 13px;border-radius:7px;background:#f2f5e9;margin-top:14px}.selected-panel-note{font-size:10px;color:#84996d;line-height:1.7;display:flex;gap:8px;align-items:center;margin-top:17px}.back-button{padding:0;background:transparent;display:flex;align-items:center;gap:7px;font-size:10px;color:#879c73;margin-bottom:21px}.back-button:hover{color:#3b6233}.properties-panel .inspector-heading h2{font-size:22px}.properties-panel .property-section:first-of-type{margin-top:0}.target-details{font-size:10px;color:#95a484}.target-details summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none}.target-details summary::-webkit-details-marker{display:none}.target-details[open] summary{margin-bottom:12px}.target-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.target-options label{display:flex;align-items:center;gap:6px;font-size:10px;color:#7a9066}.target-options input{margin:0;flex-shrink:0}.target-options span{overflow-wrap:anywhere}.toggle-line{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:11px;color:#768d60}.toggle-line>span{display:flex;gap:7px;align-items:center}.label-with-value{display:flex;justify-content:space-between;align-items:center}.label-with-value strong{font-size:10px;font-weight:500;color:#799166}.snapshot-note{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:9px;line-height:1.5;color:#8a9e78;background:#f1f5e9;padding:9px;border-radius:6px}.snapshot-note button{background:transparent;text-decoration:underline;color:#547740;padding:0;font-size:9px}.source-preview{border:1px solid #e4e8da;border-radius:8px;padding:15px;display:flex;align-items:center;flex-direction:column;gap:13px}.source-preview img{max-width:100%;height:110px;object-fit:contain}.source-preview span{font-size:8px;color:#9aa98a}.action-row{margin-top:12px}.layer-list-item{display:flex;align-items:center;gap:3px;border:1px solid #e5eadb;border-radius:8px;padding:7px 5px 7px 9px;margin-bottom:9px;background:#fff;min-width:0}.layer-list-item.selected{background:#f3f7ea;border-color:#b3c89c}.layer-select{display:flex;align-items:center;gap:9px;background:transparent;padding:0;flex:1;min-width:0;text-align:left}.layer-symbol{width:37px;height:40px;border:1px solid #ecf0e4;background:#f5f7ee;border-radius:5px;display:grid;place-items:center;flex-shrink:0;color:#80976b;overflow:hidden}.layer-symbol img{width:90%;height:90%;object-fit:contain}.layer-select>span:last-child{min-width:0;display:flex;flex-direction:column;gap:5px}.layer-select strong{font-size:10px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-select small{font-size:8px;color:#a3b192;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-list-item>.icon-button{color:#9caf89;width:25px}.layer-order-buttons{display:flex;flex-direction:column;gap:1px;color:#92a67e}.layer-order-buttons .icon-button{height:18px;width:20px}.layers-list{margin-bottom:19px}.content-layer-list{margin-top:23px}.upload-dropzone{display:flex;flex-direction:column;align-items:center;text-align:center;padding:29px 16px;width:100%;border:1px dashed #b8cba3;border-radius:11px;background:#f7faef;gap:10px;color:#86a070}.upload-dropzone>span{background:#e9f0dd;color:#6c8d54;display:grid;place-items:center;width:54px;height:54px;border-radius:15px;margin-bottom:3px}.upload-dropzone strong{font-size:12px;font-weight:550;color:#5d7b45}.upload-dropzone small{font-size:9px;color:#9fb189;line-height:1.6}.upload-dropzone:hover{background:#f0f6e5;border-color:#82a065}.feature-note{border:1px solid #e4ead8;border-radius:11px;padding:25px 20px;background:#f6f9ed;color:#95a980;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:19px}.feature-note h3{font-size:13px;font-weight:500;color:#64834c}.feature-note p{font-size:10px;color:#8da278;line-height:1.8}.lock-table{margin:20px 0}.lock-table-heading,.lock-table-row{display:grid;grid-template-columns:1fr 53px 53px;gap:7px;align-items:center}.lock-table-heading{font-size:8px;color:#a3b28f;padding:0 0 9px;border-bottom:1px solid #e7eddc}.lock-table-heading>span:not(:first-child){text-align:center}.lock-table-row{padding:9px 0;border-bottom:1px solid #edf1e3;font-size:10px;color:#76905e}.lock-table-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lock-table-row>.icon-button{justify-self:center;color:#a9bb94}.lock-table-row>.icon-button.is-active{color:#5c813f;background:#e8f0da}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#24392959;backdrop-filter:blur(6px);padding:24px;display:flex;align-items:center;justify-content:center}.modal{background:#fdfdf8;border:1px solid #eff4e4;border-radius:17px;box-shadow:0 24px 110px #0c24044d;width:500px;max-width:100%;max-height:min(88dvh,850px);display:flex;flex-direction:column;overflow:hidden}.modal.modal-wide{width:760px}.modal-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 27px 19px;border-bottom:1px solid #e5ecda;gap:15px}.modal-heading h2{font-weight:550;font-size:21px;letter-spacing:-.5px;color:#36572b}.modal-heading>.icon-button{color:#8da278;background:#f2f6e9}.modal-content{overflow:auto;padding:24px 27px 28px;scrollbar-width:thin}.modal-intro{font-size:11px;line-height:1.8;color:#8a9f73;margin-bottom:21px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.article-card{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #e0e9d1;border-radius:10px;padding:12px;background:#fff;position:relative;text-align:left;min-width:0}.article-card:hover:not(:disabled){border-color:#93ad73;background:#fbfdf6}.article-card.selected{border:1.5px solid #7b9d53;background:#f6faed}.article-card:disabled{opacity:.5}.article-illustration{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:104px;background:#f1f5e8;border-radius:6px;margin-bottom:13px;color:#8ba66c;gap:5px}.article-illustration small{font-size:8px;text-transform:uppercase;letter-spacing:1.3px;color:#a2b98a}.article-card>strong{font-size:12px;font-weight:550;color:#54723b}.article-card>p{font-size:9px;line-height:1.6;color:#9caf86;margin:7px 0 12px;flex:1}.article-status{font-size:8px;border-radius:4px;padding:4px 6px;background:#edf5df;color:#7a9a51}.article-status.fixture{color:#9a9966;background:#f4f4e5}.article-status.planned{background:#f1f3ed;color:#a8b29b}.article-check{position:absolute;top:17px;right:17px;width:23px;height:23px;background:#77994f;color:#fff;border-radius:50%;display:grid;place-items:center}.article-option-heading{display:flex;gap:14px;align-items:center;margin-bottom:22px;color:#829e65}.article-option-heading h3{font-size:15px;font-weight:550;color:#5e7c44;margin-bottom:7px}.article-option-heading p{font-size:10px;color:#9cb087;line-height:1.65}.option-panel-list{border-top:1px solid #e6edd9;margin:23px 0}.option-panel-list>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9efde;padding:11px 0;font-size:11px;color:#819b63;gap:10px}.option-panel-list small{font-size:10px;color:#a6b890;white-space:nowrap}.saved-design-list{display:flex;flex-direction:column;gap:7px;margin-top:18px}.saved-design-list>button{display:flex;gap:12px;align-items:center;padding:12px 10px;background:#f8faef;border:1px solid #e7eedc;border-radius:8px;text-align:left}.saved-design-list>button:hover{background:#eff5e1;border-color:#bdcea4}.saved-design-icon{width:38px;height:41px;background:#e8f0da;display:grid;place-items:center;border-radius:7px;color:#8ba869;flex-shrink:0}.saved-design-list>button>span:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.saved-design-list strong{font-weight:550;font-size:12px;color:#698748;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.saved-design-list small{font-size:9px;color:#a0b387}.current-draft{font-size:8px;color:#8aa66b}.empty-note{padding:30px 0;text-align:center;color:#acbb9a;font-size:12px}.export-list{display:flex;flex-direction:column;gap:10px}.export-list>button{display:flex;align-items:center;gap:12px;padding:16px 12px;border:1px solid #e3edd6;border-radius:9px;background:#f9fbf1;text-align:left;color:#7f9b5e}.export-list>button:hover{background:#f0f6e4;border-color:#b6cea0}.export-extension{font-size:9px;font-weight:650;letter-spacing:.6px;width:39px;height:43px;display:grid;place-items:center;border-radius:5px;border:1px solid #d5e3c1;background:#edf4e0;color:#789651;flex-shrink:0}.export-list>button>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:6px}.export-list strong{font-size:11px;font-weight:550;color:#688b44}.export-list small{font-size:9px;color:#9db780;line-height:1.5}.help-columns{display:grid;grid-template-columns:1fr 1fr;gap:36px}.help-columns h3{font-size:13px;font-weight:600;color:#5d843a;margin-bottom:17px}.help-columns p{font-size:11px;line-height:1.85;color:#8fa978;margin:12px 0}.help-tools{display:flex;flex-direction:column;gap:10px}.help-tools>div{display:flex;align-items:center;gap:11px;color:#7a995c;font-size:11px}.help-tools>div>span{flex:1}.help-shortcuts{display:flex;flex-direction:column;gap:10px;margin-top:21px}.help-shortcuts>span{font-size:10px;color:#91ab78;display:flex;align-items:center;justify-content:space-between;gap:10px}.help-preview-note{display:flex;gap:10px;background:#eff5e3;border-radius:8px;padding:13px;margin-top:25px;color:#8fab71;font-size:10px;line-height:1.8}.help-preview-note>svg{flex-shrink:0;margin-top:2px}.help-preview-note strong{color:#658641;font-weight:550}.toast{position:fixed;bottom:21px;left:50%;transform:translate(-50%);z-index:150;display:flex;align-items:center;gap:10px;max-width:min(560px,90vw);padding:10px 12px 10px 16px;border:1px solid #dbe7cd;border-radius:10px;background:#fafdf4;box-shadow:0 9px 35px #324d232e;font-size:11px;line-height:1.6;color:#6e904e}.toast>span{flex:1}.toast>svg{flex-shrink:0}.toast .icon-button{height:24px;width:24px}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#f5f7ef;color:#91a47a;font-size:11px;z-index:9}.loading-spinner{width:20px;height:20px;border:2px solid #d8e4ca;border-top-color:#759452;border-radius:50%;display:inline-block;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.mobile-inspector-toggle,.mobile-inspector-handle{display:none}@media (min-width:1500px){.studio-header{padding:0 30px;gap:26px}.document-identity{width:220px}.inspector{width:410px}.pattern-card,.pattern-preview{width:108px}.pattern-card{flex-basis:108px}.pattern-preview{height:101px}.category-bar>button>span{font-size:9px}.inspector-heading h1{font-size:26px}.pattern-name{font-size:9px}}@media (max-width:1170px){.studio-header{padding:0 17px;gap:12px}.studio-brand{min-width:139px;font-size:18px;gap:8px}.document-identity{width:139px}.article-button{font-size:10px;min-width:100px;max-width:165px;padding:9px}.article-button>span{overflow:hidden;text-overflow:ellipsis}.header-button>span{display:none}.header-button{padding:8px}.header-action-divider{margin:0 3px}.download-button{margin-left:4px;padding:10px}.header-actions{gap:2px}.inspector{width:365px}.pattern-carousel{gap:8px;padding-left:18px;padding-right:18px}.pattern-row-heading{padding-left:18px;padding-right:18px}.pattern-card,.pattern-preview{width:97px}.pattern-card{flex-basis:97px}.pattern-preview{height:90px}.viewport-options>span{display:none}.viewport-options{width:34px;padding:8px}.viewport-caption{left:20px}.viewport-bottom-left{font-size:7px;max-width:32%;left:17px}.row-title>span:not(.row-dot){max-width:175px}.category-bar{padding-left:7px;padding-right:7px}.category-bar>button>span{font-size:7.5px}}@media (max-width:940px){.studio-header{height:67px;gap:10px;padding:0 13px}.studio-brand{min-width:127px;font-size:17px}.brand-mark{width:31px;height:35px}.studio-brand small{font-size:7px;letter-spacing:1.7px}.header-divider{display:none}.document-identity{width:118px}.document-identity>input{font-size:11px}.save-status{font-size:7px}.article-button{max-width:139px;min-width:110px;font-size:9px}.header-actions>.header-button,.header-action-divider{display:none}.header-actions>.icon-button{width:26px}.download-button{font-size:10px;padding:9px}.inspector{width:335px}.design-heading{padding:20px 17px 15px}.design-intro{margin-left:17px;margin-right:17px}.design-intro p{font-size:8px}.pattern-row-heading{padding-left:16px;padding-right:16px}.pattern-carousel{padding-left:16px;padding-right:16px;gap:7px}.pattern-card,.pattern-preview{width:91px}.pattern-card{flex-basis:91px}.pattern-preview{height:86px}.pattern-name{font-size:8px}.row-title>span:not(.row-dot){max-width:157px}.padded-panel,.properties-panel{padding:21px 18px}.viewport-caption{top:24px;font-size:9px}.viewport-caption .eyebrow{display:none}.viewport-top-right{right:13px;gap:4px}.view-switch{top:18px}.view-switch button{min-width:33px}.viewport-top-right{top:20px}.viewport-top-right>.icon-button,.viewport-options{height:29px;width:29px}.viewport-bottom-left{display:none}.randomizer-bar{bottom:24px}.randomize-button{height:39px;padding:0 13px;font-size:11px}.category-bar>button>span{font-size:7px}.category-bar>button>svg{width:17px}.category-bar{gap:1px;padding:9px 5px 7px;height:70px}.pattern-row{padding-top:12px}}@media (max-width:760px){.studio-header{height:66px;padding:0 12px;gap:10px}.studio-brand{min-width:35px}.studio-brand>span:last-child{display:none}.document-identity{width:130px}.header-actions>.icon-button:nth-of-type(3),.header-actions>.icon-button:nth-of-type(4){display:none}.article-button{margin-left:auto;max-width:145px;min-width:115px}.header-actions{margin-left:0}.download-button>span{display:none}.download-button{padding:9px;width:34px;height:34px;min-height:34px}.inspector{position:absolute;right:0;top:66px;bottom:0;width:min(390px,92vw);transform:translate(100%);transition:transform .2s ease;box-shadow:-15px 0 40px #19341010;z-index:30}.inspector.mobile-open{transform:translate(0)}.mobile-inspector-handle{height:38px;border-bottom:1px solid #e4ead9;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:9px;color:#8aa074;background:#f4f8eb}.mobile-inspector-toggle{position:absolute;display:flex;align-items:center;gap:8px;right:16px;bottom:21px;border:1px solid #ccdabc;border-radius:9px;padding:11px 12px;font-size:10px;background:#fbfdf5;color:#6d8e50;box-shadow:0 2px 10px #405c2611}.viewport-bottom-right{bottom:72px;right:17px}.randomizer-bar{left:19px;bottom:21px;transform:none}.viewport-caption{font-size:10px;top:30px}.viewport-caption .eyebrow{display:block}.view-switch{top:23px}.viewport-top-right{top:27px;right:15px}.floating-tools{transform:scale(.96);transform-origin:top left}.modal-backdrop{padding:14px}.modal{max-height:90dvh}.modal-heading{padding:19px 21px 16px}.modal-heading h2{font-size:19px}.modal-content{padding:21px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.help-columns{gap:25px}.toast{bottom:77px}.pattern-card,.pattern-preview{width:101px}.pattern-card{flex-basis:101px}.pattern-preview{height:95px}.category-bar{height:71px;padding:7px}.category-bar>button>span{font-size:8px}.padded-panel,.properties-panel{padding:23px 22px}.design-heading{padding-left:22px;padding-right:22px}.design-intro{margin-left:22px;margin-right:22px}.pattern-row-heading,.pattern-carousel{padding-left:21px;padding-right:21px}.pattern-row{padding-top:15px}}@media (max-width:430px){.document-identity{width:104px}.save-status{font-size:6.8px;gap:3px}.article-button{min-width:90px;max-width:112px;padding:8px 6px;gap:5px}.article-button>svg:first-child{display:none}.header-actions>.icon-button{width:23px}.studio-header{gap:7px;padding:0 10px}.brand-mark{width:29px;height:33px}.studio-brand{min-width:29px}.header-actions{gap:0}.download-button{margin-left:3px;width:30px}.viewport-caption{left:17px;font-size:9px;top:29px;max-width:116px}.viewport-caption .eyebrow{font-size:6px;letter-spacing:1px}.viewport-top-right>.icon-button{display:none}.help-columns{grid-template-columns:1fr}.modal-content{padding:19px}.modal-heading{padding:17px 19px}.modal-heading h2{font-size:17px}.article-card{padding:9px}.article-card>strong{font-size:10px}.article-card>p{font-size:8px}.article-illustration{height:80px}.article-status{font-size:7px}.randomize-button{font-size:10px;padding:0 12px}.randomize-settings{width:31px}.mobile-inspector-toggle{font-size:9px;gap:6px;padding:11px 10px;right:14px}.randomizer-bar{left:15px}.inspector{width:min(365px,94vw)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.switching-overlay{position:fixed;inset:0;z-index:125;background:#f6f8efd9;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;gap:13px;color:#769259;font-size:12px}.layer-drag-grip{width:13px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;color:#aeb9a4;background:transparent;cursor:grab;align-self:stretch;min-height:22px}.layer-drag-grip:active{cursor:grabbing}.layer-drag-grip:hover{color:#58784a}.pattern-row-heading{gap:5px}.pattern-row-heading>.row-title{flex:1}.pattern-row-heading>.layer-drag-grip{margin-left:-8px}.sortable-row{position:relative}.drop-target{box-shadow:inset 0 3px #83a862}.drop-target:before{content:"Hier invoegen";position:absolute;top:0;left:21px;z-index:2;background:#83a862;color:#fff;font-size:8px;padding:2px 6px;border-radius:0 0 4px 4px}.layer-list-item.drop-target{position:relative}.model-view-options{border-top:1px solid #e3e9d9;margin-top:23px;padding-top:19px;display:flex;flex-direction:column;gap:12px}.model-view-options h3,.revision-upgrade-note h3{font-size:12px;font-weight:600;color:#597548}.model-view-options p,.revision-upgrade-note p{font-size:10px;line-height:1.8;color:#8b9e7a}.model-quality-switch{display:flex;border:1px solid #dce5d0;border-radius:8px;padding:4px;background:#f5f8ed;gap:4px}.model-quality-switch>button{flex:1;min-height:34px;padding:7px 10px;border-radius:5px;background:transparent;font-size:11px;color:#8a9d79}.model-quality-switch>button.active{background:#e2edce;color:#46692e;box-shadow:0 1px 3px #40572e0a;font-weight:600}.model-quality-switch>button:hover{background:#ecf2df}.revision-upgrade-note{display:flex;flex-direction:column;gap:11px;padding:15px;border:1px solid #dce6cd;background:#f2f7e8;border-radius:9px;margin-bottom:22px}.revision-upgrade-note>.secondary-button{font-size:10px}.article-card[disabled].selected{border-color:#e0e9d1;background:#fff}.article-card[disabled] .article-check{display:none}.diagnostic-badge{display:flex;flex-wrap:wrap;align-items:center;gap:7px;max-width:200px;font-size:8px;color:#8b967a}.diagnostic-badge button{pointer-events:auto;font-size:8px;padding:3px 6px;border-radius:4px;border:1px solid #dce4d0;background:#fafcf5;color:#68814f}.diagnostic-badge button:hover{background:#eaf1df}.component-add-area{padding:10px 22px 16px;border-bottom:1px solid var(--line)}.zone-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px;margin-top:12px}.zone-gallery .pattern-card{width:100%;min-width:0}.zone-gallery .pattern-preview{height:88px}.component-zone-picker{padding:0 22px}.component-picker-label{display:block;font-size:10px;font-weight:600;color:#75836c;margin:8px 0}.component-zone-picker .zone-carousel{padding:0 0 5px;margin:0}.zone-carousel .pattern-card{min-width:82px;width:82px}.zone-carousel .pattern-preview{height:84px}.properties-panel .zone-carousel{max-width:100%;padding:4px 0 12px;margin:0}.component-zone-picker+.carousel-shell .pattern-carousel{padding-top:0}.zone-gallery .pattern-preview,.zone-carousel .pattern-preview{width:100%}.zone-carousel .pattern-card{flex-basis:82px}.zone-navigation{display:flex;justify-content:flex-end;gap:2px;height:23px}.zone-navigation .icon-button{height:23px;width:25px;color:#819570}.view-check{display:flex;align-items:center;gap:9px;font-size:12px;cursor:pointer}.view-check input{margin:0;accent-color:var(--green);width:15px;height:15px}.text-effects>details{border:1px solid var(--line);border-radius:8px;margin-top:9px;overflow:hidden}.text-effects summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:12px;font-size:12px;list-style:none;background:#f7f9f2}.text-effects summary::-webkit-details-marker{display:none}.text-effects details[open] summary svg{transform:rotate(180deg)}.text-effect-fields{display:flex;flex-direction:column;gap:13px;padding:13px}.text-legacy-note{display:flex;flex-direction:column;gap:9px;margin-top:14px}.part-overlay-toggle{position:absolute;top:72px;right:20px;z-index:4;display:flex;align-items:center;gap:8px;min-height:34px;padding:7px 11px;border:1px solid #d5dfc9;border-radius:8px;background:#fafbf6ed;color:#526f40;font-size:11px;box-shadow:0 2px 6px #354b2410}.part-overlay-toggle.active{background:#edf5e3;border-color:#a9c28e}.part-overlay-toggle strong{font-size:10px;padding:2px 5px;border-radius:4px;background:#e2e9d9}.part-overlay-toggle.active strong{background:#486d32;color:#fff}@media (max-width:680px){.part-overlay-toggle{top:71px;right:15px;font-size:10px}}.current-pattern-preview{border:1px solid var(--line);border-radius:9px;padding:12px;margin:12px 0;background:#f8faf3}.current-preview-heading{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#637d50}.current-preview-heading span{font-weight:400}.current-preview-panels{display:flex;justify-content:center;gap:14px;margin-top:12px}.current-preview-panels figure{margin:0;flex:1;min-width:0;text-align:center}.current-preview-panels img{width:100%;height:130px;object-fit:contain}.current-preview-panels figcaption{font-size:10px;color:#75836c;margin-top:5px}.current-pattern-preview .small-muted{margin:10px 0 0}.component-quick-settings{margin:10px 22px;border:1px solid var(--line);border-radius:8px}.component-quick-settings>summary{display:flex;align-items:center;justify-content:space-between;padding:11px;font-size:11px;color:#637d50;cursor:pointer;list-style:none}.component-quick-settings>summary::-webkit-details-marker{display:none}.component-quick-settings[open]>summary svg{transform:rotate(180deg)}.component-quick-settings>div{padding:0 11px 12px}.component-settings .field-grid{margin:12px 0}.component-settings .small-muted{line-height:1.6}.json-button{display:flex;align-items:center;gap:5px;padding:8px;border:1px solid var(--line);border-radius:7px;background:#f6f9ef;color:#315441;font-size:11px}.preset-library{margin:12px 22px;border:1px solid var(--line);border-radius:9px}.preset-library>summary{padding:13px;cursor:pointer;font-size:12px;font-weight:600}.preset-library>div{padding:0 12px 12px}.preset-tabs{display:flex;gap:5px;margin:0 0 12px}.preset-tabs>button{flex:1;padding:8px;border-radius:7px;font-size:11px;background:#eef3e4}.preset-tabs>button[aria-pressed=true]{background:#244d40;color:#fff}.preset-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.preset-gallery button{border:1px solid var(--line);border-radius:8px;background:#f7f9f1;padding:8px;font-size:10px;line-height:1.5}.preset-gallery img{width:100%;height:125px;object-fit:contain}.preset-gallery span{display:block;margin-top:5px}.preset-library .view-check{font-size:11px;line-height:1.5}@media (max-width:760px){.json-button{padding:7px}.json-button>span{display:none}.article-button{min-width:75px;max-width:100px}}.tool-paint-color{display:flex;align-items:center;justify-content:center;padding:5px}.tool-paint-color input{width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:6px;cursor:pointer;background:transparent}.shortcut-layout{max-width:360px;margin-bottom:20px}.keybinding-input{width:42px;text-align:center;text-transform:uppercase;padding:7px;border:1px solid #cdd6c8;border-radius:6px}.metric-slider{display:grid;gap:8px}.metric-slider input[type=range]{width:100%;accent-color:#214b3e}.modal.modal-compact{width:min(440px,calc(100vw - 32px))}.confirmation-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:24px}.gradient-editor fieldset{min-width:0;border:1px solid #d9dfd2;border-radius:8px;padding:12px;margin:0 0 14px}.gradient-editor legend{padding:0 5px;font-weight:600}.gradient-editor>.field{margin-top:14px}.gradient-editor button[aria-pressed=true]{background:#e7efde;border-color:#789267}