.app.tools-redesign{background:#fbf7f0;color:#142d3b;--primary:#294e60;--surface:#fbf7f0;--on-surface:#142d3b;max-width:760px;padding-bottom:0}body:has(.tools-redesign){background:#fbf7f0}.tools-redesign .topbar{padding:12px 14px;min-height:64px;background:#fbf7f0;border:0;box-shadow:none}.tools-redesign .topbar h1{font-size:22px;line-height:28px;font-weight:600;letter-spacing:-.4px}.tools-detail .topbar{min-height:56px;padding:8px 14px}.tools-home .topbar h1{font-size:30px;line-height:36px;font-weight:700}.tools-redesign .content{padding:0 14px 20px}.tools-home .content{padding-bottom:90px}.tools-redesign .bottomnav{background:#fffdf9;border:0}.tools-redesign .bottomnav [aria-current=page] .navicon{background:#f9dcd3;color:#713c2c;border-radius:24px}.tool-cards{display:flex;flex-direction:column;gap:12px}.tool-choice{display:flex;gap:14px;align-items:center;min-height:94px;border:1px solid #c7cbd0;border-radius:12px;padding:14px 12px;text-decoration:none;color:inherit;background:#fffdf940;width:100%;text-align:left;font:inherit}.tool-choice[aria-pressed=true]{border-color:#294e60;background:#f4eae3}.tool-choice>span:not(.tool-chevron){flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.tool-choice strong{font-size:18px;line-height:24px;font-weight:600}.tool-choice small{font-size:16px;line-height:21px;color:#485c69;-webkit-hyphens:none;hyphens:none}.tool-choice :is(.tool-figure,.tile-glyph){width:54px;height:54px;flex:none}.tool-chevron{font-size:26px}.tools-start{display:flex;flex-direction:column;gap:16px}.tools-redesign .hint{font-size:16px;line-height:22px;color:#485c69;margin:0}.tools-start h2{margin:0;font-size:18px;line-height:24px;font-weight:500}.tools-start .tool-choice{min-height:76px;padding:10px}.tools-start .tool-choice :is(.tool-figure,.tile-glyph){width:42px;height:42px}.tools-start .tool-choice strong{font-size:16px}.tools-start .tool-cards{gap:8px}.tools-redesign .fieldlabel{font-size:16px}.tools-redesign .button{min-height:48px;border-radius:12px;font-size:16px;background:#294e60}.tools-redesign .button.secondary{background:transparent;border:1px solid #7e909d;color:#142d3b}.tools-start-button{width:100%;border-radius:24px!important}.tools-draft-actions{display:flex;flex-wrap:wrap;gap:8px}.tools-redesign .tools-parameters{display:flex;align-items:center;gap:5px;min-height:44px;padding:6px 8px;font-size:14px}.tools-library{display:flex;align-items:center;justify-content:center;gap:8px}.tools-library .tool-figure{width:28px;height:28px}.tools-draft-actions .hint{width:100%}.tools-draft-actions .button{flex:1 1;white-space:normal}.tools-delete-draft{margin-top:16px}.tools-grid-label{display:flex;flex-direction:column;gap:6px;font-size:16px}.tools-grid-label select{min-height:48px;width:100%;border:1px solid #bdc5c4;border-radius:8px;background:#fffdf9;color:#142d3b;font:inherit;padding:10px}.block-editor.block-studio{margin:0}.block-studio>.project-block-editor{padding:0;border:0;background:transparent;width:100%;min-width:0;gap:12px}.block-studio>.project-block-editor .block-pin{position:relative!important;top:auto!important;height:auto!important;padding:0;box-shadow:none;background:transparent;gap:0}.block-studio>.project-block-editor .block-pin>svg{width:calc(100% - 124px);max-height:320px;height:auto;margin:0;display:block;justify-self:start}.block-studio>.project-block-editor .block-history{position:absolute;right:0;top:48px;width:116px;display:flex;flex-direction:column;gap:10px;z-index:1}.block-studio>.project-block-editor .block-history .button{border-radius:24px;width:100%;padding:8px 4px;display:flex;align-items:center;justify-content:center;gap:6px;white-space:normal}.block-studio>.project-block-editor .block-history .history-word{min-width:0;overflow-wrap:anywhere;display:inline!important}.block-studio>.project-block-editor .block-pin-mark{display:none}.block-studio>.project-block-editor .quick-fabrics{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:8px 0;margin:0;gap:0}.block-studio>.project-block-editor .palette-swatch,.block-studio>.project-block-editor .quick-fabric-new{flex:none;width:48px;height:48px;min-width:48px}.block-studio>.project-block-editor .palette-swatch>span{width:32px;height:32px}.block-studio>.project-block-editor .block-parts-panel{padding:0;border:0;background:transparent;width:100%;min-width:0;margin:0}.block-studio>.project-block-editor .block-part-color{display:none}.block-studio>.project-block-editor .color-modes{display:flex;flex-wrap:nowrap;gap:6px;border-top:1px solid #c7cbd0;padding-top:12px}.block-studio>.project-block-editor .color-modes>.button{flex:1 1;min-width:0;padding:6px 3px;line-height:20px;white-space:normal;letter-spacing:-.3px}.block-studio>.project-block-editor .color-modes>.button:last-child{flex-grow:1.35}.block-studio>.project-block-editor .color-modes>.button[aria-pressed=true]{background:#f9dcd3;border-color:#f9dcd3}.block-studio>.project-block-editor .block-editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.block-studio>.project-block-editor .block-editor-actions>.button{white-space:normal;line-height:22px;padding:10px 8px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:64px;font-weight:500}.block-studio>.project-block-editor .block-editor-actions>.button>span:not(.tool-action-chevron){min-width:0}.tool-action-glyph{width:24px;height:24px;flex:none}.tool-action-chevron{margin-left:auto;font-size:24px}.block-studio>.project-block-editor .block-color-editor{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0}.block-studio>.project-block-editor .block-color-editor>.block-parts{order:-2;width:calc(100% - 124px);margin:0;align-self:flex-start}.block-studio>.project-block-editor .block-color-editor>.piece-fabrics{order:-1;flex-wrap:nowrap;overflow-x:auto}.block-studio>.project-block-editor .piece-fabrics .button{flex:none}.tools-redesign .button.tools-block-options{margin:0 0 0 auto;width:auto;display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:transparent;padding:6px 0 6px 10px;font-weight:500}.tools-grid-control{position:relative;display:flex;align-items:center}.tools-grid-control .tool-figure{position:absolute;left:10px;width:32px;height:32px;pointer-events:none}.tools-grid-control select{padding-left:54px}.tools-panel-backdrop{position:fixed;inset:0;background:#0006;z-index:70;display:flex;align-items:flex-end;justify-content:center}.tools-panel{position:fixed;inset:auto 0 0;margin:0 auto;padding:0;border:0;width:min(100%,600px);max-width:none;max-height:90dvh;background:#fbf7f0;border-radius:22px 22px 0 0;color:#142d3b}.tools-panel[open]{display:flex;flex-direction:column}.tools-panel::backdrop{background:#0006}.tools-panel>footer,.tools-panel>header{padding:12px 16px;display:flex;align-items:center;gap:10px}.tools-panel h2{font-size:22px;margin:0;flex:1 1}.tools-panel-body{overflow:auto;padding:0 16px 16px}.tools-panel .block-cutting{margin:0}.tools-studio-sheet .wizard-edit-preview{display:flex;justify-content:center;background:transparent;padding:0}.tools-studio-sheet .wizard-edit-preview>svg{width:144px;height:144px}.tools-studio-sheet{width:min(100%,600px);max-width:none;inset:auto 0 0;margin:0 auto;border-radius:22px 22px 0 0}.tools-studio-sheet .wizard-edit-heading h2{font-size:22px;color:#142d3b}.tools-studio-sheet .wizard-edit-footer .button{flex:1 1}.tools-studio-sheet .wizard-edit-card{background:transparent;border:0;padding:0}.tools-studio-sheet .wizard-edit-rotations button{min-height:48px;border-radius:8px}.tools-studio-sheet .wizard-edit-rotations button[aria-pressed=true]{background:#f9dcd3;color:#142d3b;border-color:#f9dcd3}.tools-studio-sheet .wizard-edit-rotations button>span{display:none}.tools-studio-sheet .wizard-edit-dimensions>div{border:0;padding:0;border-radius:0}.tools-studio-sheet .wizard-edit-counter{margin-top:6px;background:transparent}.tools-studio-sheet .wizard-edit-counter button{background:transparent}.tools-studio-sheet .wizard-edit-pieces-entry{border:0;border-top:1px solid #c7cbd0;border-radius:0;background:transparent;padding:14px 0 0;min-height:64px}.tools-studio-sheet .wizard-edit-grid-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #c7cbd0;border-radius:8px}.tools-studio-sheet .wizard-edit-grid-icon .tool-figure{width:42px;height:42px}.tools-studio-sheet .wizard-edit-pieces-entry strong{font-weight:600}.tools-studio-sheet .wizard-edit-card h3{font-size:16px;line-height:22px;font-weight:500}.tools-studio-sheet .wizard-edit-footer .button{min-height:52px;border-radius:14px;font-weight:500}.tools-studio-sheet::backdrop{background:#0008;-webkit-backdrop-filter:none;backdrop-filter:none}.tools-studio-sheet .wizard-edit-body{max-height:calc(90dvh - 150px)}.block-geometry-fields{display:flex;flex-direction:column;gap:12px}.tools-main-geometry .wizard-edit-card{background:transparent;border:0;padding:0}.tools-main-geometry .wizard-edit-card h3{font-size:16px;font-weight:500;margin:0 0 6px}.tools-main-geometry .wizard-edit-card small{display:block;margin-bottom:6px}.tools-main-geometry .wizard-edit-rotations button{min-height:48px;border-radius:8px}.tools-main-geometry .wizard-edit-rotations button>span{display:none}.tools-main-geometry .wizard-edit-rotations button[aria-pressed=true]{background:#f9dcd3;color:#142d3b;border-color:#f9dcd3}.tools-main-geometry .wizard-edit-dimensions>div{border:0;padding:0}.tools-main-geometry .wizard-edit-counter{margin-top:6px;background:transparent}.tools-main-geometry .wizard-edit-counter button{background:transparent}@media(min-width:700px){.tool-cards{display:grid;grid-template-columns:1fr 1fr}}.tools-detail:has([data-click-editor],[data-block-save]) .content{padding-bottom:90px}.block-studio>.project-block-editor .click-editor{display:flex;flex-direction:column;gap:6px}.click-live-preview{position:sticky;top:56px;z-index:3;display:flex;align-items:center;gap:12px;background:#fbf7f0;padding:4px 0}.click-live-preview .block-parts{width:104px;height:104px;flex:none;margin:0}.click-live-preview>span{padding:10px;border-radius:10px;background:#e7effa;color:#36577d;font-size:16px;line-height:22px}.click-grid-heading{display:flex;justify-content:space-between;align-items:center}.click-grid-button{background:transparent;border:0;min-height:48px;font:inherit;color:inherit}.block-studio>.project-block-editor .click-editor>.block-parts{width:min(100%,252px);height:auto;margin:0 auto;order:0;align-self:center}.click-editor .block-parts{--primary:#e77b66}.click-palette{display:flex;overflow-x:auto;gap:0;flex-wrap:nowrap;min-width:0}.click-palette>.palette-swatch,.click-palette>.quick-fabric-new{width:48px;height:48px;min-width:48px;flex:none}.click-palette>.palette-swatch>span{width:32px;height:32px}.click-palette>.quick-fabric-new{position:sticky;right:0;z-index:1;background:#faf7f0}.block-studio>.project-block-editor .click-toolbar{display:flex;flex-wrap:wrap;gap:6px}.block-studio>.project-block-editor .click-toolbar .block-history,.click-piece-panel .block-history{position:static;display:flex;flex-direction:row;width:auto;gap:6px;margin:0}.block-studio>.project-block-editor .click-toolbar .block-history{flex:2 1;min-width:0}.block-studio>.project-block-editor .click-toolbar .block-history .button{flex:1 1;min-width:0}.block-studio>.project-block-editor .click-toolbar .button,.click-piece-panel .block-history .button{width:auto;min-height:48px;border-radius:8px;padding:6px 8px;font-size:16px}.click-toolbar>.button{flex:1 1;min-width:0}.click-pieces-editor>.block-parts{position:sticky;top:0;z-index:2;background:#faf7f0}.tools-pieces-sheet{height:min(720px,calc(100dvh - 32px))}.tools-pieces-sheet[open]{display:flex;flex-direction:column;overflow:hidden}.tools-pieces-sheet>.wizard-edit-footer,.tools-pieces-sheet>.wizard-edit-handle,.tools-pieces-sheet>.wizard-edit-heading,.tools-pieces-sheet>p{flex-shrink:0}.block-studio .tools-pieces-sheet .click-pieces-editor>.block-parts{display:block;width:min(100%,32dvh,280px);height:auto;margin:0 auto}.tools-pieces-sheet .wizard-edit-body{flex:1 1;min-height:0;max-height:none;overflow:hidden}.tools-pieces-sheet .click-pieces-editor{display:flex;flex-direction:column;min-height:0;flex:1 1}.tools-pieces-sheet .click-pieces-editor>.block-parts{flex-shrink:0}.click-pieces-controls{flex:1 1;min-height:0;overflow:auto;overscroll-behavior:contain;padding-bottom:8px}.click-pieces-controls .click-toolbar{position:sticky;top:0;z-index:3;background:#faf7f0}.click-secondary-options{margin-top:4px}.click-secondary-options>summary{min-height:48px;padding:12px 0;cursor:pointer}.click-secondary-options[open]{display:flex;flex-direction:column;gap:8px}.click-piece-panel{max-height:58dvh;background:#fffdf9}.click-piece-panel h2{font-size:18px}.click-piece-panel .tools-panel-body{display:flex;flex-direction:column;gap:6px}.click-piece-panel .tools-panel-body>*{flex-shrink:0}.click-piece-panel .click-palette{min-height:48px}.block-studio>.project-block-editor .click-piece-panel .block-history{position:static;display:flex;flex-direction:row;width:100%;gap:8px;margin:0}.block-studio>.project-block-editor .click-piece-panel .block-history .button{width:auto;flex:1 1;min-height:48px;border-radius:8px;padding:6px 8px}.click-piece-summary{display:flex;align-items:center;gap:14px}.click-piece-summary>.block-parts{width:64px;height:64px;margin:0;flex:none}.click-piece-summary p{font-size:16px;margin:4px 0}.click-transform{display:flex;gap:12px}.click-transform>.button{flex:1 1}.click-action{display:flex;gap:10px;align-items:center;text-align:left;min-height:48px;border:1px solid #d3d9dd;border-radius:8px;padding:10px;background:#fffdf9;font:inherit;color:#213e52}.click-action>span{margin-left:auto}.click-apply{display:flex;flex-direction:column;gap:6px}.click-multiple{display:flex;align-items:center;gap:8px;min-height:48px}.click-save-screen{display:flex;flex-direction:column;gap:10px}.click-save-preview{width:144px;margin:0 auto;pointer-events:none}.click-save-screen input,.click-save-screen select{font:inherit;color:inherit;border:1px solid #bac4cc;border-radius:6px;min-height:48px;padding:8px;background:#fffdf9}.click-save-information,.click-save-screen .block-cutting-section{border:1px solid #d3d9dd;border-radius:10px;padding:10px;background:#fffdf9}.click-save-information summary{font-weight:600;min-height:28px}.click-save-information dl{margin:10px 0 0}.click-save-information dl>div{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid #e0e4e6}.click-save-information dd{margin:0;font-weight:600}.click-save-screen .block-cutting{margin:0}.click-save-screen .block-cutting-section{padding:0 10px}.click-save-screen .block-cutting-section summary{min-height:48px;padding:12px 0}@media(min-width:700px){.block-studio>.project-block-editor .click-editor>.block-parts{width:440px}}.click-save-screen h2{margin:0;font-size:24px;line-height:1.25;color:#173041}.click-save-name-card{display:flex;flex-direction:column;gap:12px;padding:16px;border:2px solid #2e5c70;border-radius:18px;background:#e5f1ed}.click-save-name-row{display:flex;align-items:center;gap:12px;min-width:0}.click-save-name-card .click-save-preview{flex:0 0 88px;width:88px;margin:0}.click-save-name-field{flex:1 1;min-width:0}.click-save-name-field label{display:block;font-weight:700;margin-bottom:8px}.click-save-name-field input{box-sizing:border-box;width:100%;min-height:56px;border:2px solid #2e5c70;font-size:18px}.click-save-name-field input:focus-visible{outline:3px solid #ae4b31;outline-offset:2px}.click-save-name-card p{margin:0;line-height:1.5}.click-save-name-card .button{width:100%;min-height:52px;font-weight:700}