.studio.sg-studio{--sg-bg:#171b20;--sg-panel:#1e2329;--sg-line:#343a40;--sg-ink:#eef0e9;--sg-muted:#9da69f;--sg-accent:#d4e9b1;--sg-accent-ink:#27351f;color:var(--sg-ink);background:var(--sg-bg);text-align:left;isolation:isolate;border:1px solid #333b3c;border-radius:16px;font-family:inherit;font-size:12px;line-height:1.5;position:relative;overflow:hidden;box-shadow:0 18px 60px #12201814}.studio *{box-sizing:border-box}.studio button,.studio input,.studio select,.studio textarea{font:inherit}.studio button{color:var(--sg-ink);cursor:pointer;white-space:normal;box-shadow:none;text-transform:none;letter-spacing:normal;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:0;padding:8px;font-weight:500;line-height:1.3;display:inline-flex}.studio button:hover{background:#ffffff0b}.studio button:disabled{opacity:.35;cursor:not-allowed}.studio button:focus-visible,.studio input:focus-visible,.studio select:focus-visible,.studio textarea:focus-visible,.studio canvas:focus-visible,.studio summary:focus-visible{outline:2px solid var(--sg-accent);outline-offset:3px}.studio h3{color:var(--sg-ink);letter-spacing:0;margin:0;font-family:inherit;font-size:13px;font-weight:650;line-height:1.4}.studio p{font-size:inherit;max-width:none;margin:0}.studio label{color:#c6ccc7}.studio input[type=number],.studio select,.studio textarea{color:#e1e6dd;background:#151a1f;border:1px solid #3a4146;border-radius:5px;width:100%;min-height:36px;padding:8px 9px;line-height:1.3}.studio textarea{resize:vertical}.studio select{appearance:auto;padding-right:6px;font-size:11px}.studio input[type=range]{width:100%;height:18px;accent-color:var(--sg-accent);cursor:pointer;background:0 0;border:none;padding:0}.studio input[type=checkbox]{accent-color:#c3dc9e;flex:none;width:14px;height:14px;margin:0}.studio input[type=number]{appearance:textfield}.studio input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.studio input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.studio .sg-primary{background:var(--sg-accent);color:var(--sg-accent-ink);border:1px solid var(--sg-accent);padding:10px 15px;font-weight:700}.studio .sg-primary:hover{background:#e0f1c3}.studio .sg-secondary{color:#dce4d8;background:#282f34;border:1px solid #414a4c;padding:9px 11px;font-size:11px}.studio .sg-secondary:hover{background:#323c3e;border-color:#6b7b6c}.studio .sg-wide{width:100%}.studio .sg-hidden,.studio .sg-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio .sg-topbar{border-bottom:1px solid var(--sg-line);background:#21262c;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.studio .sg-file{align-items:center;gap:11px;min-width:0;display:flex}.studio .sg-file>div{min-width:0}.studio .sg-file-icon{color:#d4e9b1;background:#353e35;border:1px solid #4d574b;border-radius:8px;flex:none;place-items:center;width:36px;height:38px;display:grid}.studio .sg-file input{color:#f1f2eb;text-overflow:ellipsis;background:0 0;border:0;width:100%;max-width:270px;padding:0 0 3px;font-weight:650;line-height:1.3;display:block}.studio .sg-file>div>span{color:#9aa49d;align-items:center;gap:5px;font-size:9px;line-height:1.3;display:flex}.studio .sg-dot{background:#a7c27c;border-radius:50%;flex:none;width:4px;height:4px}.studio .sg-top-actions{flex:none;align-items:center;gap:10px;display:flex}.studio .sg-history{border-right:1px solid #41484b;gap:2px;padding-right:10px;display:flex}.studio .sg-history button{width:32px;height:32px}.studio .sg-export-trigger{min-height:36px;font-size:11px}.studio .sg-export-trigger span{white-space:nowrap}.studio .sg-notice{color:#d8eac7;background:#303b2b;border-bottom:1px solid #46503e;align-items:center;gap:8px;padding:10px 18px;font-size:11px;display:flex}.studio .sg-notice>svg{flex:none}.studio .sg-notice>span{flex:1}.studio .sg-notice>button{padding:2px}.studio .sg-error{color:#f4c4af;background:#422c28;border-color:#725044}.studio .sg-export-panel{background:#29342b;border-bottom:1px solid #56624c;flex-wrap:wrap;align-items:center;gap:20px;padding:18px 20px;display:flex}.studio .sg-export-panel strong{font-size:13px}.studio .sg-export-panel p{color:#b5c4ac;margin-top:4px;font-size:10px}.studio .sg-export-panel>label{align-items:center;gap:9px;display:flex}.studio .sg-export-panel select{width:100px}.studio .sg-export-formats{gap:6px;margin-left:auto;display:flex}.studio .sg-export-formats button{font-size:11px}.studio .sg-workspace{align-items:stretch;min-height:610px;display:flex}.studio .sg-settings{background:var(--sg-panel);border-right:1px solid var(--sg-line);scrollbar-width:thin;scrollbar-color:#4b5555 transparent;flex:0 0 235px;max-height:820px;overflow:auto}.studio .sg-mode-tabs{border-bottom:1px solid var(--sg-line);grid-template-columns:repeat(4,1fr);gap:2px;padding:13px 10px;display:grid}.studio .sg-mode-tabs button{color:#99a49f;border-radius:7px;flex-direction:column;gap:5px;padding:9px 3px;font-size:10px}.studio .sg-mode-tabs button.is-active{color:#dbeac8;background:#394239}.studio .sg-section{border-bottom:1px solid var(--sg-line);padding:20px 16px}.studio .sg-section:last-child{border-bottom:0}.studio .sg-section-title{align-items:center;gap:9px;margin-bottom:14px;display:flex}.studio .sg-section-title>span,.studio .sg-gauge>summary>span{color:#7e8b7d;font-variant-numeric:tabular-nums;font-size:9px}.studio .sg-upload{color:#bdcaaa;background:#ffffff03;border:1px dashed #606d58;border-radius:7px;flex-direction:column;gap:8px;width:100%;padding:19px 9px 17px}.studio .sg-upload strong{color:#d9e6c9;font-size:11px;font-weight:600}.studio .sg-upload>span{color:#85918b;font-size:9px}.studio .sg-upload:hover{background:#d4e9b10a;border-color:#c3d6aa}.studio .sg-micro{color:#8d9c89;justify-content:center;align-items:center;gap:5px;margin-top:9px;font-size:9px;line-height:1.5;display:flex}.studio .sg-help{color:#99a69f;margin-bottom:12px;font-size:10px;line-height:1.7}.studio .sg-field{flex-direction:column;gap:6px;min-width:0;margin-bottom:12px;font-size:10px;display:flex}.studio .sg-field-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.studio .sg-range-label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;margin:4px 0 14px;font-size:10px;display:flex}.studio .sg-range-label>strong{color:#d5e6c2;background:#30392f;border-radius:4px;place-items:center;width:24px;height:22px;font-size:11px;display:grid}.studio .sg-range-label>span{color:#86918b;font-size:9px}.studio .sg-gauge>summary{cursor:pointer;color:#d9e0d5;align-items:center;gap:9px;font-size:12px;font-weight:650;list-style:none;display:flex}.studio .sg-gauge>summary::-webkit-details-marker{display:none}.studio .sg-gauge>summary>svg{margin-left:auto}.studio .sg-gauge[open]>summary{margin-bottom:13px}.studio .sg-check{align-items:center;gap:7px;font-size:10px;line-height:1.5;display:flex}.studio .sg-size-result{background:#283129;border:1px solid #444e42;border-radius:6px;flex-direction:column;gap:3px;margin-top:15px;padding:10px 11px;display:flex}.studio .sg-size-result>span:first-child{color:#aab6a1;font-size:9px}.studio .sg-size-result>strong{letter-spacing:-.5px;color:#dce9cf;font-size:16px;font-weight:550}.studio .sg-size-result>span:last-child{color:#96a58e;font-size:8px}.studio .sg-inline-error{color:#f2b496;margin:8px 0;font-size:10px;line-height:1.6}.studio .sg-template-picker .sg-field{margin:0}.studio .sg-center{background:#171c21;flex-direction:column;flex:1;min-width:0;display:flex}.studio .sg-canvas-top{color:#c0cbbd;border-bottom:1px solid #2f3538;flex:none;justify-content:space-between;align-items:center;gap:10px;height:54px;padding:11px 20px;display:flex}.studio .sg-canvas-top>div:first-child{letter-spacing:1.3px;align-items:center;gap:8px;font-size:9px;display:flex}.studio .sg-live-dot{background:#a3c083;border-radius:50%;width:5px;height:5px;display:inline-block}.studio .sg-dimensions{color:#7d8984;letter-spacing:0;padding-left:5px}.studio .sg-view-controls{gap:3px;display:flex}.studio .sg-view-controls button{color:#8f9c94;min-width:27px;height:27px;padding:5px}.studio .sg-view-controls .is-active{color:#d6e7c3;background:#303a30}.studio .sg-canvas-viewport{scrollbar-width:thin;scrollbar-color:#4e5b54 #171c21;background-color:#171c21;background-image:radial-gradient(#46504970 .65px,#0000 .65px);background-size:16px 16px;flex:1;min-height:490px;padding:27px 26px 45px;position:relative;overflow:auto}.studio .sg-chart-wrap{justify-content:center;align-items:center;width:100%;min-width:min-content;min-height:100%;padding:12px 10px 24px;display:flex}.studio .sg-chart{touch-action:none;cursor:crosshair;image-rendering:pixelated;background:#e5ded1;border-radius:1px;flex:none;display:block;box-shadow:0 9px 32px #00000038;max-width:none!important;max-height:none!important}.studio .sg-tool-erase{cursor:cell}.studio .sg-tool-fill{cursor:copy}.studio .sg-tool-row{cursor:ns-resize}.studio .sg-canvas-caption{text-align:center;color:#818b84;letter-spacing:.05px;min-width:250px;margin:10px auto 0;font-size:9px}.studio .sg-toolstrip{background:#20272c;border-top:1px solid #30393b;border-bottom:1px solid #30393b;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex}.studio .sg-tools{align-items:center;gap:3px;display:flex}.studio .sg-tools button{color:#aab5a9;border-radius:6px;width:32px;height:32px;padding:7px}.studio .sg-tools button.is-active{color:#29371e;background:#d4e9b1}.studio .sg-tool-divider{background:#434d49;width:1px;height:18px;margin:0 7px}.studio .sg-zoom{color:#b5c1b0;align-items:center;gap:5px;font-size:10px;display:flex}.studio .sg-zoom button{padding:5px}.studio .sg-zoom>span{text-align:center;width:31px}.studio .sg-zoom .sg-fit{border:1px solid #485349;margin-left:5px;padding:4px 7px;font-size:9px}.studio .sg-chart-footer{color:#8c998e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;font-size:8px;display:flex}.studio .sg-chart-footer>span:first-child{align-items:center;gap:6px;display:flex}.studio .sg-color-indicator{border:1px solid #ffffff2d;border-radius:2px;width:9px;height:9px;display:inline-block}.studio .sg-yarn{background:var(--sg-panel);border-left:1px solid var(--sg-line);scrollbar-width:thin;scrollbar-color:#4b5555 transparent;flex:0 0 206px;max-height:820px;overflow:auto}.studio .sg-yarn-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.studio .sg-yarn-heading>span{text-align:center;color:#c1d2b1;border:1px solid #53604e;border-radius:4px;min-width:22px;font-size:9px}.studio .sg-palette{flex-direction:column;gap:5px;display:flex}.studio .sg-palette-row{background:#252d30;border:1px solid #38413f;border-radius:6px;align-items:center;display:flex;overflow:hidden}.studio .sg-palette-row.is-selected{background:#354134;border-color:#9bb484}.studio .sg-palette-select{flex:1;min-width:0;justify-content:flex-start!important;gap:8px!important;padding:7px!important}.studio .sg-palette-letter{color:#a6b49e;width:8px;font-size:9px}.studio .sg-swatch{border:1px solid #ffffff1e;border-radius:3px;flex:none;width:26px;height:28px}.studio .sg-color-count{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-start;gap:0;font-size:11px;line-height:1.3;display:flex}.studio .sg-color-count small{color:#a3b09e;font-size:8px}.studio .sg-palette-select>svg{color:#c9dfb1;flex:none;margin-left:auto}.studio .sg-color-edit{color:#aabb9f;cursor:pointer;flex:none;place-items:center;width:22px;height:30px;margin-right:3px;display:grid;position:relative;overflow:hidden}.studio .sg-color-edit input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.studio .sg-add-color{color:#a5b795;width:100%;margin-top:10px;font-size:10px}.studio .sg-eyebrow{letter-spacing:1.15px;color:#93a684;margin-bottom:7px;font-size:8px;font-weight:650;line-height:1.6;display:block}.studio .sg-stitch-check h3{letter-spacing:-.4px;margin-bottom:16px;font-size:16px;font-weight:550}.studio .sg-check-stat{color:#bdcbb3;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:10px;display:flex}.studio .sg-check-stat strong{color:#deedca;font-size:18px;font-weight:500}.studio .sg-stitch-check .sg-secondary{gap:5px;padding:8px 5px;font-size:9px}.studio .sg-follow-panel{background:#242e28;border-top:1px solid #414a40;padding:21px 24px 0}.studio .sg-follow-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.studio .sg-follow-head h3{letter-spacing:-.8px;color:#e2ead9;font-size:23px;font-weight:450}.studio .sg-follow-options{align-items:center;gap:10px;display:flex}.studio .sg-follow-options>label{color:#a8b79e;flex-direction:column;gap:4px;font-size:9px;display:flex}.studio .sg-follow-options select{background:#1c261f;border-color:#4a5845;min-height:30px;padding:6px 8px;font-size:10px}.studio .sg-follow-body{align-items:center;gap:22px;padding:22px 0;display:flex}.studio .sg-row-stepper{flex:none;align-items:center;gap:10px;display:flex}.studio .sg-row-stepper>button{color:#c9deb7;background:#35442f;border:1px solid #4b5a43;width:34px;height:35px}.studio .sg-row-stepper>label{white-space:nowrap;color:#bdcdb0;align-items:center;gap:5px;font-size:10px;display:flex}.studio .sg-row-stepper input{text-align:center;color:#e5f3d7;background:#1a251d;border:1px solid #617255;width:38px;min-height:35px;padding:7px;font-size:14px}.studio .sg-row-stepper>label>span{color:#92a18a;font-size:9px}.studio .sg-row-instructions{border-left:1px solid #4a5542;flex:1;min-width:0;padding-left:20px}.studio .sg-row-direction{color:#b3c5a2;align-items:center;gap:7px;margin-bottom:9px;font-size:9px;display:flex}.studio .sg-runs{scrollbar-width:thin;scrollbar-color:#758968 transparent;flex-wrap:wrap;gap:5px;max-height:92px;display:flex;overflow:auto}.studio .sg-runs>span{color:#d7e6ca;background:#18221b;border:1px solid #46533f;border-radius:4px;align-items:center;gap:5px;padding:6px 7px;font-size:10px;line-height:1.1;display:inline-flex}.studio .sg-runs i{border:1px solid #ffffff2b;border-radius:1px;width:8px;height:8px;display:block}.studio .sg-runs strong{color:#aabda0;font-size:8px;font-weight:400}.studio .sg-copy-rows{flex:none;font-size:10px}.studio .sg-progress-track{background:#151e17;height:3px;margin:0 -24px}.studio .sg-progress-track>span{background:#c1db99;height:100%;transition:width .2s;display:block}.studio .sg-bottom-note{color:#8f9f87;background:#1b231e;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:9px;display:flex}.studio .sg-bottom-note>svg{flex:none}.studio .sg-bottom-note button{color:#bfd7a5;flex:none;padding:0 6px;font-size:9px}.studio .sg-bottom-note>span{max-width:650px}@media (min-width:1400px){.studio .sg-settings{flex-basis:250px}.studio .sg-yarn{flex-basis:225px}.studio .sg-canvas-viewport{min-height:570px}.studio .sg-section{padding:21px 20px}}@media (max-width:1100px){.studio .sg-settings{flex-basis:210px}.studio .sg-yarn{flex-basis:180px}.studio .sg-section{padding:17px 13px}.studio .sg-toolstrip{padding:9px}.studio .sg-tools{gap:0}.studio .sg-tools button{width:29px}.studio .sg-tool-divider{margin:0 4px}.studio .sg-chart-footer>span:last-child{display:none}.studio .sg-follow-panel{padding:19px 18px 0}.studio .sg-follow-body{gap:14px}.studio .sg-copy-rows{max-width:95px;padding:8px}.studio .sg-progress-track{margin:0 -18px}.studio .sg-follow-options{gap:6px}.studio .sg-follow-options select{max-width:144px}}@media (max-width:900px){.studio .sg-yarn{flex-basis:160px}.studio .sg-yarn .sg-section{padding:16px 10px}.studio .sg-swatch{width:21px;height:25px}.studio .sg-color-count{font-size:10px}.studio .sg-palette-select{gap:5px!important}.studio .sg-palette-letter{font-size:8px}.studio .sg-color-edit{width:18px}.studio .sg-stitch-check .sg-secondary{font-size:8px}.studio .sg-topbar{padding:12px 14px}.studio .sg-canvas-top{padding:10px 12px}.studio .sg-canvas-viewport{padding:20px 15px}.studio .sg-toolstrip{flex-wrap:wrap;justify-content:center;gap:6px}.studio .sg-zoom{margin-left:auto}.studio .sg-follow-head{align-items:flex-start}.studio .sg-follow-options{flex-wrap:wrap;justify-content:flex-end}.studio .sg-follow-body{flex-wrap:wrap}.studio .sg-row-instructions{min-width:220px}.studio .sg-copy-rows{max-width:none;margin-left:auto}.studio .sg-export-panel{gap:12px}}@media (max-width:700px){.studio.sg-studio{border-radius:10px}.studio .sg-topbar{gap:8px;padding:11px 12px}.studio .sg-file-icon{width:30px;height:33px}.studio .sg-file{flex:1;gap:7px}.studio .sg-file input{max-width:160px;font-size:11px}.studio .sg-file>div>span{max-width:190px;font-size:7px}.studio .sg-top-actions{gap:3px}.studio .sg-history{gap:0;padding-right:3px}.studio .sg-history button{width:26px;padding:4px}.studio .sg-project-open{display:none}.studio .sg-export-trigger{gap:5px;padding:9px}.studio .sg-export-trigger span{font-size:9px}.studio .sg-export-trigger>svg:last-child{display:none}.studio .sg-workspace{grid-template-columns:1fr;min-height:0;display:grid}.studio .sg-settings{border-right:0;border-bottom:1px solid var(--sg-line);background:#20272a;grid-template-columns:1fr 1fr;max-height:none;display:grid;overflow:visible}.studio .sg-mode-tabs{grid-column:1/-1;justify-content:space-around;gap:7px;padding:8px 12px;display:flex}.studio .sg-mode-tabs button{flex-direction:row;flex:1;padding:8px 4px;font-size:10px}.studio .sg-mode-tabs button>svg{width:16px}.studio .sg-settings .sg-section{border-bottom:0;padding:14px 12px}.studio .sg-section-title{gap:7px;margin-bottom:11px}.studio .sg-section-title h3{font-size:12px}.studio .sg-upload{gap:6px;min-height:125px;padding:15px 4px}.studio .sg-upload span{font-size:8px}.studio .sg-field-pair{gap:7px}.studio .sg-field,.studio .sg-range-label{margin-bottom:10px;font-size:9px}.studio .sg-range-label>span{font-size:8px}.studio .sg-gauge{border-top:1px solid var(--sg-line);grid-column:1/-1;grid-template-columns:1fr 1fr;gap:10px;display:grid}.studio .sg-gauge>summary,.studio .sg-gauge>.sg-help{grid-column:1/-1}.studio .sg-gauge>summary{display:flex}.studio .sg-gauge:not([open])>:not(summary){display:none}.studio .sg-gauge[open]>summary,.studio .sg-gauge .sg-help{margin-bottom:0}.studio .sg-gauge .sg-size-result{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;gap:0 12px;margin:0;padding:8px 10px;display:grid}.studio .sg-size-result>strong{grid-area:1/2/3;font-size:15px}.studio .sg-size-result>span:last-child{grid-column:1}.studio .sg-gauge .sg-check{grid-column:1/-1}.studio .sg-template-picker{border-top:1px solid var(--sg-line);grid-column:1/-1}.studio .sg-template-picker .sg-field{grid-template-columns:1fr 1fr;align-items:center;gap:12px;display:grid}.studio .sg-template-picker select{max-width:none}.studio .sg-canvas-viewport{min-height:350px;max-height:570px;padding:14px 10px 25px;overflow:auto}.studio .sg-chart-wrap{justify-content:safe center;padding:10px 10px 12px}.studio .sg-canvas-caption{font-size:8px}.studio .sg-canvas-top{height:45px;padding:8px 13px}.studio .sg-toolstrip{flex-wrap:nowrap;gap:5px;padding:9px 11px}.studio .sg-tools button{width:30px;height:31px}.studio .sg-zoom{gap:2px}.studio .sg-zoom .sg-fit{margin-left:1px;padding:4px 5px}.studio .sg-yarn{border-top:1px solid var(--sg-line);border-left:0;grid-template-columns:1fr 1fr;max-height:none;display:grid;overflow:visible}.studio .sg-yarn>.sg-section{padding:15px 12px}.studio .sg-yarn-heading h3{font-size:12px}.studio .sg-yarn .sg-help{font-size:9px}.studio .sg-palette{scrollbar-width:thin;grid-template-columns:1fr;max-height:232px;padding-right:2px;display:grid;overflow:auto}.studio .sg-palette-select{padding:5px!important}.studio .sg-swatch{width:22px;height:24px}.studio .sg-color-count{font-size:10px}.studio .sg-stitch-check{border-left:1px solid var(--sg-line)}.studio .sg-stitch-check .sg-eyebrow{font-size:7px}.studio .sg-stitch-check h3{font-size:16px}.studio .sg-stitch-check .sg-secondary{font-size:9px}.studio .sg-follow-panel{padding:17px 13px 0}.studio .sg-follow-head{display:block}.studio .sg-follow-head h3{font-size:24px}.studio .sg-follow-head .sg-eyebrow{margin-bottom:4px;font-size:7px}.studio .sg-follow-options{grid-template-columns:1.15fr 1fr 1fr;gap:7px;margin-top:17px;display:grid}.studio .sg-follow-options label{font-size:8px}.studio .sg-follow-options select{max-width:none;min-height:34px;padding:6px;font-size:9px}.studio .sg-follow-body{gap:15px;padding:19px 0}.studio .sg-row-stepper{justify-content:space-between;width:100%}.studio .sg-row-stepper>label{gap:9px;font-size:12px}.studio .sg-row-stepper input{width:47px;font-size:17px}.studio .sg-row-stepper>button{width:40px;height:35px}.studio .sg-row-instructions{border-left:0;flex-basis:100%;width:100%;padding-left:0}.studio .sg-runs{max-height:150px}.studio .sg-copy-rows{margin:0;padding:7px 10px;font-size:9px}.studio .sg-progress-track{margin:0 -13px}.studio .sg-bottom-note{align-items:flex-start;gap:6px;padding:11px 12px;font-size:8px;line-height:1.6}.studio .sg-bottom-note button{white-space:nowrap;padding:0;font-size:8px}.studio .sg-bottom-note>svg{margin-top:2px}.studio .sg-export-panel{gap:14px;padding:15px 13px}.studio .sg-export-panel>div:first-child{width:100%}.studio .sg-export-formats{width:100%;margin:0}.studio .sg-export-formats button{flex:1;padding:9px 7px;font-size:10px}.studio .sg-export-panel .sg-check{font-size:9px}.studio .sg-notice{padding:10px 12px;font-size:9px}}@media (max-width:390px){.studio .sg-file-icon{display:none}.studio .sg-file input{max-width:120px}.studio .sg-history button{width:24px}.studio .sg-tools button{width:27px;padding:5px}.studio .sg-tool-divider{margin:0 2px}.studio .sg-zoom{gap:0;font-size:9px}.studio .sg-zoom .sg-fit{display:none}.studio .sg-yarn{grid-template-columns:1fr}.studio .sg-stitch-check{border-left:0;border-top:1px solid var(--sg-line)}.studio .sg-palette{grid-template-columns:1fr 1fr}.studio .sg-stitch-check .sg-help{max-width:100%}}@media (prefers-reduced-motion:reduce){.studio *{scroll-behavior:auto!important;transition:none!important}}@media (min-width:701px){.studio .sg-topbar{gap:12px;min-height:54px;padding:8px 16px}.studio .sg-file-icon{border-radius:6px;width:30px;height:32px}.studio .sg-file{gap:9px}.studio .sg-file input{padding-bottom:2px;font-size:12px}.studio .sg-top-actions{gap:8px}.studio .sg-export-trigger{min-height:32px;padding:8px 12px}.studio .sg-notice{min-height:32px;padding:7px 16px}.studio .sg-workspace{height:clamp(360px,100dvh - 185px,740px);min-height:0}.studio .sg-settings{overscroll-behavior:contain;flex-basis:216px;min-height:0;max-height:100%}.studio .sg-yarn{overscroll-behavior:contain;flex-basis:186px;min-height:0;max-height:100%}.studio .sg-mode-tabs{z-index:2;background:var(--sg-panel);padding:8px;position:sticky;top:0}.studio .sg-mode-tabs button{gap:4px;padding:7px 3px}.studio .sg-section{padding:15px 14px}.studio .sg-section-title{margin-bottom:11px}.studio .sg-upload{gap:6px;padding:13px 7px}.studio .sg-help{margin-bottom:10px}.studio .sg-center{min-height:0;overflow:hidden}.studio .sg-canvas-top{height:39px;padding:6px 14px}.studio .sg-toolstrip{border-top:0;border-bottom:1px solid #343e3c;flex-wrap:nowrap;gap:7px;min-height:43px;padding:5px 12px}.studio .sg-tools{gap:2px}.studio .sg-tools button{width:30px;height:30px;padding:6px}.studio .sg-tool-divider{margin:0 4px}.studio .sg-zoom{gap:3px}.studio .sg-canvas-viewport{overscroll-behavior:contain;min-height:0;max-height:none;padding:16px 16px 20px}.studio .sg-chart-wrap{justify-content:safe center;align-items:safe center;min-height:100%;padding:8px 4px}.studio .sg-canvas-caption{display:none}.studio .sg-chart-footer{flex:none;min-height:27px;padding:6px 12px}.studio .sg-stitch-check h3{margin-bottom:12px;font-size:14px}.studio .sg-follow-panel{padding-top:15px}.studio .sg-follow-head h3{font-size:20px}.studio .sg-follow-body{padding:16px 0}}@media (min-width:701px) and (max-width:1050px){.studio .sg-settings{flex-basis:190px}.studio .sg-yarn{flex-basis:160px}.studio .sg-section{padding:13px 11px}.studio .sg-tools{gap:0}.studio .sg-tools button{width:27px}.studio .sg-toolstrip{flex-wrap:wrap;gap:4px;padding:5px 8px}.studio .sg-zoom{margin-left:auto}.studio .sg-tool-divider{margin:0 2px}}@media (max-width:700px){.studio .sg-toolstrip{border-top:0;border-bottom:1px solid #38423e}}