.fabric-studio{--fs-ink:#28362d;--fs-muted:#8a8d80;--fs-line:#e6e7de;--fs-paper:#fafaf6;--fs-green:#697f4a;--fs-light:#eaf0dd;color:var(--fs-ink);background:var(--fs-paper);letter-spacing:.005em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;flex-direction:column;height:100dvh;min-height:650px;font-family:Arial,Helvetica,sans-serif;font-size:12px;display:flex;overflow:hidden}.fabric-studio *,.fs-dialog *{box-sizing:border-box}.fabric-studio button,.fs-dialog button{cursor:pointer;justify-content:center;align-items:center;gap:7px;transition:background .16s,color .16s,border-color .16s;display:inline-flex}.fabric-studio button:disabled,.fs-dialog button:disabled{opacity:.4;cursor:not-allowed}.fabric-studio button:focus-visible,.fabric-studio input:focus-visible,.fabric-studio select:focus-visible,.fs-dialog button:focus-visible,.fs-dialog select:focus-visible{outline-offset:3px;outline:2px solid #84945f}.fabric-studio h1,.fabric-studio h2,.fabric-studio h3,.fabric-studio p,.fs-dialog h2,.fs-dialog h3,.fs-dialog p{margin:0}.fabric-studio button,.fabric-studio input,.fabric-studio select,.fs-dialog button,.fs-dialog select{font:inherit}.fabric-studio svg,.fs-dialog svg{flex-shrink:0}.fabric-studio button{background:0 0;border:0}.fabric-studio input,.fabric-studio select{color:var(--fs-ink)}.fs-header{border-bottom:1px solid var(--fs-line);background:#fdfdf9;flex-shrink:0;align-items:center;gap:23px;height:76px;padding:0 25px;display:flex}.fs-brand{color:#263c2d;letter-spacing:-1.2px;align-items:center;gap:9px;font-size:24px;font-weight:600;text-decoration:none;display:flex}.fs-logo{place-items:center;width:32px;height:36px;display:grid}.fs-brand-dot{color:#849658}.fs-header-rule{background:var(--fs-line);width:1px;height:27px}.fs-product>span{align-items:center;gap:11px;font-size:14px;font-weight:600;display:flex}.fs-product small{color:var(--fs-muted);margin-top:5px;font-size:10.5px;display:block}.fs-beta{letter-spacing:1px;color:#7a8667;border:1px solid #dce2ce;border-radius:3px;padding:3px 5px;font-size:8px;font-weight:500}.fs-header-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.fs-save-state{color:var(--fs-muted);align-items:center;gap:6px;margin-right:11px;font-size:10px;display:flex}.fs-saved-dot,.fs-pulse-dot{background:#7b9361;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.fs-pulse-dot{animation:1.3s infinite fs-pulse}.fs-icon-btn{color:#727b6e;background:0 0;border:0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;display:inline-flex}.fabric-studio .fs-icon-btn:hover,.fs-dialog .fs-icon-btn:hover{background:#eaece3}.fabric-studio .fs-icon-btn.is-active{color:#576f3f;background:#e7ecd9}.fs-button{white-space:nowrap;border-radius:5px;align-items:center;gap:8px;min-height:36px;padding:10px 15px;text-decoration:none;display:inline-flex;border:1px solid #0000!important;font-size:11px!important;font-weight:500!important}.fabric-studio .fs-button-dark,.fs-dialog .fs-button-dark{color:#fff;background:#344b36}.fabric-studio .fs-button-dark:hover,.fs-dialog .fs-button-dark:hover{background:#4a6546}.fabric-studio .fs-button-outline{color:#5d733f;background:#f4f7ed;border-color:#d6ddc7!important}.fabric-studio .fs-button-outline:hover{background:#e6edd7}.fs-full-width{width:100%;justify-content:space-between!important}.fs-project-bar{border-bottom:1px solid var(--fs-line);background:#f9faf5;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;height:53px;padding:0 26px;display:grid}.fs-project-name{align-items:center;gap:8px;min-width:0;display:flex}.fs-project-name input{background:0 0;border:1px solid #0000;border-radius:3px;width:150px;max-width:100%;padding:3px;font-size:12px;font-weight:500}.fs-project-name input:hover{border-color:var(--fs-line)}.fs-project-symbol{color:#929a83;display:flex}.fs-study-tag{letter-spacing:.9px;color:#9c9f91;white-space:nowrap;margin-left:8px;font-size:8px}.fs-view-tabs{background:#eef0e7;border:1px solid #e7e9df;border-radius:6px;gap:3px;padding:3px;display:flex}.fs-view-tabs button{color:#888e7e;border-radius:4px;padding:6px 15px;font-size:10px}.fs-view-tabs button.is-active{color:#4a6240;background:#fdfdf8;box-shadow:0 1px 3px #34492b0c}.fs-history{color:var(--fs-muted);justify-content:flex-end;align-items:center;gap:15px;font-size:10px;display:flex}.fs-workspace{flex:1;grid-template-columns:232px minmax(0,1fr) 265px;min-height:0;display:grid}.fs-library{border-right:1px solid var(--fs-line);scrollbar-width:thin;scrollbar-color:#d7dccd transparent;background:#f8f9f4;flex-direction:column;padding:22px 17px 12px;display:flex;overflow-y:auto}.fs-section-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.fs-section-heading h2{letter-spacing:.1px;font-size:11px;font-weight:600}.fs-section-heading>span{color:#a4aa99;font-size:9px}.fs-discipline{border:1px solid #e1e5d8;border-radius:5px;gap:2px;padding:3px;display:flex}.fs-discipline button{color:#939888;border-radius:3px;flex:1;gap:5px;padding:6px 8px;font-size:9px}.fs-discipline button.is-active{color:#597042;background:#e7edda}.fs-muted{color:var(--fs-muted);font-size:10px}.fs-library-intro{line-height:1.6;margin-top:12px!important;margin-bottom:15px!important}.fs-templates{gap:10px;display:grid}.fs-template{border-radius:6px;flex-shrink:0;position:relative;overflow:hidden;text-align:left!important;background:#fafbf6!important;border:1px solid #e2e4d8!important;padding:0!important;display:block!important}.fs-template.is-selected{border-color:#9dad7a!important}.fs-template:hover{border-color:#b5c299!important}.fs-template-art{background:#eeefe6;border-bottom:1px solid #e8e9df;height:82px;position:relative}.fs-template-art svg{width:100%;height:100%}.fs-template>span{color:#4a5846;padding:10px 12px;font-size:11px;display:block}.fs-template small{color:#949a87;margin-top:4px;font-size:9px;display:block}.fs-template-check{color:#fff;background:#768e51;border-radius:50%;place-items:center;width:16px;height:16px;display:grid;position:absolute;top:7px;right:7px}.fs-sketch-button{color:#788b5d;text-align:left;border-radius:5px;margin-top:12px;padding:11px 9px;border:1px dashed #cfd8bf!important;gap:9px!important}.fs-sketch-button>span{flex:1;font-size:10px}.fs-sketch-button small{color:#969e88;margin-top:3px;font-size:8.5px;display:block}.fs-sketch-button:hover{background:#edf2e3}.fs-library-divider{background:var(--fs-line);flex-shrink:0;height:1px;margin:21px 0 18px}.fs-count{background:#eaede1;border-radius:3px;padding:2px 5px}.fs-piece-list{gap:4px;display:grid}.fs-piece-list>button{text-align:left;color:#69765f;border-radius:4px;justify-content:flex-start!important;gap:9px!important;padding:8px!important}.fs-piece-list>button.is-selected{background:#e9efdc}.fs-piece-list>button:hover{background:#edf1e6}.fs-piece-list>button>span:nth-child(2){flex:1;font-size:10px}.fs-piece-list small{color:#9a9f8d;margin-top:3px;font-size:8px;display:block}.fs-piece-icon{background:#f5f7ef;border:1px solid #e0e6d4;border-radius:3px;place-items:center;width:26px;height:29px;display:grid}.fs-piece-indicator{background:#c3cab5;border-radius:50%;width:5px;height:5px;margin-right:5px}.is-selected>.fs-piece-indicator{background:#819857}.fs-studio-note{border-top:1px solid var(--fs-line);color:#94a17e;flex-wrap:wrap;align-items:flex-start;gap:10px;margin-top:auto;padding-top:17px;padding-bottom:5px;display:flex;position:relative}.fs-studio-note p{color:#6a7a5c;font-size:11px;line-height:1.5}.fs-studio-note p span{color:#98a08a;max-width:150px;margin-top:5px;font-size:9px;line-height:1.6;display:block}.fs-studio-note button{color:#7d8f66;margin-left:29px;padding-top:4px;font-size:9px}.fs-center{background:#eeede7;flex-direction:column;min-width:0;display:flex;overflow:hidden}.fs-viewport-section{isolation:isolate;flex:1;min-height:310px;position:relative}.fs-three{position:absolute;inset:0}.fs-three canvas{outline:none;width:100%;height:100%;display:block}.fs-canvas-title{pointer-events:none;max-width:80%;position:absolute;top:24px;left:27px}.fs-eyebrow{letter-spacing:1.7px;color:#919780;font-size:8px;font-weight:500}.fs-canvas-title h1{letter-spacing:-.65px;color:#4d5a42;margin-top:8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,2.05vw,33px);font-weight:400}.fs-canvas-title p{color:#999d8c;margin-top:7px;font-size:10px}.fs-canvas-tools{background:#fbfbf7e6;border:1px solid #e1e3d7;border-radius:6px;flex-direction:column;gap:4px;padding:5px;display:flex;position:absolute;top:132px;left:20px;box-shadow:0 2px 8px #384c2b05}.fs-canvas-tools>span{background:#e2e5d8;height:1px;margin:3px}.fs-shading-control{background:#f7f8f1cf;border:1px solid #ddded3;border-radius:5px;gap:2px;padding:3px;display:flex;position:absolute;top:24px;right:20px}.fs-shading-control button{color:#969c8a;border-radius:3px;padding:5px 9px;font-size:9px}.fs-shading-control button.is-active{color:#5d7348;background:#fffefa;box-shadow:0 1px 2px #29382809}.fs-canvas-bottom{pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:20px;left:23px;right:20px}.fs-canvas-bottom>span{color:#969e8e;align-items:center;gap:5px;font-size:8px;display:flex}.fs-axis{width:43px;height:45px;font-size:9px;position:relative}.fs-axis:before{content:"";background:#b2ba91;width:1px;height:23px;position:absolute;bottom:12px;left:19px}.fs-axis:after{content:"";background:#b4baad;width:30px;height:1px;position:absolute;bottom:11px;left:5px;transform:rotate(-22deg)}.fs-axis i{color:#8a9865;font-style:normal;position:absolute;top:0;left:16px}.fs-axis span{color:#af947f;position:absolute;bottom:0;left:0}.fs-axis b{color:#92a6ad;font-weight:400;position:absolute;bottom:7px;right:0}.fs-simulation-control{white-space:nowrap;background:#fbfcf7ec;border:1px solid #dbdfd0;border-radius:7px;align-items:center;gap:11px;padding:5px 6px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #48573609}.fs-sim-button{color:#fff;border-radius:4px;min-width:110px;padding:9px 13px;font-size:10px;background:#566f3f!important}.fs-sim-button:hover{background:#6c844f!important}.fs-sim-button.is-running{background:#788858!important}.fs-simulation-control>span{color:#919b83;align-items:center;gap:6px;font-size:9px;display:flex}.fs-simulation-control>.fs-icon-btn{border-left:1px solid #e3e7d8;border-radius:0;width:25px;padding-left:5px}.fs-strain-legend{color:#748266;background:#fafbf3df;border:1px solid #e4e6d9;border-radius:5px;width:145px;padding:10px;position:absolute;bottom:95px;right:22px}.fs-strain-legend>span{font-size:8px;display:block}.fs-strain-legend>div{background:linear-gradient(90deg,#49bdca,#42c675,#d1d440,#dc7543,#d54545);border-radius:3px;height:6px;margin:7px 0}.fs-strain-legend small{float:right}.fs-strain-legend p{margin-top:6px;font-size:7px;line-height:1.5}.fs-viewport-error{text-align:center;background:#fffdf1e8;border:1px solid #dacf9f;border-radius:6px;padding:20px;line-height:1.7;position:absolute;top:47%;left:15%;right:15%}.fs-loading{color:#8a9878;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;inset:0}.fs-spinner{border:2px solid #d5ddc7;border-top-color:#738952;border-radius:50%;width:20px;height:20px;animation:1s linear infinite fs-spin}.fs-pattern-section{background:#f9faf5;border-top:1px solid #dddfd3;flex-direction:column;flex-shrink:0;height:248px;min-height:0;display:flex}.fs-pattern-heading{border-bottom:1px solid #edf0e4;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 23px;display:flex}.fs-pattern-heading>div{color:#82936c;align-items:center;gap:8px;display:flex}.fs-pattern-heading h2{color:#59694e;font-size:11px;font-weight:500}.fs-pattern-heading>div>span{color:#a2a98f;margin-left:5px;font-size:9px}.fs-pattern-heading>button{color:#8a9777}.fs-pattern-canvas{background-image:radial-gradient(#cbd3bc .65px,#0000 .65px);background-size:15px 15px;flex:1;justify-content:center;align-items:stretch;gap:24px;min-height:0;padding:13px 24px 8px;display:flex;overflow:auto}.fs-pattern{color:#8a9580;border-radius:4px;flex-direction:column;flex-shrink:0;width:clamp(92px,14%,150px);min-width:92px;justify-content:space-between!important;gap:7px!important;padding:2px 8px!important;display:flex!important}.fs-pattern:hover{background:#edf2e16b}.fs-pattern-top{color:#879477;justify-content:space-between;width:100%;font-size:8px;display:flex}.fs-pattern.is-selected .fs-pattern-top>span:first-child{color:#5f7942}.fs-pattern-top span:last-child{letter-spacing:.5px;color:#a3ab95;font-size:7px}.fs-pattern svg{flex:1;width:100%;height:108px;min-height:50px}.fs-pattern-dim{color:#a1a894;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:8px}.fs-pattern-legend{color:#9aa28d;flex-shrink:0;align-items:center;gap:21px;height:29px;padding:0 23px;font-size:8px;display:flex}.fs-pattern-legend>span{align-items:center;gap:5px;display:flex}.fs-pattern-legend>span:last-child{margin-left:auto}.fs-pattern-legend i{border-top:1px solid #95a27e;width:13px;display:block}.fs-pattern-legend .fs-dashed{border-top-style:dashed}.fs-tab-2d .fs-pattern-section{flex:1;height:100%}.fs-tab-2d .fs-pattern-canvas{flex-wrap:wrap;justify-content:center;align-items:center;padding:30px}.fs-tab-2d .fs-pattern{width:200px;height:55%;min-height:300px;max-height:440px}.fs-tab-2d .fs-pattern svg{height:240px}.fs-tab-3d .fs-viewport-section{flex:1}.fs-inspector{border-left:1px solid var(--fs-line);scrollbar-width:thin;scrollbar-color:#d7dccd transparent;background:#fbfcf7;padding:22px 20px 12px;overflow-y:auto}.fs-inspector>.fs-section-heading{margin-bottom:22px}.fs-properties-section{border-bottom:1px solid var(--fs-line);margin-bottom:17px;padding-bottom:18px}.fs-small-heading{color:#5f7051;align-items:center;gap:7px;margin-bottom:15px;font-size:10px;display:flex}.fs-small-heading>svg{color:#96a17f}.fs-small-heading>span{letter-spacing:.8px;color:#a7af97;margin-left:auto;font-size:7px}.fs-dimension-grid{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:17px;display:grid}.fs-dimension-grid label>div{background:#fdfef8;border:1px solid #dfe4d3;border-radius:4px;align-items:center;height:34px;margin-top:6px;padding-right:9px;display:flex}.fs-dimension-grid input{background:0 0;border:0;width:100%;min-width:0;padding:8px;font-size:11px}.fs-dimension-grid label>div>span{color:#aab198;font-size:9px}.fs-slider{margin-top:16px;display:block}.fs-slider>span{color:#8d987d;justify-content:space-between;align-items:center;font-size:9px;display:flex}.fs-slider output{color:#63754f;font-variant-numeric:tabular-nums;font-size:10px}.fs-slider output small{color:#a0a98f;font-size:8px}.fs-slider input{appearance:none;background:linear-gradient(to right,#8c9e6b 0%,#8c9e6b var(--range),#e6eada var(--range),#e6eada 100%);cursor:pointer;border-radius:3px;outline:none;width:100%;height:3px;margin-top:12px;display:block}.fs-slider input::-webkit-slider-thumb{appearance:none;background:#81945d;border:2px solid #fafcf2;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1px #9aa984}.fs-slider input::-moz-range-thumb{background:#81945d;border:2px solid #fafcf2;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 1px #9aa984}.fs-material-select{background:#fdfef8;border:1px solid #dfe4d3;border-radius:4px;align-items:center;gap:8px;padding:8px;display:flex;position:relative}.fs-material-select select{appearance:none;cursor:pointer;background:0 0;border:0;outline:none;width:100%;padding:2px;font-size:10px}.fs-material-select>svg{color:#9da889;pointer-events:none}.fs-swatch-preview{background-image:repeating-linear-gradient(0deg,#ffffff18 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#00000008 0 1px,#0000 1px 3px);border:1px solid #0000000b;border-radius:3px;flex-shrink:0;width:24px;height:24px}.fs-material-description{color:#a4ac94;line-height:1.6;margin-top:8px!important;font-size:8px!important}.fs-color-row{color:#8e9b7d;justify-content:space-between;align-items:center;margin-top:14px;font-size:9px;display:flex}.fs-color-row>div{align-items:center;gap:7px;display:flex}.fs-color-row button{border-radius:50%;width:18px;height:18px;border:2px solid #fbfcf7!important}.fs-color-row button.is-active{outline-offset:1px;outline:1px solid #8a9a6f}.fs-custom-color{cursor:pointer;border:1px solid #dce2cd;border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:relative;overflow:hidden}.fs-custom-color input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.fs-pattern-summary{gap:12px;margin:19px 0;display:grid}.fs-pattern-summary>div{justify-content:space-between;align-items:center;font-size:9px;display:flex}.fs-pattern-summary strong{color:#65764f;font-size:10px;font-weight:500}.fs-pattern-summary small{color:#93a17d;font-size:8px}.fs-match{align-items:center;gap:5px;display:flex}.fs-method-note{color:#a3ac94;gap:6px;line-height:1.7;display:flex;font-size:8px!important}.fs-method-note>span{background:#a6b191;border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-top:5px}.fs-statusbar{color:#98a286;background:#f5f7ef;border-top:1px solid #e0e5d7;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:30px;padding:0 21px;font-size:8px;display:flex}.fs-statusbar>span{align-items:center;gap:7px;display:flex}.fs-statusbar b{color:#c0c7b3;margin:0 4px;font-weight:400}.fs-toast{z-index:80;color:#fff;background:#344c36;border:1px solid #75896a;border-radius:7px;align-items:center;gap:11px;max-width:min(620px,90vw);padding:13px 16px;font-size:11px;line-height:1.5;display:flex;position:fixed;bottom:45px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #1c2c231c}.fs-toast button{color:#c6d4be;margin-left:10px}.fs-toast>svg{flex-shrink:0}.fs-dialog{color:#36452f;letter-spacing:.005em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fafbf6;border:1px solid #d9dfcf;border-radius:12px;width:min(550px,100vw - 32px);max-height:calc(100dvh - 48px);margin:auto;padding:26px;font-family:Arial,Helvetica,sans-serif;font-size:12px;position:fixed;inset:0;overflow:auto;box-shadow:0 30px 100px #16230b25}.fs-dialog-wide{width:min(800px,100vw - 32px)}.fs-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#27332365}.fs-dialog button{background:0 0;border:0}.fs-modal-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.fs-modal-head h2{letter-spacing:-.5px;color:#435638;font:400 26px/1.25 Georgia,serif}.fs-modal-head .fs-icon-btn{flex-shrink:0}.fs-export-intro p{color:#8d987d;margin-top:9px;font-size:12px;line-height:1.6}.fs-export-summary{border-bottom:1px solid #e3e8d8;grid-template-columns:1fr 1fr 1.4fr;gap:15px;margin:8px 0 20px;padding:20px 0;display:grid}.fs-export-summary span{color:#a2ab93;font-size:9px}.fs-export-summary strong{color:#5d7445;margin-bottom:6px;font-size:15px;font-weight:500;display:block}.fs-export-grid{grid-template-columns:1fr 1.1fr;gap:24px;display:grid}.fs-export-primary{color:#7c9360;background:#f1f5e8;border:1px solid #d8e1c6;border-radius:7px;padding:20px}.fs-export-primary h3{margin-top:12px;font:400 21px Georgia,serif}.fs-export-primary p{color:#9aa88a;margin-top:8px;font-size:10px;line-height:1.7}.fs-export-primary label{color:#788c62;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;font-size:9px;display:flex}.fs-export-primary select{color:#69814e;background:#fcfef7;border:1px solid #d7e0c7;border-radius:4px;max-width:165px;padding:7px;font-size:10px}.fs-export-pages{color:#9aa989;margin:12px 0;font-size:9px}.fs-export-options{flex-direction:column;justify-content:center;gap:10px;display:flex}.fs-export-options>button{color:#8ba272;text-align:left;border-bottom:1px solid #e5eadc;justify-content:flex-start;gap:12px;padding:16px 0}.fs-export-options>button:hover{color:#4d7135}.fs-export-options span{flex:1}.fs-export-options strong{color:#657d4f;font-size:11px;font-weight:500;display:block}.fs-export-options small{color:#a2ad92;margin-top:5px;font-size:9px;line-height:1.5;display:block}.fs-export-footnote{color:#97a686;border-top:1px solid #e2e8d8;gap:10px;margin-top:23px;padding-top:17px;font-size:9px;line-height:1.8;display:flex}.fs-export-footnote svg{flex-shrink:0;margin-top:3px}.fs-guide-intro p{color:#8e9c7e;max-width:620px;margin-top:10px;font-size:13px;line-height:1.8}.fs-guide-steps{grid-template-columns:1fr 1fr;gap:24px;margin:28px 0;display:grid}.fs-guide-steps>div{color:#869d6b;border-top:1px solid #dfe7d3;padding-top:18px;position:relative}.fs-guide-steps span{float:right;color:#bdc7ae;font-size:10px}.fs-guide-steps h3{color:#657c4f;margin-top:12px;font:400 20px Georgia,serif}.fs-guide-steps p{color:#8f9f7c;margin-top:8px;font-size:10px;line-height:1.9}.fs-method-detail{background:#f0f4e8;border:1px solid #e1e9d5;border-radius:6px;margin-bottom:22px;padding:18px}.fs-method-detail h3{color:#708754;font-size:11px;font-weight:500}.fs-method-detail p{color:#8d9f78;margin-top:10px;font-size:10px;line-height:1.9}.fs-method-detail a{color:#637e48;text-underline-offset:3px;align-items:center;gap:6px;margin-top:13px;font-size:10px;text-decoration:underline;display:inline-flex}.fs-sketch-intro{color:#96a385;font-size:11px;line-height:1.8;margin-bottom:18px!important}.fs-sketch-canvas{aspect-ratio:500/360;cursor:crosshair;background:#f0f3e9;border:1px solid #dce4cf;border-radius:6px;width:100%;display:block}.fs-sketch-actions{align-items:center;gap:8px;margin:12px 0 18px;display:flex}.fs-sketch-actions>span{color:#9fae8b;flex:1;font-size:10px}.fs-sketch-actions button{color:#839b66;padding:7px!important;font-size:9px!important}.fs-inline-error{color:#a4784c;font-size:10px;line-height:1.7;margin-bottom:13px!important}.fs-slider>span{color:#7c876d;font-size:10px}.fs-slider output{font-size:11px}.fs-dimension-grid label{color:#818d72;font-size:9px}.fs-pattern-summary>div{font-size:10px}.fs-pattern-summary span{color:#849073}.fs-material-description{color:#859274}.fs-pattern-legend{color:#818f70}.fs-library-intro{color:#859173}.fs-template small{color:#889478}.fs-piece-list>button>span:nth-child(2){font-size:11px}.fs-piece-list small{font-size:9px}.fs-pattern-dim{color:#8b997a;font-size:9px}.fs-study-tag{color:#869375}.fs-save-state{color:#849271}.fs-statusbar{color:#7c8b6c}@keyframes fs-spin{to{transform:rotate(360deg)}}@keyframes fs-pulse{50%{opacity:.25}}@media (min-width:1700px){.fs-workspace{grid-template-columns:255px minmax(0,1fr) 285px}.fs-library{padding:25px 23px}.fs-inspector{padding:25px}.fs-template-art{height:98px}.fs-pattern-section{height:275px}.fs-canvas-title{top:30px;left:32px}.fs-canvas-title h1{font-size:36px}.fs-pattern-canvas{gap:38px;padding-top:18px}}@media (max-height:850px) and (min-width:1101px){.fs-header{height:64px}.fs-project-bar{height:47px}.fs-library,.fs-inspector{padding-top:17px}.fs-template-art{height:65px}.fs-template>span{padding:8px 10px}.fs-library-divider{margin:16px 0}.fs-piece-list>button{padding:5px!important}.fs-studio-note{margin-top:20px}.fs-properties-section{margin-bottom:15px;padding-bottom:15px}.fs-small-heading{margin-bottom:10px}.fs-slider{margin-top:13px}.fs-inspector>.fs-section-heading{margin-bottom:17px}.fs-pattern-section{height:220px}.fs-canvas-bottom>span{display:none}.fs-pattern-summary{gap:10px;margin:16px 0}.fs-canvas-title h1{font-size:26px}}@media (max-width:1250px){.fs-workspace{grid-template-columns:205px minmax(0,1fr) 235px}.fs-header{gap:16px;padding:0 18px}.fs-save-state{display:none}.fs-inspector{padding-left:15px;padding-right:15px}.fs-library{padding-left:13px;padding-right:13px}.fs-canvas-title h1{font-size:24px}.fs-canvas-title p{max-width:260px;line-height:1.6}.fs-shading-control{top:98px;right:15px}.fs-pattern-canvas{justify-content:flex-start;gap:14px}.fs-study-tag{display:none}.fs-simulation-control{gap:7px}.fs-simulation-control>span{font-size:8px}.fs-project-name input{width:140px}.fs-studio-note p span{max-width:130px}}@media (max-width:1000px){.fabric-studio{height:auto;min-height:100dvh;overflow:visible}.fs-workspace{flex:initial;grid-template-columns:175px minmax(0,1fr)}.fs-library{grid-row:1/3}.fs-center{height:780px;min-height:0}.fs-inspector{border-top:1px solid var(--fs-line);grid-column:2;grid-template-columns:1fr 1fr;gap:15px;padding:20px;display:grid}.fs-inspector>.fs-section-heading{grid-column:1/-1;margin:0}.fs-properties-section{margin-bottom:0}.fs-method-note{grid-column:1/-1}.fs-product small,.fs-beta{display:none}.fs-header{height:65px}.fs-brand{font-size:21px}.fs-product>span{font-size:13px}.fs-header-actions{gap:4px}.fs-header-actions>.fs-icon-btn:nth-of-type(2){display:none}.fs-project-bar{grid-template-columns:1fr auto;padding:0 18px}.fs-history{display:none}.fs-discipline{flex-direction:column}.fs-discipline button{padding:8px}.fs-template-art{height:74px}.fs-studio-note{margin-top:30px}.fs-statusbar{height:35px}.fs-statusbar>span:last-child{display:none}.fs-canvas-title{top:28px;left:25px}.fs-shading-control{top:99px}.fs-viewport-section{min-height:450px}.fs-template>span{font-size:10px}.fs-template small{font-size:8px}.fs-studio-note p span{max-width:105px}}@media (max-width:650px){.fs-header{gap:10px;height:61px;padding:0 12px}.fs-brand{gap:4px;font-size:19px}.fs-logo{width:24px}.fs-logo svg{width:20px}.fs-header-rule{display:none}.fs-product>span{margin-left:4px;font-size:11px}.fs-header-actions>.fs-icon-btn{display:none}.fs-header .fs-button{min-height:32px;padding:8px;font-size:9px!important}.fs-header .fs-button svg{width:12px}.fs-project-bar{flex-wrap:wrap;justify-content:space-between;gap:8px;height:auto;min-height:90px;padding:12px;display:flex}.fs-project-name input{width:155px}.fs-view-tabs{margin-left:auto}.fs-view-tabs button{padding:6px 9px;font-size:9px}.fs-workspace{flex-direction:column;display:flex}.fs-library{border-right:0;border-bottom:1px solid var(--fs-line);padding:15px;display:block}.fs-library>.fs-section-heading:first-child{display:none}.fs-discipline{flex-direction:row;max-width:300px;margin:auto}.fs-library-intro{display:none}.fs-templates{grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.fs-template-art{height:88px}.fs-template>span{font-size:11px}.fs-template small{font-size:9px}.fs-sketch-button{width:100%;margin-top:12px;padding:10px}.fs-sketch-button small,.fs-library-divider,.fs-library .fs-piece-list,.fs-library .fs-studio-note,.fs-library>.fs-section-heading{display:none}.fs-center{flex:none;height:760px}.fs-viewport-section{min-height:500px}.fs-canvas-title{max-width:90%;top:24px;left:19px}.fs-canvas-title h1{font-size:26px}.fs-canvas-title p{max-width:300px;font-size:9px}.fs-shading-control{top:112px;right:13px}.fs-canvas-tools{top:112px;left:13px}.fs-simulation-control{gap:8px;width:max-content;max-width:95%;bottom:30px}.fs-simulation-control>span{font-size:8px}.fs-sim-button{min-width:100px;padding:9px;font-size:10px}.fs-canvas-bottom{bottom:16px}.fs-canvas-bottom>span{display:none}.fs-axis{position:absolute;bottom:64px;right:0}.fs-pattern-section{height:250px}.fs-pattern-heading{padding:0 17px}.fs-pattern-heading h2{font-size:11px}.fs-pattern-heading>div>span{font-size:8px}.fs-pattern-canvas{gap:12px;padding:15px 18px}.fs-pattern{min-width:105px}.fs-pattern-legend{gap:10px;padding:0 15px;font-size:7px}.fs-pattern-legend>span:last-child{margin-left:auto}.fs-inspector{border-left:0;grid-template-columns:1fr 1fr;gap:18px;padding:20px 16px;display:grid}.fs-dimension-grid{grid-template-columns:1fr;gap:10px}.fs-inspector .fs-small-heading>span{display:none}.fs-material-select{gap:4px;padding:6px}.fs-material-select select{font-size:9px}.fs-swatch-preview{width:18px;height:20px}.fs-color-row{flex-wrap:wrap;gap:10px}.fs-color-row>div{gap:5px}.fs-button-outline{padding:9px;font-size:9px!important}.fs-statusbar{flex-wrap:wrap;gap:6px;height:auto;padding:10px 15px;font-size:7px}.fs-dialog{max-height:calc(100dvh - 24px);padding:20px}.fs-modal-head h2{font-size:23px}.fs-export-grid{grid-template-columns:1fr;gap:16px}.fs-export-summary{grid-template-columns:1fr 1fr;row-gap:15px}.fs-export-summary span:last-child{grid-column:1/-1}.fs-export-options>button{padding:12px 0}.fs-guide-steps{grid-template-columns:1fr;gap:20px}.fs-guide-steps h3{font-size:20px}.fs-guide-steps p{font-size:11px}.fs-tab-2d .fs-pattern{width:120px;min-height:230px}.fs-sketch-actions{flex-wrap:wrap}.fs-sketch-actions>span{min-width:100px}.fs-custom-color{width:18px;height:18px}}@media (prefers-reduced-motion:reduce){.fabric-studio *,.fs-dialog *{transition:none!important;animation:none!important}}
.fashion-atelier{min-height:690px}.fashion-atelier .fs-workspace{grid-template-columns:242px minmax(0,1fr) 310px}.fa-back{color:#6f805e;gap:12px;padding:5px;display:flex}.fashion-atelier .fs-header{gap:17px}.fashion-atelier .fs-project-name input{width:185px}.fa-workflow{gap:4px;display:flex}.fa-workflow button{color:#8c987c;border-radius:5px;padding:9px 15px;font-size:11px}.fa-workflow button>span{color:#a6b197;margin-right:3px;font-size:8px}.fa-workflow button.is-active{color:#546d3e;background:#e7eddc}.fa-library{padding:19px 14px}.fa-search{color:#93a17e;background:#fcfdf7;border:1px solid #dfe5d4;border-radius:5px;align-items:center;gap:8px;padding:10px;display:flex}.fa-search input{background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:10px}.fa-search input::placeholder{color:#a1ab92}.fa-family-filter{flex-wrap:wrap;gap:5px;padding:12px 0 14px;display:flex}.fa-family-filter button{color:#8d9c7b;border-radius:4px;padding:5px 9px;font-size:9px}.fa-family-filter button.is-active{color:#5c7840;background:#e6edda}.fa-garment-list{gap:7px;display:grid}.fa-garment{text-align:left;color:#8f9b7f;border-radius:6px;align-items:center;background:#fcfdf8!important;border:1px solid #e2e7d8!important;gap:9px!important;padding:7px 8px!important;display:flex!important}.fa-garment.is-selected{color:#708b50;background:#edf2e3!important;border-color:#a9bb8d!important}.fa-garment:hover{border-color:#bcc9a7!important}.fa-glyph{background:#f0f1e8;border-radius:4px;flex-shrink:0;place-items:center;width:50px;height:53px;display:grid}.fa-glyph svg{width:48px;height:48px}.fa-garment>span:nth-child(2){flex:1}.fa-garment strong{color:#64764e;font-size:10.5px;font-weight:500;display:block}.fa-garment small{color:#99a387;margin-top:4px;font-size:8px;line-height:1.6;display:block}.fa-empty{color:#8b9979;padding:20px 5px;font-size:11px;line-height:1.7}.fa-library-bottom{border-top:1px solid #e1e7d6;margin-top:20px;padding-top:17px}.fa-library-bottom>span{letter-spacing:1px;color:#a1af8e;font-size:8px}.fa-library-bottom>div{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.fa-library-bottom button{color:#93a47c;border-radius:4px;padding:5px 7px;font-size:9px;border:1px solid #dfe7d2!important}.fa-library-bottom button.is-active{color:#5e7c41;background:#e7efda}.fa-library-bottom p{color:#9ca98b;margin-top:12px;font-size:9px;line-height:1.8}.fa-inspector{padding:23px 22px}.fa-inspector-heading{border-bottom:1px solid #e4e9dc;padding-bottom:22px}.fa-inspector-heading h2{color:#5d7249;margin:8px 0 0;font:400 23px/1.2 Georgia,serif}.fa-selected-block{color:#91a578;background:#f0f4e7;border:1px solid #e0e8d3;border-radius:5px;align-items:center;gap:13px;margin:15px 0;padding:9px;display:flex}.fa-selected-block svg{width:47px;height:50px}.fa-selected-block strong{color:#687f51;font-size:11px;font-weight:500}.fa-selected-block small{color:#99a887;margin-top:5px;font-size:8px;display:block}.fa-section{border-bottom:1px solid #e3e9d9;padding:19px 0}.fa-section h3{color:#718857;align-items:center;gap:7px;margin-bottom:15px;font-size:11px;font-weight:500;display:flex}.fa-range{margin:18px 0 6px;display:block}.fa-range>span{color:#82936f;justify-content:space-between;align-items:center;font-size:10px;display:flex}.fa-range output{font-variant-numeric:tabular-nums;color:#677f4d;font-size:11px}.fa-range output small{color:#a1ae91;margin-left:4px;font-size:8px}.fa-range input{appearance:none;cursor:pointer;accent-color:#83996a;background:#dce5ce;border-radius:3px;width:100%;height:3px;margin-top:11px;display:block}.fa-range input::-webkit-slider-thumb{appearance:none;background:#819666;border:2px solid #f4f7ed;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1px #a4b58f}.fa-range>small{color:#a4b093;margin-top:9px;font-size:8px;line-height:1.6;display:block}.fa-select-row{color:#879974;justify-content:space-between;align-items:center;gap:10px;margin:15px 0;font-size:10px;display:flex}.fa-select-row select{color:#788e5f;background:#fafcf4;border:1px solid #dae3cd;border-radius:4px;max-width:165px;padding:7px 8px;font-size:10px}.fa-select-row input[type=color]{background:0 0;border:1px solid #dce5ce;width:42px;height:26px;padding:2px}.fa-toggle{color:#7a9062;align-items:center;gap:8px;margin-top:19px;font-size:10px;display:flex}.fa-toggle input{accent-color:#829b64}.fa-toggle small{color:#a9b499;margin-left:auto;font-size:8px}.fa-tip{color:#9daf88;background:#eef3e5;border:1px solid #e0e8d2;border-radius:6px;align-items:flex-start;gap:9px;margin-top:18px;padding:16px 12px;display:flex}.fa-tip p{color:#8c9f78;font-size:9px;line-height:1.8}.fa-tip>svg{flex-shrink:0;margin-top:2px}.fa-body-presets{gap:7px;display:flex}.fa-body-presets button{color:#8ba274;background:#f4f7ed;border-radius:4px;flex:1;padding:7px 8px;font-size:9px;border:1px solid #dce5d0!important}.fa-body-presets button:hover{background:#e6eed9}.fa-caption{color:#9da98d;font-size:9px;line-height:1.8;margin-top:12px!important}.fa-fit-table{border-collapse:collapse;width:100%;font-size:9px}.fa-fit-table th{text-align:right;color:#a1af91;border-bottom:1px solid #e2e9d6;padding:0 0 9px;font-size:8px;font-weight:500}.fa-fit-table td{text-align:right;color:#7e9367;font-variant-numeric:tabular-nums;border-bottom:1px solid #edf1e7;padding:9px 0}.fa-fit-table th:first-child,.fa-fit-table td:first-child{text-align:left}.fa-warn{color:#b48758!important}.fa-metric{color:#94a580;justify-content:space-between;align-items:center;gap:8px;margin:13px 0;font-size:10px;display:flex}.fa-metric strong{color:#78905d;font-size:11px;font-weight:500}.fa-material-library{grid-template-columns:1fr 1fr;gap:7px;margin-top:14px;display:grid}.fa-material-library button{text-align:left;border-radius:5px;border:1px solid #e0e7d5!important;justify-content:flex-start!important;gap:6px!important;padding:8px 7px!important}.fa-material-library button.is-active{background:#eef3e5;border-color:#a9bc8d!important}.fa-material-library i{border:1px solid #00000005;border-radius:3px;flex-shrink:0;width:20px;height:30px;background-image:repeating-linear-gradient(90deg,#ffffff10 0 1px,#0000 1px 3px)!important}.fa-material-library strong{color:#789060;font-size:8.5px;font-weight:500;display:block}.fa-material-library small{color:#a0b08c;margin-top:4px;font-size:7px;line-height:1.6;display:block}.fa-material-library button>svg{display:none}.fa-edge-editor{background:#f0f4e8;border:1px solid #dde6cf;border-radius:5px;margin-top:19px;padding:13px}.fa-edge-editor>span{letter-spacing:1px;color:#a0b18a;font-size:7px;display:block}.fa-edge-editor>strong{color:#79945b;margin:7px 0 11px;font-size:11px;font-weight:500;display:block}.fa-edge-editor>select{color:#7c965e;background:#f9fcf2;border:1px solid #d8e3c8;border-radius:4px;width:100%;padding:8px;font-size:9px}.fa-edge-editor>button{color:#9bad85;margin-top:10px;font-size:8px;text-decoration:underline}.fa-marker{background:#f3f3e8;border:1px solid #dbe3cc;width:100%;max-height:185px;margin:18px 0;display:block}.fa-checks{gap:13px;display:grid}.fa-checks>div{align-items:flex-start;gap:8px;display:flex}.fa-checks>div>span{color:#8ca86a;background:#e7efdb;border-radius:50%;flex-shrink:0;place-items:center;width:19px;height:19px;display:grid}.fa-checks strong{color:#7a955c;font-size:10px;font-weight:500}.fa-checks small{color:#a0ad90;margin-top:3px;font-size:9px;line-height:1.7;display:block}.fa-checks .needs-review>span{color:#b49b6f;background:#f0e8d8}.fa-notes{color:#8fa477;font-size:10px;display:block}.fa-notes textarea{resize:vertical;color:#7a925e;background:#f9fbf3;border:1px solid #dce6ce;border-radius:5px;width:100%;min-height:94px;margin:9px 0 17px;padding:10px;font-size:10px;line-height:1.7;display:block}.fa-notes textarea::placeholder{color:#b3bfa2}.fa-model-caption{color:#96a584;pointer-events:none;flex-direction:column;gap:7px;display:flex;position:absolute;bottom:84px;left:23px}.fa-model-caption>span{letter-spacing:1.4px;font-size:7px}.fa-model-caption>b{color:#7d9169;font:400 18px Georgia,serif}.fa-model-caption small{font:9px Arial}.fa-model-caption button{pointer-events:auto;color:#8da377;font-size:8px;justify-content:flex-start!important}.fashion-atelier .fs-canvas-title h1{font-size:27px}.fashion-atelier .fs-canvas-title p{font-size:10px}.fashion-atelier .fs-pattern-section{height:238px}.fa-patterns{background-image:radial-gradient(#c7d1b7 .6px,#0000 .6px);background-size:16px 16px;flex:1;justify-content:center;align-items:stretch;gap:20px;min-height:0;padding:14px 20px 9px;display:flex;overflow:auto}.fa-pattern{flex-direction:column;flex-shrink:0;gap:9px;width:40%;min-width:120px;max-width:250px;display:flex}.fa-pattern-label{color:#95a580;white-space:nowrap;align-items:center;display:flex;justify-content:flex-start!important;gap:7px!important;font-size:8px!important}.fa-pattern-label strong{color:#6f8953;font-size:9px;font-weight:500}.fa-pattern-label small{color:#a5b294;margin-left:auto;font-size:6px}.fa-pattern svg{flex:1;width:100%;height:115px;min-height:50px;overflow:visible}.fa-pattern-edge{cursor:pointer;pointer-events:stroke}.fa-pattern-edge:hover{stroke:#b0825c;stroke-width:4px}.fa-pattern-area{text-align:center;color:#9dad89;font-size:8px}.fa-expanded-patterns .fs-viewport-section{display:none}.fa-expanded-patterns .fs-pattern-section{flex:1;height:100%}.fa-expanded-patterns .fa-patterns{flex-wrap:wrap;align-content:start;gap:35px;padding:35px}.fa-expanded-patterns .fa-pattern{width:42%;max-width:300px;height:270px}.fa-dialog-intro{color:#8e9f7b;font-size:12px;line-height:1.7}.fa-dialog-message{color:#778f5e;background:#eaf1df;border:1px solid #d8e5c8;border-radius:5px;margin-top:18px;padding:12px;font-size:11px}.fa-dialog .fs-export-summary strong{font-size:14px}@media (min-width:1700px){.fashion-atelier .fs-workspace{grid-template-columns:265px minmax(0,1fr) 335px}.fa-garment{padding:9px 10px!important}.fa-garment strong{font-size:12px}.fa-garment small{font-size:9px}.fa-glyph{width:57px;height:60px}.fa-glyph svg{width:55px;height:55px}.fa-range>span{font-size:11px}.fashion-atelier .fs-canvas-title h1{font-size:33px}}@media (max-width:1250px){.fashion-atelier .fs-workspace{grid-template-columns:202px minmax(0,1fr) 270px}.fa-workflow button{padding:8px 10px;font-size:10px}.fa-workflow button>span{display:none}.fa-garment small{font-size:7px}.fa-glyph{width:38px;height:43px}.fa-glyph svg{width:37px;height:41px}.fa-garment strong{font-size:9px}.fa-garment{gap:7px!important;padding:6px!important}.fa-inspector{padding:20px 16px}.fa-range>span{font-size:9px}.fa-material-library{grid-template-columns:1fr}.fa-patterns{justify-content:flex-start}.fa-model-caption{bottom:89px}.fashion-atelier .fs-canvas-title h1{font-size:24px}.fa-inspector-heading h2{font-size:22px}}@media (max-width:1000px){.fashion-atelier .fs-workspace{grid-template-columns:180px minmax(0,1fr)}.fashion-atelier .fs-center{height:850px}.fashion-atelier .fa-inspector{grid-column:2;max-height:none;padding:25px;display:block}.fa-material-library{grid-template-columns:1fr 1fr}.fa-garment small{font-size:7px}.fa-workflow button{padding:7px 11px}.fashion-atelier .fs-project-name input{width:145px}.fa-glyph,.fa-glyph svg{width:34px}.fa-library-bottom{margin-top:25px}.fa-family-filter button{padding:5px 6px;font-size:8px}}@media (max-width:650px){.fashion-atelier .fs-workspace{display:flex}.fashion-atelier .fs-header .fs-product>span{margin:0}.fashion-atelier .fs-header .fs-beta{letter-spacing:.6px;padding:2px 4px;font-size:7px;display:inline}.fashion-atelier .fs-header .fs-product small{display:none}.fa-back{gap:5px}.fa-back>svg:last-child{display:none}.fashion-atelier .fs-project-bar{min-height:93px;padding:11px 14px}.fa-workflow{justify-content:space-between;width:100%}.fa-workflow button{padding:8px 12px;font-size:10px}.fa-library{padding:13px 15px}.fa-library>.fs-section-heading{margin-bottom:10px;display:flex!important}.fa-family-filter{padding:9px 0}.fa-family-filter button{padding:6px 9px;font-size:9px}.fa-garment-list{gap:8px;padding-bottom:5px;display:flex;overflow-x:auto}.fa-garment{flex-shrink:0;min-width:175px;padding:8px!important}.fa-glyph{width:40px;height:45px}.fa-glyph svg{width:40px;height:43px}.fa-garment strong{font-size:10px}.fa-garment small{font-size:8px}.fa-library-bottom{display:none}.fashion-atelier .fs-center{height:830px}.fashion-atelier .fs-viewport-section{min-height:550px}.fashion-atelier .fs-canvas-title h1{font-size:27px}.fashion-atelier .fs-pattern-section{height:270px}.fashion-atelier .fs-pattern-heading>div>span{display:none}.fa-pattern{min-width:165px}.fa-patterns{gap:20px}.fa-inspector{padding:25px 20px!important}.fa-range>span,.fa-range output{font-size:12px}.fa-section{padding:23px 0}.fa-section h3{font-size:13px}.fa-range{margin:23px 0 10px}.fa-range>small{font-size:10px}.fa-caption,.fa-material-library strong{font-size:11px}.fa-material-library small{font-size:9px}.fa-material-library button{padding:12px!important}.fa-material-library i{width:27px;height:37px}.fa-fit-table{font-size:11px}.fa-fit-table th{font-size:10px}.fa-checks strong{font-size:12px}.fa-checks small{font-size:11px}.fa-model-caption{bottom:105px;left:20px}.fa-model-caption>span{font-size:6px}.fa-model-caption>b{font-size:16px}.fashion-atelier .fs-simulation-control{bottom:25px}.fa-dialog .fs-export-grid{grid-template-columns:1fr}}
