.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 .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)}.tools-workspace{margin-top:0;padding:1.5rem;border:1px solid var(--mk-border);border-radius:18px;background:hsl(var(--muted))}.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-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}@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:5px}.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:36px;height:auto;margin:0 auto;aspect-ratio:4/5}.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:block}.tools-sketch-layout{display:grid;grid-template-columns:280px minmax(0,1fr) minmax(240px,300px);grid-template-rows:minmax(0,1fr);height:min(72vh,760px);min-height:520px;border:1px solid var(--mk-border);border-radius:14px;overflow:hidden;background:hsl(var(--background))}.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}.tools-sketch-toolbar-body{flex:1;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:none}.tools-sketch-mode-row{display:flex;flex:0 0 auto;width:100%;margin-bottom:1rem;border:1px solid hsl(var(--border));border-radius:10px;overflow:hidden}.blog-marketing .tools-sketch-layout .tools-sketch-mode-btn{flex:1 1 50%;min-width:0;min-height:2.35rem;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .4rem;font-size:12px;font-weight:600;line-height:1.2;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+.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-editor{border-left:1px solid var(--mk-border);overflow:hidden}.tools-sketch-editor-body{flex:1;min-height:0;overflow:auto;scrollbar-width:none}.tools-sketch-generate,.tools-sketch-history{flex-shrink:0;white-space:nowrap}.tools-form.tools-workbench--sketch .tools-sketch-marker-input,.tools-workbench--sketch .tools-sketch-marker-input{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}.tools-sketch-stage{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:auto;padding:.75rem;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-sketch-editor,.tools-sketch-toolbar{border:0;border-bottom:1px solid var(--mk-border)}.tools-sketch-stage{min-height:280px}}