.blog-marketing.tools-shell{--bg:hsl(var(--background));--bg-alt:hsl(var(--background));--card:hsl(var(--card));--brand:hsl(var(--primary));--brand-h:hsl(var(--primary));--text:hsl(var(--foreground));--sub:hsl(var(--muted-foreground));--border:inherit;--mk-border:hsl(var(--border));--nav-bg:hsl(var(--background)/0.96);--shadow:hsl(var(--primary)/0.16);--tag-bg:hsl(var(--primary)/0.12);--cta-bg:hsl(var(--foreground));--cta-text:hsl(var(--background));--btn-text:hsl(var(--primary-foreground));font-family:inherit;background:hsl(var(--background));color:hsl(var(--foreground))}.blog-marketing.tools-shell .article{max-width:1160px;padding-bottom:64px}.blog-marketing.tools-shell-app>nav{border-bottom:1px solid var(--mk-border)}.blog-marketing.tools-shell-app .article.tools-stage{max-width:none;padding-bottom:0}.tools-detail{--tools-rail-width:248px}.blog-marketing.tools-shell-app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.blog-marketing.tools-shell-app .nav-inner{max-width:none;width:100%;padding-left:20px;padding-right:20px}.blog-marketing.tools-shell-app>main{display:flex;flex:1;min-height:0;width:100%}.blog-marketing.tools-shell-app .tools-detail{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.tools-rail-desktop{display:none}.tools-rail-mobile{display:flex;align-items:center;gap:12px;padding:12px 16px 0}.tools-rail-open{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--mk-border);background:hsl(var(--card));color:inherit;font-size:13px;font-weight:700}.tools-rail-open-icon{width:16px;height:16px}.tools-rail-mobile .back-link{margin-bottom:0}.tools-stage{flex:1;padding:12px 16px 24px}.tools-stage,.tools-stage-inner{min-width:0;display:flex;flex-direction:column}.tools-stage-inner{width:100%;max-width:1160px;margin:0 auto;flex:1 0 auto}.tools-rail-index{display:block;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--sub);padding:4px 8px 12px}.tools-rail-desktop .tools-rail-index{position:sticky;top:0;z-index:1;padding:4px 8px 12px}.tools-rail-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.tools-rail-item{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 8px;border-radius:12px;color:inherit}.tools-rail-item:hover{background:hsl(var(--muted))}.tools-rail-item.is-active{background:hsl(var(--primary)/.12);color:var(--brand-h)}.tools-rail-thumb{width:36px;height:36px;flex-shrink:0;overflow:hidden;border-radius:8px;background:hsl(var(--muted));display:grid;place-items:center;font-size:14px}.tools-rail-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tools-rail-name{font-size:13px;font-weight:650;line-height:1.3}.tools-rail-drawer{position:fixed;inset:0;z-index:120}.tools-rail-backdrop{position:absolute;inset:0;background:hsl(var(--foreground)/.42)}.tools-rail-panel{position:absolute;top:0;left:0;bottom:0;width:min(86vw,320px);overflow:auto;padding:16px 12px 28px;background:hsl(var(--background));box-shadow:12px 0 32px hsl(var(--foreground)/.12)}.tools-rail-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 8px 12px}.tools-rail-panel-head p{margin:0;font-size:15px;font-weight:800}.tools-rail-close{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:inherit}.tools-rail-close svg{width:18px;height:18px}@media (min-width:960px){.blog-marketing.tools-shell-app{height:100vh;height:100dvh;overflow:hidden}.blog-marketing.tools-shell-app>main{overflow:hidden}.blog-marketing.tools-shell-app .tools-detail{flex-direction:row;align-items:stretch;height:100%;min-height:0}.tools-rail-desktop{display:flex;flex-direction:column;flex:0 0 var(--tools-rail-width);width:var(--tools-rail-width);height:100%;overflow:auto;padding:16px 10px 24px;border-right:1px solid var(--mk-border);background:hsl(var(--muted)/.35)}.tools-rail-drawer,.tools-rail-mobile{display:none}.tools-stage{height:100%;overflow:auto;padding:16px 32px 28px}.tools-stage-inner{min-height:100%}.tools-shell-app .tools-workspace{min-height:calc(100% - 5.75rem)}}@media (max-width:1024px) and (orientation:portrait),(max-width:768px){.tools-rail-mobile{padding:10px 16px 0}.tools-stage{padding:8px 16px 24px}}.blog-marketing.tools-shell .nav-theme-switch button{width:36px;height:36px;border-radius:8px;color:inherit}.blog-marketing .article h1,.blog-marketing .container h1,.blog-marketing .meta,.blog-marketing .tools-card-body h2,.blog-marketing .tools-card-body p{word-spacing:normal;letter-spacing:normal}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.tools-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--mk-border);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease}.tools-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px var(--shadow)}.tools-card-cover{aspect-ratio:16/9;background:linear-gradient(135deg,rgba(201,168,76,.16),rgba(26,26,26,.06));display:flex;align-items:center;justify-content:center;overflow:hidden}.tools-card-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tools-card-body{padding:1.1rem 1.2rem 1.25rem}.tools-card-body h2{margin:0 0 .45rem;font-size:1.15rem}.tools-card-body p{margin:0;color:var(--sub);line-height:1.55;font-size:.95rem}.tools-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.85rem}.tools-chip{font-size:.75rem;padding:.2rem .55rem;border-radius:999px;background:var(--tag-bg);color:var(--brand-h)}.tools-hero{text-align:center;padding:.25rem 0 1.75rem}.blog-marketing.tools-shell .tools-hero h1{max-width:18ch;margin:0 auto;font-size:clamp(2rem,4vw,2.75rem);line-height:1.15}.blog-marketing.tools-shell .tools-hero .meta{max-width:40rem;margin:.85rem auto 0;font-size:1.05rem;line-height:1.6;color:var(--sub)}.blog-marketing.tools-shell-app .tools-hero{flex-shrink:0;text-align:left;padding:0 0 .65rem}.blog-marketing.tools-shell-app .tools-hero h1{max-width:none;margin:0;font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.2}.blog-marketing.tools-shell-app .tools-hero .meta{max-width:52rem;margin:.3rem 0 0;font-size:.9rem;line-height:1.45}.tools-workspace{margin-top:0;padding:1.5rem;border:1px solid var(--mk-border);border-radius:18px;background:hsl(var(--muted))}.tools-shell-app .tools-workspace{flex:1 0 auto;min-height:0;display:flex;flex-direction:column;padding:1.15rem}.tools-shell-app .tools-workspace>*{flex:1 1 auto;min-height:0}.tools-workspace h2{margin:0 0 .75rem}.tools-details{margin-top:2.75rem}.tools-faq{margin-top:2rem}.tools-workbench{display:grid;gap:1rem}.tools-workbench-form,.tools-workbench-result{min-width:0;background:hsl(var(--card));border:1px solid var(--mk-border);border-radius:16px;padding:1.15rem 1.2rem 1.3rem}.tools-workbench-result{display:flex;flex-direction:column;min-height:280px}.tools-result-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.tools-result-head h3{margin:0;font-size:.95rem;font-weight:700}.tools-download-btn{display:inline-flex;align-items:center;gap:.4rem;min-width:auto;padding:8px 14px}.tools-result-head-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.tools-result-frame{display:flex;flex:1;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:hsl(var(--background))}.tools-result-frame img,.tools-result-frame video{display:block;max-width:100%;max-height:min(72vh,720px);-o-object-fit:contain;object-fit:contain}.tools-result-empty{display:flex;flex:1;align-items:center;justify-content:center;min-height:240px;padding:1.25rem;border:1.5px dashed var(--mk-border);border-radius:12px;background:hsl(var(--background));color:var(--sub);text-align:center;line-height:1.5}@media (min-width:900px){.tools-workbench{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start}.tools-workbench-result{position:sticky;top:80px;min-height:420px}.tools-workbench--single{grid-template-columns:minmax(0,1fr)}.tools-workbench--single .tools-workbench-result{position:static;min-height:0}.tools-workbench--sketch{grid-template-columns:minmax(0,1fr);align-items:stretch}.tools-workbench--bubbles{align-items:stretch;grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr);grid-template-areas:"form preview" "result result"}.tools-workbench--bubbles .tools-workbench-form{grid-area:form;min-height:0;overflow:auto}.tools-workbench--bubbles .tools-workbench-preview{grid-area:preview;align-self:stretch;position:static;max-height:none;min-height:0;overflow:auto}.tools-workbench--bubbles .tools-workbench-result{grid-area:result;position:static;min-height:0}}.tools-workbench-preview{min-width:0;background:hsl(var(--card));border:1px solid var(--mk-border);border-radius:16px;padding:1.15rem 1.2rem 1.3rem;display:flex;flex-direction:column}.tools-workbench--bubbles{--bubble-stage-h:min(52dvh,560px)}.tools-workbench--bubbles .tools-bubble-stage-wrap{display:flex;align-items:center;justify-content:center;width:100%;flex:0 0 auto;height:var(--bubble-stage-h)}.tools-workbench--bubbles .tools-bubble-stage{max-width:100%;max-height:100%;min-width:0}.tools-workbench--bubbles .tools-bubble-stage img{max-width:100%;width:auto;height:auto;max-height:calc(var(--bubble-stage-h) - 2px)}.tools-workbench--bubbles .tools-bubble-drop{display:flex;align-items:center;justify-content:center;height:var(--bubble-stage-h);min-height:0}.tools-workbench--bubbles .tools-workbench-result .tools-result-empty{min-height:72px}.tools-workbench--bubbles.has-result .tools-workbench-result .tools-result-frame{min-height:180px}.tools-workbench-result--pending{min-height:0;padding:.85rem 1.1rem}.tools-workbench-result--pending .tools-result-empty{flex:none;min-height:0;padding:.55rem .75rem;border:none;border-radius:0;background:transparent;justify-content:flex-start;text-align:left}.blog-marketing .tools-quick-btn{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;margin-bottom:1rem;padding:.7rem 1rem;border:1px solid hsl(var(--primary));border-radius:10px;background:hsl(var(--primary)/.12);color:hsl(var(--primary));font:inherit;font-weight:700;cursor:pointer}.blog-marketing .tools-quick-btn:hover{background:hsl(var(--primary)/.2)}.tools-quick-field{display:grid;gap:.4rem;font-size:.85rem;font-weight:600}.tools-quick-field textarea{width:100%;min-height:140px;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--input));color:hsl(var(--foreground));padding:.65rem .75rem;font:inherit;font-weight:400;resize:vertical}.tools-quick-status{display:flex;align-items:center;gap:.45rem;margin:0;font-size:.85rem;color:hsl(var(--muted-foreground))}.tools-form label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem}.tools-form input[type=text],.tools-form input[type=url],.tools-form select,.tools-form textarea{width:100%;border:1px solid var(--mk-border);border-radius:10px;background:hsl(var(--input));color:var(--text);padding:.65rem .75rem;font:inherit}.tools-form textarea{min-height:110px;resize:vertical}.tools-form .field{margin-bottom:1rem}.tools-field-hint{margin:-.15rem 0 .45rem;font-size:.78rem;font-weight:500;color:var(--sub)}.tools-prompt-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.tools-prompt-head label{margin-bottom:0}.blog-marketing .tools-prompt-btn{display:inline-flex;align-items:center;gap:.3rem;height:28px;padding:0 10px;border:1px solid hsl(var(--primary)/.45);border-radius:999px;background:hsl(var(--primary)/.12);color:hsl(var(--primary));font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}.blog-marketing .tools-prompt-btn:hover:not(:disabled){background:hsl(var(--primary)/.2)}.blog-marketing .tools-prompt-btn:disabled{opacity:.6;cursor:not-allowed}.tools-form-row{display:grid;gap:.85rem}.tools-bubble-list{display:grid;gap:.75rem}.tools-bubble-list-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.92rem;font-weight:600}.tools-bubble-add{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.82rem}.tools-bubble-card{border:1px solid var(--mk-border);border-radius:12px;padding:.85rem;display:grid;gap:.65rem;background:hsl(var(--card))}.tools-bubble-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tools-bubble-card-head label{font-weight:600;font-size:.88rem}.tools-bubble-pager{display:flex;align-items:center;gap:.3rem;min-width:0}.tools-bubble-pager label{margin:0;min-width:5.5rem;text-align:center}.tools-bubble-nav{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border:1px solid var(--mk-border);border-radius:8px;background:hsl(var(--background));color:hsl(var(--foreground));cursor:pointer}.tools-bubble-nav:hover:not(:disabled){background:hsl(var(--muted)/.5)}.tools-bubble-nav:disabled{opacity:.4;cursor:not-allowed}.tools-bubble-remove{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:hsl(var(--muted-foreground));cursor:pointer}.tools-bubble-remove:hover{color:hsl(var(--foreground));background:hsl(var(--muted)/.5)}.tools-bubble-card.is-active{border-color:hsl(var(--primary)/.55);box-shadow:0 0 0 3px hsl(var(--primary)/.12)}.tools-bubble-stage-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.45rem}.tools-bubble-stage-head label{margin-bottom:0}.tools-bubble-replace{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.8rem}.tools-bubble-stage{position:relative;display:inline-block;max-width:100%;line-height:0;overflow:hidden;border:1px solid var(--mk-border);border-radius:14px;background:hsl(var(--muted)/.25);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.tools-bubble-stage img{display:block;max-width:100%;width:auto;height:auto;max-height:min(70vh,640px);pointer-events:none}.tools-bubble-overlay{position:absolute;inset:0;z-index:1}.tools-bubble-hint{margin:.45rem 0 0;font-size:.8rem;color:hsl(var(--muted-foreground));line-height:1.4}.tools-bubble-live{position:absolute;inset:0;z-index:2;pointer-events:none}.tools-bubble-live.is-active{z-index:4}.tools-bubble-svg{position:absolute;inset:0;overflow:visible;pointer-events:none;filter:drop-shadow(0 1px 1px rgb(0 0 0/.18))}.tools-bubble-live.is-active .tools-bubble-svg{filter:drop-shadow(0 1px 0 rgb(0 0 0/.28)) drop-shadow(0 3px 8px rgb(0 0 0/.16))}.tools-bubble-ink{pointer-events:none}.tools-bubble-svg [data-bubble-handle]{pointer-events:visiblePainted;cursor:grab;touch-action:none}.tools-bubble-svg [data-bubble-handle]:active{cursor:grabbing}.tools-bubble-live-text{position:absolute;z-index:2;display:grid;place-items:center;overflow:hidden;padding:2px 4px;transform:translate(-50%,-50%);color:#161616;font-weight:400;font-synthesis:weight;line-height:1.15;text-align:center;word-break:break-word;pointer-events:none}.tools-bubble-live-text.is-sfx{z-index:3;padding:0;letter-spacing:.03em;pointer-events:auto;cursor:grab;touch-action:none;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 2px 0 #fff}.tools-bubble-live-text.is-sfx:active{cursor:grabbing}.tools-bubble-live-text.is-invert{color:#fff}.tools-bubble-live-text.is-outline{color:transparent;-webkit-text-stroke:1.15px #161616;letter-spacing:.04em;text-shadow:none}.tools-bubble-edge{position:absolute;z-index:5;width:18px;height:18px;transform:translate(-50%,-50%);background:transparent;cursor:nwse-resize;pointer-events:auto;touch-action:none}.tools-bubble-xy{gap:.4rem;margin-left:auto}.tools-bubble-xy,.tools-bubble-xy label{display:inline-flex;flex:none;align-items:center}.tools-bubble-xy label{gap:.28rem;font-size:.68rem;font-weight:700;letter-spacing:.04em;color:hsl(var(--muted-foreground))}.tools-bubble-xy input{flex:none;width:4.75rem;height:28px;padding:0 .45rem;border:1px solid var(--mk-border);border-radius:8px;background:hsl(var(--background));color:hsl(var(--foreground));font-size:.78rem;font-weight:650;letter-spacing:0;font-variant-numeric:tabular-nums;text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.tools-bubble-xy input::-webkit-inner-spin-button,.tools-bubble-xy input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tools-bubble-xy input:focus{outline:none;border-color:hsl(var(--primary)/.7);box-shadow:0 0 0 3px hsl(var(--primary)/.12)}.tools-bubble-fine{display:grid;gap:.55rem;margin-top:.65rem;padding:.7rem .8rem;border:1px solid var(--mk-border);border-radius:14px;background:hsl(var(--card))}.tools-bubble-fine-label{flex:none;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.tools-bubble-fine-row,.tools-bubble-fine-scale{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;font-size:.78rem;color:hsl(var(--muted-foreground))}.tools-bubble-nudge{display:inline-flex;overflow:hidden;border:1px solid var(--mk-border);border-radius:10px;background:hsl(var(--background))}.tools-bubble-nudge button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0;border:0;border-right:1px solid var(--mk-border);border-radius:0;background:transparent;color:hsl(var(--foreground));cursor:pointer}.tools-bubble-nudge button:last-child{border-right:0}.tools-bubble-nudge button:hover{background:hsl(var(--primary)/.08);color:hsl(var(--primary))}.tools-bubble-nudge button:active{background:hsl(var(--primary)/.16)}.tools-bubble-fine-scale input[type=range]{flex:1;min-width:80px;height:18px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;accent-color:hsl(var(--primary))}.tools-bubble-fine-scale input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:hsl(var(--foreground)/.12)}.tools-bubble-fine-scale input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:hsl(var(--primary));border:2px solid hsl(var(--background));box-shadow:0 0 0 1px hsl(var(--primary)/.28);cursor:pointer}.tools-bubble-fine-scale input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:hsl(var(--foreground)/.12)}.tools-bubble-fine-scale input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:hsl(var(--primary));border:2px solid hsl(var(--background));box-shadow:0 0 0 1px hsl(var(--primary)/.28);cursor:pointer}.tools-bubble-fine-scale em{flex:none;min-width:3.6rem;padding:.15rem .5rem;border-radius:999px;background:var(--tag-bg);color:var(--brand-h);font-style:normal;font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:0;text-align:center;white-space:nowrap}.tools-bubble-colors,.tools-bubble-fonts{display:flex;flex-wrap:wrap;gap:.35rem}.tools-bubble-color{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:2px solid #161616;border-radius:999px;font-size:.72rem;font-weight:800;line-height:1;cursor:pointer}.tools-bubble-color.is-active{box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 4px hsl(var(--primary))}.tools-bubble-font{height:28px;padding:0 .65rem;border:1px solid var(--mk-border);border-radius:999px;background:hsl(var(--background));color:hsl(var(--foreground));font-size:.78rem;font-weight:400;font-synthesis:weight;cursor:pointer}.tools-bubble-font.is-bold{font-weight:800}.tools-bubble-font.is-light{font-weight:300}.tools-bubble-font.is-active{border-color:hsl(var(--primary));background:hsl(var(--primary)/.12);color:hsl(var(--primary))}.tools-bubble-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;max-height:280px;overflow:auto;padding-right:2px}.tools-bubble-style{display:grid;justify-items:center;gap:.2rem;min-width:0;padding:.35rem .2rem .4rem;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--background));color:hsl(var(--foreground));font:inherit;font-size:.68rem;line-height:1.2;cursor:pointer}.tools-bubble-style span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tools-bubble-style.is-active{border-color:hsl(var(--primary));background:hsl(var(--primary)/.1);color:hsl(var(--primary))}.tools-bubble-style-svg{width:42px;height:28px}@media (min-width:640px){.tools-form-row{grid-template-columns:1fr 1fr}.tools-form-row-3{grid-template-columns:1fr 1fr 1fr}}.tools-style-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;padding:.65rem .75rem;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--input));color:var(--text);font:inherit;font-weight:500;text-align:left;cursor:pointer}.blog-marketing .tools-style-btn,.tools-workbench--sketch .tools-sketch-toolbar select{border:1px solid hsl(var(--border))}.tools-sketch-template-label{margin:0 0 .4rem;font-size:11px;font-weight:600;color:hsl(var(--muted-foreground))}.tools-sketch-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.blog-marketing .tools-sketch-layout .tools-sketch-template-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:4px;border:1px solid hsl(var(--border))!important;border-radius:6px;background:hsl(var(--background));color:hsl(var(--foreground));cursor:pointer}.blog-marketing .tools-sketch-layout .tools-sketch-template-btn.is-active{border-color:hsl(var(--primary))!important;background:hsl(var(--primary)/.12);color:hsl(var(--primary))}.tools-sketch-template-icon{display:block;width:42px;height:auto;margin:0 auto;aspect-ratio:4/5}.tools-sketch-draw-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px}.blog-marketing .tools-sketch-layout .tools-sketch-draw-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.28rem!important;width:100%;min-width:0;min-height:3.35rem;padding:.42rem .3rem!important;border-radius:10px!important;font-size:11px!important;font-weight:600;line-height:1.15;text-align:center;white-space:nowrap}.blog-marketing .tools-sketch-layout .tools-sketch-draw-btn:disabled{opacity:.4;cursor:default}.blog-marketing .tools-sketch-layout .tools-sketch-draw-btn svg{display:block;flex-shrink:0}.tools-style-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tools-drop{position:relative;display:block;border:1.5px dashed color-mix(in srgb,var(--mk-border) 55%,var(--text));border-radius:12px;padding:1.25rem;text-align:center;cursor:pointer;color:var(--sub);background:hsl(var(--input))}.tools-drop.is-uploading{cursor:wait}.tools-drop.has-file{border-style:solid}.tools-drop-clear{display:inline-flex;align-items:center;gap:.3rem;margin-top:.45rem;padding:0;border:0;background:none;color:var(--sub);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer}.tools-drop-clear:hover{color:var(--text)}.tools-drop img{max-height:220px;max-width:100%;border-radius:8px}.tools-upload-progress{margin-top:.85rem}.tools-upload-progress p{margin:0 0 .4rem;font-size:.8rem;font-weight:600;color:var(--text)}.tools-upload-track{height:6px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--brand) 16%,var(--mk-border))}.tools-upload-track i{display:block;height:100%;border-radius:inherit;background:var(--brand);transition:width .16s ease}.tools-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:.5rem}.blog-marketing .tools-actions .btn-primary{display:inline-flex;align-items:center;gap:.4rem}.tools-result img{max-width:100%;border-radius:12px}.tools-cast-grid{display:grid;gap:.85rem}.tools-cast-card{border:1px solid var(--mk-border);border-radius:12px;padding:.85rem}.tools-error{color:hsl(var(--destructive));font-size:.9rem}.tools-history-list{display:grid;gap:.85rem}@media (min-width:900px) and (max-width:1099px){.tools-workbench--camera .tools-camera-controls{grid-column:1/-1}}@media (min-width:1100px){.tools-workbench--camera{grid-template-columns:minmax(240px,.72fr) minmax(0,1.15fr) minmax(0,1fr)}.tools-workbench--camera .tools-workbench-result{position:sticky;top:80px;min-height:520px}}.tools-workbench--camera .tools-workbench-result{position:relative;z-index:2}.tools-camera-controls-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}.tools-camera-controls-head .tools-chip{margin:0}.tools-camera-reset{position:absolute;right:10px;bottom:10px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--mk-border);border-radius:8px;background:hsl(var(--background)/.92);color:var(--sub);cursor:pointer}.tools-camera-reset:hover{color:inherit}.tools-camera-stage{--cube-size:152px;position:relative;display:flex;align-items:center;justify-content:center;min-height:380px;padding:64px 40px;margin-bottom:.9rem;overflow:hidden;border:1px dashed var(--mk-border);border-radius:14px;background:hsl(var(--background));perspective:900px;transform-style:preserve-3d;touch-action:none;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:640px){.tools-camera-stage{--cube-size:132px;min-height:320px;padding:52px 28px}}.tools-camera-stage:active{cursor:grabbing}.tools-camera-cube,.tools-camera-scene{width:var(--cube-size);height:var(--cube-size);transform-style:preserve-3d}.tools-camera-cube{position:relative;transform-origin:center center;will-change:transform}.tools-camera-face{position:absolute;inset:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;background:hsl(var(--card));border:2.5px solid hsl(var(--foreground)/.72);box-shadow:inset 0 0 0 1px hsl(var(--background)/.55);color:hsl(var(--foreground)/.55);font-size:.85rem;font-weight:700;backface-visibility:hidden;-webkit-backface-visibility:hidden}.tools-camera-face img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;background:hsl(var(--background))}.tools-camera-face--front{transform:translateZ(calc(var(--cube-size) / 2))}.tools-camera-face--back{transform:rotateY(180deg) translateZ(calc(var(--cube-size) / 2))}.tools-camera-face--right{transform:rotateY(90deg) translateZ(calc(var(--cube-size) / 2))}.tools-camera-face--left{transform:rotateY(-90deg) translateZ(calc(var(--cube-size) / 2))}.tools-camera-face--top{transform:rotateX(90deg) translateZ(calc(var(--cube-size) / 2))}.tools-camera-face--bottom{transform:rotateX(-90deg) translateZ(calc(var(--cube-size) / 2))}.tools-camera-face--front{background:hsl(var(--background))}.tools-camera-face--back{background:color-mix(in srgb,hsl(var(--muted)) 72%,hsl(var(--card)))}.tools-camera-face--right{background:color-mix(in srgb,hsl(var(--muted)) 58%,hsl(var(--card)))}.tools-camera-face--left{background:color-mix(in srgb,hsl(var(--muted)) 42%,hsl(var(--card)))}.tools-camera-face--top{background:color-mix(in srgb,hsl(var(--muted)) 28%,hsl(var(--background)))}.tools-camera-face--bottom{background:color-mix(in srgb,hsl(var(--muted)) 80%,hsl(var(--foreground)/.12))}.tools-camera-slider{display:grid;gap:.28rem;margin-bottom:.85rem;font-size:.8rem;color:var(--sub)}.tools-camera-slider span{display:flex;justify-content:space-between;gap:.5rem}.tools-camera-slider b{color:inherit;font-weight:700;text-transform:capitalize}.tools-camera-slider input[type=range]{width:100%;accent-color:hsl(var(--primary))}.tools-camera-source-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}.tools-camera-source-head h3{margin:0;font-size:.95rem;font-weight:700}.tools-camera-replace{min-width:auto;padding:7px 12px;cursor:pointer}.tools-drop.tools-camera-drop,.tools-drop.tools-camera-drop.has-file{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:280px;padding:1rem;overflow:hidden}.tools-drop.tools-camera-drop img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.tools-camera-drop .tools-drop-clear{position:absolute;top:10px;right:10px;margin:0;width:28px;height:28px;border-radius:999px;background:hsl(var(--card));border:1px solid var(--mk-border);align-items:center;justify-content:center}.tools-camera-examples{margin:1rem 0 .35rem}.tools-camera-examples h4{margin:0 0 .65rem;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--sub)}.tools-camera-example-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem}@media (max-width:640px){.tools-camera-example-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.tools-camera-example{display:grid;gap:.35rem;padding:0;border:0;background:none;cursor:pointer;text-align:center}.tools-camera-example-thumb{display:flex;align-items:center;justify-content:center;height:84px;overflow:hidden;border:1px solid var(--mk-border);border-radius:10px;background:hsl(var(--background));perspective:420px}.tools-camera-example-thumb img{display:block;max-width:92%;max-height:92%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;transform-style:preserve-3d}.tools-camera-example.is-active .tools-camera-example-thumb{border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary)/.25)}.tools-camera-example em{font-style:normal;font-size:.72rem;color:var(--sub);line-height:1.25}.tools-camera-example.is-active em{color:inherit;font-weight:700}.tools-canvas-workbench{display:grid;gap:.85rem}.tools-canvas-sidebar{min-width:0;background:hsl(var(--card));border:1px solid var(--mk-border);border-radius:16px;padding:1.15rem 1.2rem 1.3rem}.tools-canvas-placeholder{min-height:280px}.tools-canvas-embed{position:relative;display:flex;flex-direction:column;min-height:min(78vh,860px);overflow:hidden;border:1px solid var(--mk-border);border-radius:16px;background:hsl(var(--background))}.tools-canvas-chrome{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .7rem;border-bottom:1px solid var(--mk-border);background:hsl(var(--card))}.tools-canvas-chrome-group{display:flex;min-width:0;align-items:center;gap:.5rem}.tools-canvas-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--text);cursor:pointer}.tools-canvas-icon-btn:hover:not(:disabled){background:hsl(var(--muted))}.tools-canvas-icon-btn:disabled{opacity:.4;cursor:not-allowed}.tools-canvas-credits{max-width:28vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;color:var(--sub)}.tools-canvas-frame{width:100%;min-height:0;flex:1;border:0;touch-action:none}.tools-canvas-overlay,.tools-canvas-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:280px;padding:1.25rem;text-align:center}.tools-canvas-overlay{position:absolute;inset:0;z-index:2;background:hsl(var(--background)/.78)}@media (min-width:960px){.tools-canvas-workbench{grid-template-columns:minmax(240px,280px) minmax(0,1fr);align-items:stretch}.tools-canvas-embed,.tools-canvas-placeholder{min-height:min(78vh,860px)}.tools-canvas-sidebar{position:sticky;top:80px;align-self:start}}.tools-workbench--sketch{display:flex;flex-direction:column;align-items:stretch;width:100%;min-height:0}.tools-shell-app .tools-workbench--sketch{flex:1 1 auto;min-height:0}.tools-shell-app .tools-workbench--sketch .tools-workbench-result{flex:0 0 auto;position:static;min-height:0}.tools-shell-app .tools-workbench--sketch .tools-result-empty{min-height:0;padding:.7rem .85rem}.tools-sketch-workbench-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:8px}.tools-sketch-guide-open{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border:0;border-radius:999px;background:transparent;color:var(--sub);font-size:.75rem;font-weight:600;cursor:pointer}.tools-sketch-guide-open:hover{color:hsl(var(--foreground));background:hsl(var(--muted)/.7)}.tools-sketch-guide-dialog{gap:.85rem;background:hsl(var(--card));opacity:1}.tools-sketch-guide-steps{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}.tools-sketch-guide-step{display:flex;align-items:flex-start;gap:.65rem}.tools-sketch-guide-step-index{display:flex;flex-shrink:0;width:1.35rem;height:1.35rem;margin-top:.15rem;border-radius:999px;font-size:.7rem;font-weight:700}.tools-sketch-guide-done,.tools-sketch-guide-step-index{align-items:center;justify-content:center;background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.tools-sketch-guide-done{width:100%;margin-top:.5rem;display:inline-flex;min-height:2.5rem;border:0;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer}.tools-sketch-guide-done:hover{background:hsl(var(--primary)/.9)}.tools-sketch-char-dialog{gap:.9rem;background:hsl(var(--card));opacity:1}.tools-sketch-char-dialog-upload{position:relative;display:flex;height:160px;width:100%;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;overflow:hidden;border:1px dashed hsl(var(--primary)/.55);border-radius:12px;background:hsl(var(--primary)/.06);color:hsl(var(--primary));font-size:13px;font-weight:600}.tools-sketch-char-dialog-upload:hover{background:hsl(var(--primary)/.1)}.tools-sketch-char-dialog-upload input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.tools-sketch-layout{display:grid;grid-template-columns:236px minmax(0,1fr) minmax(220px,248px);grid-template-rows:minmax(0,1fr);width:100%;min-width:0;height:36rem;min-height:36rem;max-height:36rem;border:1px solid var(--mk-border);border-radius:14px;overflow:hidden;background:hsl(var(--background))}.tools-shell-app .tools-sketch-layout{flex:0 0 36rem;height:36rem;min-height:36rem;max-height:36rem}.tools-sketch-editor,.tools-sketch-toolbar{display:flex;flex-direction:column;gap:.75rem;padding:.85rem;overflow:auto;scrollbar-width:none}.tools-sketch-toolbar{border-right:1px solid var(--mk-border);overflow:hidden;min-width:0;min-height:0}.tools-sketch-toolbar-body{flex:1 1 auto;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:none}.tools-sketch-settings{flex:0 0 7.35rem;height:7.35rem;box-sizing:border-box;display:grid;grid-template-columns:max-content minmax(0,1fr);align-content:start;align-items:center;-moz-column-gap:.4rem;column-gap:.4rem;row-gap:.32rem;margin:0 -.15rem;padding:.5rem .15rem .15rem;border-top:1px solid var(--mk-border);overflow:hidden}.tools-form .tools-sketch-settings .field{display:contents;margin-bottom:0}.tools-form .tools-sketch-settings label{font-size:11px;font-weight:600;margin-bottom:0;line-height:1.2;white-space:nowrap;color:hsl(var(--muted-foreground))}.tools-form .tools-sketch-settings .tools-style-btn,.tools-form .tools-sketch-settings select{height:30px;min-height:30px;max-height:30px;box-sizing:border-box;padding:0 .5rem;border-radius:8px;font-size:12px;font-weight:500}.tools-sketch-mode-row{display:flex;flex:0 0 3.15rem;height:3.15rem;width:100%;margin-bottom:0;border:1px solid hsl(var(--border));border-radius:10px;overflow:hidden}.tools-sketch-editor-body>.tools-sketch-chars{margin-bottom:12px}.blog-marketing .tools-sketch-layout .tools-sketch-mode-btn{flex:0.78 1 0;min-width:0;min-height:0;height:100%;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.28rem;font-size:11px;font-weight:600;line-height:1.15;text-align:center;border:0!important;border-radius:0!important;background:hsl(var(--background));color:hsl(var(--foreground));cursor:pointer}.blog-marketing .tools-sketch-layout .tools-sketch-mode-btn.is-chars{flex:1.44 1 0}.blog-marketing .tools-sketch-layout .tools-sketch-mode-btn.is-attention{animation:sketch-chars-pulse .9s ease}.blog-marketing .tools-sketch-layout .tools-sketch-mode-btn+.tools-sketch-mode-btn{border-left:1px solid hsl(var(--border))!important}.blog-marketing .tools-sketch-layout .tools-sketch-mode-btn.is-active{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.tools-sketch-chars{max-height:100%;margin-bottom:0;padding:2px;border-radius:10px;overflow:hidden}.tools-sketch-char-list,.tools-sketch-chars{flex:1 1 0%;min-height:0;display:flex;flex-direction:column}.tools-sketch-char-list{overflow-x:hidden;overflow-y:auto;gap:8px;padding-right:4px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:hsl(var(--border)) transparent}.tools-sketch-char-empty span{min-width:0;line-height:1.35}.tools-sketch-chars.is-attention{animation:sketch-chars-pulse .9s ease}@keyframes sketch-chars-pulse{0%,to{box-shadow:none}40%{box-shadow:0 0 0 3px hsl(var(--primary)/.35)}}.tools-sketch-char-empty{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;padding:12px 10px;border:1px dashed hsl(var(--primary)/.55);border-radius:10px;background:hsl(var(--primary)/.06);color:hsl(var(--primary));font-size:12px;font-weight:600;text-align:left;cursor:pointer}.tools-sketch-char-empty:hover{background:hsl(var(--primary)/.1)}.tools-sketch-char-row{display:flex;align-items:center;min-height:48px;gap:8px}.tools-form .tools-sketch-char-avatar,.tools-sketch-char-avatar{position:relative;display:inline-flex;height:48px;width:48px;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;overflow:hidden;margin-bottom:0;padding:0;font-size:0;font-weight:400;line-height:0;border-radius:999px;border:1px dashed hsl(var(--border));background:hsl(var(--muted)/.4)}.tools-sketch-char-avatar.is-empty{border-color:hsl(var(--primary)/.7);background:hsl(var(--primary)/.08);color:hsl(var(--primary))}.tools-sketch-char-avatar:hover{border-color:hsl(var(--primary))}.tools-sketch-char-avatar svg{display:block;flex-shrink:0}.tools-sketch-char-avatar input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blog-marketing .tools-sketch-layout .tools-sketch-char-empty{border:1px dashed hsl(var(--primary)/.55)!important;background:hsl(var(--primary)/.06);color:hsl(var(--primary))}.blog-marketing .tools-sketch-layout .tools-sketch-char-avatar.is-empty{border-color:hsl(var(--primary)/.7)!important}.tools-sketch-insert-row{display:flex;flex-wrap:wrap;gap:6px}.tools-sketch-insert-outline{flex:1 1 100%;min-height:32px;padding:0 10px;border:1px dashed hsl(var(--primary)/.55);border-radius:8px;background:hsl(var(--primary)/.06);color:hsl(var(--primary));font-size:12px;font-weight:650;cursor:pointer}.tools-sketch-insert-outline:disabled{cursor:default;opacity:.45}.tools-sketch-mention-row{min-width:0}.tools-sketch-shot-chars{min-width:0;display:flex;flex-direction:column;gap:6px}.tools-sketch-shot-char-badges{display:flex;flex-wrap:wrap;gap:6px}.tools-sketch-shot-char-badge{display:inline-flex;max-width:100%;align-items:center;gap:6px;padding:3px 6px 3px 3px;border:1px solid hsl(var(--border));border-radius:999px;background:hsl(var(--background));color:hsl(var(--foreground));font-size:11px}.tools-sketch-shot-char-badge-remove{display:inline-flex;align-items:center;justify-content:center;border:0;padding:0;background:transparent;color:hsl(var(--muted-foreground));cursor:pointer}.tools-sketch-shot-char-badge-remove:hover{color:hsl(var(--destructive))}.tools-sketch-shot-char-trigger{display:inline-flex;width:100%;min-height:32px;align-items:center;justify-content:space-between;gap:8px;padding:0 8px;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--background));color:hsl(var(--foreground));font-size:12px;cursor:pointer}.tools-sketch-shot-char-trigger:hover{border-color:hsl(var(--primary)/.5)}.tools-sketch-shot-char-option{display:flex;width:100%;align-items:center;gap:8px;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:hsl(var(--foreground));font-size:12px;text-align:left;cursor:pointer}.tools-sketch-shot-char-option.is-picked,.tools-sketch-shot-char-option:hover{background:hsl(var(--accent)/.5)}.tools-sketch-mention-fallback{display:flex;height:20px;width:20px;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;background:hsl(var(--muted));font-size:9px;font-weight:650}.tools-sketch-mention-empty{width:100%;padding:4px 2px;border:0;background:transparent;color:hsl(var(--muted-foreground));font-size:11px;text-align:left;cursor:pointer}.tools-sketch-mention-empty:hover{color:hsl(var(--primary))}.blog-marketing .tools-sketch-layout .tools-sketch-insert-outline{border:1px dashed hsl(var(--primary)/.55)!important;background:hsl(var(--primary)/.06);color:hsl(var(--primary))}.tools-sketch-insert-camera{flex:1 1 120px;min-width:0}.tools-sketch-insert-camera select{width:100%;min-height:32px;padding:0 8px;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--background));font-size:12px}.tools-sketch-insert-camera select:disabled{opacity:.45;cursor:default}.tools-sketch-editor{border-left:1px solid var(--mk-border);overflow:hidden}.tools-sketch-editor-body{overflow:hidden;scrollbar-width:none}.tools-sketch-editor-body,.tools-sketch-marker-editor{flex:1;min-height:0;display:flex;flex-direction:column}.tools-sketch-marker-editor .tools-sketch-insert-row,.tools-sketch-marker-editor .tools-sketch-shot-chars,.tools-sketch-marker-editor .tools-sketch-shot-nav{flex-shrink:0}.tools-sketch-shot-list-wrap{flex:1;min-height:0;overflow:auto}.tools-sketch-shot-nav{display:flex;gap:.5rem;margin-top:.35rem}.tools-sketch-nav-btn{display:inline-flex;flex:1 1 0;min-width:0;align-items:center;justify-content:center;gap:.2rem;min-height:2.35rem;padding:0 .55rem;border:0;border-radius:10px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:13px;font-weight:650;white-space:nowrap;cursor:pointer}.tools-sketch-nav-btn:hover:not(:disabled){background:hsl(var(--primary)/.9)}.tools-sketch-nav-btn:disabled{opacity:.4;cursor:not-allowed}.blog-marketing .btn-primary.tools-sketch-generate,.blog-marketing .btn-primary.tools-sketch-history,.tools-sketch-generate,.tools-sketch-history{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex:0 0 44px;height:44px;min-height:44px;white-space:nowrap}.tools-form.tools-workbench--sketch .tools-sketch-marker-input,.tools-workbench--sketch .tools-sketch-marker-input{flex:1 1 auto;height:0;min-height:16rem;max-height:none;resize:none;overflow:auto;scrollbar-width:none}.blog-marketing .tools-sketch-layout,.blog-marketing .tools-sketch-layout *{scrollbar-width:none}.blog-marketing .tools-sketch-layout ::-webkit-scrollbar,.blog-marketing .tools-sketch-layout::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.blog-marketing .tools-sketch-layout ::-webkit-scrollbar-thumb,.blog-marketing .tools-sketch-layout::-webkit-scrollbar-thumb{background:transparent!important}.blog-marketing .tools-sketch-layout .tools-sketch-char-list{scrollbar-width:thin;scrollbar-color:hsl(var(--border)) transparent}.blog-marketing .tools-sketch-layout .tools-sketch-char-list::-webkit-scrollbar{width:6px!important;height:6px!important;display:block!important}.blog-marketing .tools-sketch-layout .tools-sketch-char-list::-webkit-scrollbar-thumb{background:hsl(var(--border))!important;border-radius:999px}.tools-sketch-stage{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden;padding:.25rem;background:hsl(var(--muted)/.45)}@media (max-width:899px){.tools-sketch-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(280px,52vh) auto;height:auto;min-height:0}.tools-shell-app .tools-sketch-layout{max-height:none}.tools-sketch-char-list{max-height:min(42vh,360px)}.tools-sketch-editor,.tools-sketch-toolbar{border:0;border-bottom:1px solid var(--mk-border)}.tools-sketch-stage{min-height:280px}}