@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/stitch-fonts/font-05.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/stitch-fonts/font-11.woff2) format("woff2")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:swap;src:url(/stitch-fonts/font-12.woff2) format("woff2")}:root{color-scheme:light;--studio-surface: #f8f9ff;--studio-card: #fff;--studio-low: #eff4ff;--studio-container: #e5eeff;--studio-high: #dce9ff;--studio-highest: #d3e4fe;--studio-ink: #0b1c30;--studio-muted: #3d4947;--studio-secondary: #515f74;--studio-outline: #6d7a77;--studio-border: #e2e8f0;--studio-primary: #00685f;--studio-deep: #0f766e;--studio-on-primary: #fff;--studio-success: #10b981;--studio-warning: #f59e0b;--studio-error: #e11d48;--studio-dark: #0f172a;font-family:Geist,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}html.dark{color-scheme:dark;--studio-surface: #090d16;--studio-card: #0f172a;--studio-low: #121d31;--studio-container: #17243a;--studio-high: #1d2c44;--studio-highest: #263752;--studio-ink: #eaf1ff;--studio-muted: #bcc9c6;--studio-secondary: #b9c7df;--studio-outline: #91a0b5;--studio-border: #263752;--studio-primary: #6bd8cb;--studio-deep: #89f5e7;--studio-on-primary: #00201d}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;padding:0;margin:0;overflow-x:hidden;background:var(--studio-surface);color:var(--studio-ink);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select{color:inherit;font:inherit}button,select,summary,label{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}a{color:inherit;text-decoration:none}.material-symbols-outlined{display:inline-block;direction:ltr;font-family:Material Symbols Outlined;font-feature-settings:"liga";font-size:20px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;border:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.social-studio{min-height:100vh;background:var(--studio-surface)}.studio-shell{width:min(100%,1328px);padding-inline:24px;margin-inline:auto}.studio-header{position:fixed;z-index:50;top:0;right:0;left:0;background:color-mix(in srgb,var(--studio-surface) 91%,transparent);box-shadow:0 1px 8px #0000000a;backdrop-filter:blur(20px)}.header-primary,.studio-brand,.client-version,.suite-search,.header-primary nav,.header-icons,.header-icons button,.context-row,.context-row nav,.context-row nav a,.engine-pill,.technical-strip,.technical-strip strong,.toolbar-cluster,.button,.format-control,.scale-control,.card-heading,.card-heading h2,.studio-card>h2,.preset-row,.preset-row>span strong,.preset-row>span small,.fit-grid button,.swatches,.auto-subject,.safe-control,.safe-control>span,.preview-toolbar,.preview-toolbar>div,.preview-zoom,.studio-status,.dimension-pill,.canvas-actions,.canvas-actions button,.safe-top,.safe-top strong,.safe-bottom>div,.safe-bottom strong,.caption-skeleton,.queue-heading,.queue-heading>div,.queue-row,.queue-row>span,.studio-ad,.studio-ad>div,.section-label,.architecture-grid article>span,.media-grid a>span,.footer-brand strong,.footer-bottom,.footer-bottom span:last-child{display:flex;align-items:center}.header-primary{min-height:64px;justify-content:space-between;gap:18px}.studio-brand{flex:0 0 auto;gap:8px}.studio-brand>span:last-child{display:grid}.studio-brand strong{font-size:17px;line-height:1.2;letter-spacing:-.02em}.studio-brand small{color:var(--studio-muted);font-size:10px;line-height:1.2}.brand-symbol{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:var(--studio-primary);color:var(--studio-on-primary);font-size:19px;box-shadow:0 2px 8px #00685f2e}.client-version{flex:0 0 auto;gap:5px;padding:3px 8px;border-radius:999px;background:var(--studio-container);color:var(--studio-primary);font:600 10px/1.4 JetBrains Mono,monospace}.client-version .material-symbols-outlined{font-size:13px}.suite-search{width:min(100%,330px);min-width:180px;gap:8px;padding:7px 10px;border-radius:10px;margin-left:auto;background:var(--studio-low);color:var(--studio-muted)}.suite-search .material-symbols-outlined{font-size:17px}.suite-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--studio-ink);font-size:11px}.suite-search kbd{flex:0 0 auto;padding:2px 5px;border-radius:5px;background:var(--studio-card);font:500 9px/1.4 JetBrains Mono,monospace;box-shadow:0 1px 2px #0000000d}.header-primary nav{flex:0 0 auto;gap:2px}.header-primary nav a{padding:7px 9px;color:var(--studio-muted);font-size:12px;white-space:nowrap}.header-primary nav a:hover{color:var(--studio-ink)}.header-icons{flex:0 0 auto;gap:4px}.header-icons button{min-width:32px;height:32px;justify-content:center;gap:3px;padding:4px 6px;border:0;border-radius:8px;background:transparent;color:var(--studio-muted)}.header-icons button:hover{background:var(--studio-low);color:var(--studio-ink)}.header-icons button span:nth-child(2),.header-icons i{font:600 9px/1 JetBrains Mono,monospace;font-style:normal}.header-icons i{padding:2px 4px;border-radius:999px;background:var(--studio-container);color:var(--studio-primary)}.user-avatar{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;margin-left:3px;background:var(--studio-primary);color:var(--studio-on-primary);font-size:18px}.studio-context{background:color-mix(in srgb,var(--studio-low) 68%,transparent);box-shadow:0 1px 4px #00000005}.context-row{min-height:38px;justify-content:space-between;gap:16px}.context-row nav{min-width:0;gap:6px;overflow:hidden;color:var(--studio-muted);font-size:11px;white-space:nowrap}.context-row nav a{gap:4px}.context-row nav .material-symbols-outlined{font-size:14px}.context-row nav strong{color:var(--studio-ink)}.engine-pill{min-width:0;gap:6px;padding:4px 9px;border-radius:999px;background:var(--studio-card);color:var(--studio-ink);font:500 8px/1.4 JetBrains Mono,monospace;box-shadow:0 1px 2px #0000000a;white-space:nowrap}.engine-pill i,.technical-strip i,.preview-toolbar i,.footer-bottom i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--studio-success);box-shadow:0 0 0 3px #10b9811a}.studio-main{min-height:calc(100vh - 300px);padding-top:102px}.studio-content{padding-top:16px;padding-bottom:78px}.technical-strip{flex-wrap:wrap;gap:7px 14px;padding:8px 14px;border-radius:8px;margin-bottom:16px;background:var(--studio-container);color:var(--studio-muted);font:600 8px/1.4 JetBrains Mono,monospace;letter-spacing:.06em}.technical-strip strong{gap:6px;padding:2px 8px;border-radius:4px;background:var(--studio-primary);color:var(--studio-on-primary)}.technical-strip .material-symbols-outlined{font-size:12px}.technical-strip b{color:var(--studio-ink)}.studio-hero{margin-bottom:22px}.studio-hero h1{margin:0;font-size:clamp(30px,3vw,38px);line-height:1.15;letter-spacing:-.035em}.studio-hero p{max-width:920px;margin:8px 0 0;color:var(--studio-muted);font-size:14px}.action-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border-radius:10px;margin-bottom:24px;background:var(--studio-card);box-shadow:0 1px 6px #0000000f}.toolbar-cluster{flex-wrap:wrap;gap:7px}.button{min-height:38px;justify-content:center;gap:6px;padding:8px 12px;border:0;border-radius:8px;font-size:12px;font-weight:500;transition:.15s ease}.button .material-symbols-outlined{font-size:17px}.button.primary{background:var(--studio-primary);color:var(--studio-on-primary);box-shadow:0 2px 7px #00685f26}.button.primary:hover,.button.export:hover{background:var(--studio-deep)}.button.soft{background:var(--studio-low)}.button.soft .material-symbols-outlined{color:var(--studio-primary)}.button.soft:hover,.button.quiet:hover{background:var(--studio-container)}.button.quiet{background:transparent;color:var(--studio-muted)}.button.export{padding-inline:15px;background:var(--studio-deep);color:#fff;font-weight:700}.export-cluster{justify-content:flex-end}.format-control{min-height:36px;gap:6px;padding:5px 8px;border-radius:8px;background:var(--studio-low)}.format-control span{color:var(--studio-muted);font:500 9px/1.3 JetBrains Mono,monospace}.format-control select{min-width:145px;border:0;outline:0;background:transparent;font:600 10px/1.3 JetBrains Mono,monospace}.scale-control{padding:4px;border-radius:8px;background:var(--studio-low)}.scale-control button,.platform-filters button,.preview-zoom button{border:0;border-radius:6px;background:transparent;color:var(--studio-muted);font:600 10px/1.3 JetBrains Mono,monospace}.scale-control button{min-height:28px;padding:5px 9px}.scale-control button.active{background:var(--studio-card);color:var(--studio-primary);box-shadow:0 1px 3px #0000000f}.workspace-grid{display:grid;grid-template-columns:minmax(360px,5fr) minmax(0,7fr);gap:24px;margin-bottom:42px}.workspace-left,.workspace-right{display:flex;min-width:0;flex-direction:column;gap:16px}.studio-card,.preview-toolbar{border-radius:10px;background:var(--studio-card);box-shadow:0 1px 6px #0000000f}.studio-card{padding:14px}.card-heading{justify-content:space-between;gap:12px;margin-bottom:10px}.card-heading h2,.studio-card>h2,.queue-heading h2{gap:6px;margin:0;font-size:14px;line-height:1.35}.card-heading h2 .material-symbols-outlined,.studio-card>h2 .material-symbols-outlined{color:var(--studio-primary);font-size:17px}.card-heading>span,.queue-heading>div>span{padding:3px 8px;border-radius:999px;background:var(--studio-container);color:var(--studio-primary);font:700 9px/1.3 JetBrains Mono,monospace}.platform-filters{display:flex;gap:3px;padding-bottom:6px;overflow-x:auto;scrollbar-width:none}.platform-filters::-webkit-scrollbar,.preset-list::-webkit-scrollbar{display:none}.platform-filters button{min-height:28px;padding:5px 9px;color:var(--studio-ink);white-space:nowrap}.platform-filters button:hover{background:var(--studio-low)}.platform-filters button.active{background:var(--studio-primary);color:var(--studio-on-primary)}.preset-list{display:flex;max-height:360px;flex-direction:column;gap:7px;padding-right:2px;overflow-y:auto;scrollbar-width:none}.preset-row{min-width:0;justify-content:space-between;gap:9px;padding:9px;border-radius:8px;background:var(--studio-low);cursor:pointer;transition:.13s ease}.preset-row:hover{background:var(--studio-container)}.preset-row.active{background:color-mix(in srgb,var(--studio-primary) 11%,var(--studio-card))}.preset-row input{width:16px;height:16px;flex:0 0 auto;margin:0;accent-color:var(--studio-primary)}.preset-row>span{display:grid;min-width:0;flex:1}.preset-row>span strong{min-width:0;gap:6px;overflow:hidden;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.preset-row.active>span strong{color:var(--studio-primary)}.preset-row>span strong i{padding:1px 5px;border-radius:3px;background:var(--studio-primary);color:var(--studio-on-primary);font:700 7px/1.5 JetBrains Mono,monospace;font-style:normal}.preset-row>span small{gap:3px;overflow:hidden;color:var(--studio-muted);font:500 9px/1.4 JetBrains Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.preset-row>span small .material-symbols-outlined{color:var(--studio-primary);font-size:11px}.preset-row>b{flex:0 0 auto;padding:3px 7px;border-radius:4px;background:var(--studio-card);font:600 9px/1.3 JetBrains Mono,monospace;box-shadow:0 1px 2px #0000000a}.strategy-card{display:flex;flex-direction:column;gap:14px}.control-group{display:grid;gap:6px}.control-caption{display:block;color:var(--studio-muted);font:600 9px/1.35 JetBrains Mono,monospace;letter-spacing:.045em}.fit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.fit-grid button{min-height:32px;justify-content:center;gap:4px;padding:6px 8px;border:0;border-radius:7px;background:var(--studio-low);font-size:10px;font-weight:600}.fit-grid button:hover{background:var(--studio-container)}.fit-grid button.active{background:var(--studio-primary);color:var(--studio-on-primary)}.fit-grid .material-symbols-outlined{font-size:14px}.focal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.anchor-grid{display:grid;width:112px;height:112px;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px;border-radius:8px;margin-top:5px;background:var(--studio-low)}.anchor-grid button{border:0;border-radius:4px;background:var(--studio-card);color:var(--studio-muted);font:600 8px/1 JetBrains Mono,monospace}.anchor-grid button:hover{background:var(--studio-container)}.anchor-grid button.active{background:var(--studio-primary);color:var(--studio-on-primary)}.backdrop-controls{display:flex;flex-direction:column;justify-content:space-between;gap:14px}.swatches{gap:7px;margin-top:7px}.swatches button{width:25px;height:25px;border:2px solid transparent;border-radius:50%;box-shadow:0 0 0 1px #94a3b8}.swatches button.active{border-color:var(--studio-card);box-shadow:0 0 0 2px var(--studio-primary)}.swatches .dark{background:#0f172a}.swatches .light{background:#fff}.swatches .teal{background:#00685f}.swatches .gradient{background:linear-gradient(45deg,#0891b2,#2dd4bf)}.auto-subject{min-height:34px;justify-content:center;gap:5px;padding:6px 8px;border:0;border-radius:7px;background:var(--studio-high);color:var(--studio-primary);font-size:10px;font-weight:600}.auto-subject:hover{background:var(--studio-container)}.auto-subject .material-symbols-outlined{font-size:15px}.precision-controls{border-radius:8px;background:var(--studio-low)}.precision-controls summary{padding:8px 10px;color:var(--studio-muted);font:600 9px/1.4 JetBrains Mono,monospace}.precision-controls[open] summary{border-bottom:1px solid var(--studio-container)}.range-pair,.custom-row{display:grid;gap:9px;padding:10px}.range-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.range-pair label,.custom-row label{display:grid;gap:4px;color:var(--studio-muted);font-size:10px}.range-pair output{color:var(--studio-primary);font-family:JetBrains Mono,monospace}.range-pair input{width:100%;accent-color:var(--studio-primary)}.custom-row{grid-template-columns:1fr 1fr auto;padding-top:0}.custom-row input{width:100%;min-height:32px;border:1px solid var(--studio-border);border-radius:6px;background:var(--studio-card);padding-inline:7px}.custom-row button{align-self:end;min-height:32px;border:0;border-radius:6px;background:var(--studio-primary);color:var(--studio-on-primary);font-size:10px}.safe-control{justify-content:space-between;gap:12px;padding-top:4px;cursor:pointer}.safe-control>span{min-width:0;align-items:flex-start;flex-direction:column}.safe-control strong{font-size:12px}.safe-control small{color:var(--studio-muted);font:500 9px/1.4 JetBrains Mono,monospace}.safe-control input{position:absolute;opacity:0}.safe-control>i{position:relative;width:42px;height:23px;flex:0 0 auto;border-radius:999px;background:var(--studio-container);transition:.15s ease}.safe-control>i:after{position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000002e;content:"";transition:.15s ease}.safe-control input:checked+i{background:var(--studio-primary)}.safe-control input:checked+i:after{transform:translate(19px)}.preview-toolbar{min-height:48px;justify-content:space-between;gap:12px;padding:9px 14px}.preview-toolbar>div{min-width:0;gap:7px}.preview-toolbar>div>i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--studio-success)}.preview-toolbar strong{flex:0 0 auto;font-size:12px}.preview-toolbar select{max-width:330px;min-width:0;padding:5px 8px;border:0;border-radius:7px;outline:0;background:var(--studio-low);font:600 9px/1.4 JetBrains Mono,monospace}.preview-toolbar>div:last-child{flex:0 0 auto}.preview-zoom{padding:2px;border-radius:7px;background:var(--studio-low)}.preview-zoom button{min-height:24px;padding:3px 6px}.preview-zoom button.active{background:var(--studio-card);color:var(--studio-primary);box-shadow:0 1px 2px #0000000d}.preview-toolbar>div:last-child>b{padding:3px 7px;border-radius:4px;background:var(--studio-container);color:var(--studio-deep);font:700 8px/1.3 JetBrains Mono,monospace;letter-spacing:.04em}.canvas-stage{position:relative;height:540px;overflow:hidden;border:14px solid var(--studio-dark);border-radius:10px;background:var(--studio-dark);box-shadow:0 4px 14px #0f172a2e}.canvas-stage canvas{display:block;width:100%;height:100%;border-radius:6px;cursor:grab;touch-action:none}.canvas-stage canvas:active{cursor:grabbing}.safe-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:16px;pointer-events:none}.safe-overlay[hidden]{display:none}.safe-top{height:62px;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:2px dashed rgb(245 158 11 / 82%);border-radius:4px 4px 0 0;background:#f59e0b1f;color:var(--studio-warning)}.safe-top strong,.safe-bottom strong{gap:4px;font:700 8px/1.3 JetBrains Mono,monospace;letter-spacing:.07em}.safe-top .material-symbols-outlined,.safe-bottom .material-symbols-outlined{font-size:12px}.safe-top small,.safe-bottom small{font:600 7px/1.3 JetBrains Mono,monospace}.focal-crosshair{position:absolute;top:50%;left:50%;display:grid;justify-items:center;transform:translate(-50%,-50%)}.focal-crosshair>i{position:relative;width:32px;height:32px;border:2px solid #89f5e7;border-radius:50%;background:#00685f38}.focal-crosshair>i:after{position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background:#89f5e7;content:"";transform:translate(-50%,-50%)}.focal-crosshair span{padding:2px 6px;border-radius:3px;margin-top:4px;background:#000000a6;color:#ffffffeb;font:500 8px/1.3 JetBrains Mono,monospace}.safe-bottom{height:105px;padding:9px;border-top:2px dashed rgb(245 158 11 / 82%);border-radius:0 0 4px 4px;background:#f59e0b1f;color:var(--studio-warning)}.safe-bottom>div{justify-content:space-between;gap:8px}.caption-skeleton{gap:7px;margin-top:30px}.caption-skeleton i{width:20px;height:20px;border-radius:50%;background:#fff3}.caption-skeleton b{width:110px;height:7px;border-radius:999px;background:#ffffff4d}.reaction-stack{position:absolute;right:15px;bottom:115px;display:flex;flex-direction:column;gap:9px}.reaction-stack span{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#f59e0b4d;color:#fff;font-size:15px}.dimension-pill{position:absolute;top:12px;right:12px;gap:6px;padding:5px 8px;border-radius:6px;background:#0f172ae0;color:#ffffffa6;font:600 8px/1.3 JetBrains Mono,monospace;box-shadow:0 2px 8px #00000038;backdrop-filter:blur(8px)}.dimension-pill .material-symbols-outlined{color:#89f5e7;font-size:12px}.dimension-pill strong{color:#89f5e7}.canvas-actions{position:absolute;bottom:12px;left:12px;gap:5px}.canvas-actions button{min-height:29px;justify-content:center;gap:4px;padding:5px 8px;border:0;border-radius:5px;background:#ffffffeb;color:#0b1c30;font-size:9px;font-weight:600;box-shadow:0 2px 6px #00000026;backdrop-filter:blur(8px)}.canvas-actions .material-symbols-outlined{color:#00685f;font-size:14px}.studio-status{gap:7px;min-height:38px;padding:7px 11px;border-radius:8px;background:color-mix(in srgb,var(--studio-success) 10%,var(--studio-card));color:var(--studio-primary);font-size:11px}.studio-status[data-tone=warning]{background:color-mix(in srgb,var(--studio-warning) 12%,var(--studio-card));color:#9a6000}.studio-status[data-tone=error]{background:color-mix(in srgb,var(--studio-error) 10%,var(--studio-card));color:var(--studio-error)}.studio-status .material-symbols-outlined{font-size:17px}.queue-card{display:flex;flex-direction:column;gap:10px}.queue-heading{justify-content:space-between;gap:12px}.queue-heading>div{gap:8px}.queue-heading>span{color:var(--studio-muted);font:500 9px/1.4 JetBrains Mono,monospace}.queue-heading>span strong{color:var(--studio-ink)}.queue-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.queue-row{min-width:0;justify-content:space-between;gap:8px;padding:8px;border-radius:7px;background:var(--studio-low);font-size:9px}.queue-row.wide{grid-column:1 / -1}.queue-row>span{min-width:0;gap:6px}.queue-row>span:first-child{overflow:hidden}.queue-row strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.queue-row .material-symbols-outlined{flex:0 0 auto;color:var(--studio-primary);font-size:15px}.queue-row>span:last-child{flex:0 0 auto;color:var(--studio-muted);font:500 8px/1.3 JetBrains Mono,monospace}.queue-row button{padding:0;border:0;background:transparent;color:var(--studio-primary);font-size:8px;font-weight:700}.studio-ad{min-height:140px;flex-direction:column;justify-content:center;gap:10px;padding:16px;border-radius:10px;margin:0 0 62px;background:var(--studio-low)}.studio-ad>span{color:var(--studio-muted);font:700 8px/1.4 JetBrains Mono,monospace;letter-spacing:.1em}.studio-ad>div{width:min(100%,930px);min-height:90px;justify-content:center;gap:8px;border-radius:7px;background:var(--studio-card);color:var(--studio-muted);font:600 10px/1.4 JetBrains Mono,monospace;box-shadow:0 1px 4px #0000000a;text-align:center}.studio-ad .material-symbols-outlined{color:var(--studio-primary);font-size:19px}.architecture-section,.faq-section,.related-section{margin-bottom:64px}.section-label{gap:6px;margin:0 0 4px;color:var(--studio-primary);font:700 9px/1.4 JetBrains Mono,monospace;letter-spacing:.1em}.architecture-section>h2,.faq-section>h2,.related-section>h2{margin:0;font-size:clamp(24px,2.3vw,31px);line-height:1.25;letter-spacing:-.025em}.section-lede{max-width:770px;margin:6px 0 0;color:var(--studio-muted);font-size:13px}.architecture-grid,.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px}.architecture-grid article,.media-grid a{display:flex;min-width:0;min-height:250px;flex-direction:column;padding:17px;border-radius:10px;background:var(--studio-card);box-shadow:0 1px 5px #0000000d}.architecture-grid article>span,.media-grid a>span{width:35px;height:35px;justify-content:center;border-radius:7px;background:var(--studio-container);color:var(--studio-primary);font-size:19px}.architecture-grid h3,.media-grid h3{margin:11px 0 5px;font-size:16px;line-height:1.3}.architecture-grid p,.media-grid p{margin:0;color:var(--studio-muted);font-size:11px}.architecture-grid code{padding:1px 3px;border-radius:3px;background:var(--studio-container);font:500 9px/1.3 JetBrains Mono,monospace}.architecture-grid article>strong,.media-grid a>strong{margin-top:auto;color:var(--studio-primary);font:600 9px/1.4 JetBrains Mono,monospace}.faq-list{display:grid;max-width:930px;gap:10px;margin-top:22px}.faq-list details{padding:15px;border-radius:9px;background:var(--studio-card);box-shadow:0 1px 5px #0000000d}.faq-list details[open]{background:var(--studio-low)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:650;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .material-symbols-outlined{color:var(--studio-primary);font-size:18px;transition:transform .15s ease}.faq-list details[open] summary .material-symbols-outlined{transform:rotate(180deg)}.faq-list p{margin:10px 0 0;color:var(--studio-muted);font-size:12px}.media-grid a{min-height:220px;transition:.15s ease}.media-grid a:hover{transform:translateY(-2px);box-shadow:0 8px 24px #172e531a}.studio-footer{padding:42px 0 24px;background:var(--studio-low);box-shadow:0 -1px 6px #00000008}.footer-layout{display:grid;grid-template-columns:1.55fr repeat(4,minmax(0,1fr));gap:30px;padding-bottom:30px}.footer-layout section{display:flex;min-width:0;flex-direction:column;gap:6px}.footer-layout h2{margin:0 0 4px;font:700 9px/1.4 JetBrains Mono,monospace;letter-spacing:.06em}.footer-layout a,.footer-layout p{color:var(--studio-muted);font-size:10px}.footer-layout p{margin:0}.footer-brand>p{margin:7px 0 5px;font-size:11px}.footer-brand>strong{align-items:flex-start;gap:6px;color:var(--studio-primary);font:600 9px/1.5 JetBrains Mono,monospace}.footer-brand>strong .material-symbols-outlined{margin-top:2px;font-size:13px}.footer-bottom{flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:22px;border-top:1px solid var(--studio-border);color:var(--studio-secondary);font:500 8px/1.4 JetBrains Mono,monospace}.footer-bottom span:last-child{gap:8px;color:var(--studio-primary)}.footer-bottom a{color:var(--studio-secondary)}:focus-visible{outline:3px solid color-mix(in srgb,var(--studio-primary) 45%,transparent);outline-offset:2px}@media(max-width:1180px){.header-primary nav,.client-version{display:none}.suite-search{margin-left:0}.action-toolbar{align-items:flex-start;flex-direction:column}.export-cluster{justify-content:flex-start}.workspace-grid{grid-template-columns:minmax(320px,5fr) minmax(0,7fr)}.canvas-stage{height:500px}}@media(max-width:900px){.suite-search,.engine-pill{display:none}.workspace-grid{grid-template-columns:1fr}.workspace-left{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.canvas-stage{height:min(68vw,540px);min-height:430px}.architecture-grid,.media-grid,.footer-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1 / -1}}@media(max-width:640px){.studio-shell{padding-inline:14px}.header-primary{min-height:58px}.studio-brand small,.header-icons button span:nth-child(2),.header-icons i,.user-avatar{display:none}.context-row{min-height:36px;overflow:hidden}.context-row nav{width:100%;overflow-x:auto}.studio-main{padding-top:94px}.studio-content{padding-top:12px;padding-bottom:54px}.technical-strip{flex-wrap:nowrap;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;white-space:nowrap}.technical-strip>*{flex:0 0 auto}.studio-hero h1{font-size:28px}.studio-hero p{font-size:12px}.action-toolbar{padding:12px}.toolbar-cluster,.export-cluster{width:100%}.button{flex:1 1 auto}.format-control,.format-control select{width:100%}.scale-control{display:flex;flex:1 1 auto}.scale-control button{flex:1}.workspace-left{display:flex}.workspace-left,.studio-card{width:100%;min-width:0;max-width:100%}.preset-list{max-height:340px}.preset-row>b{font-size:8px}.focal-grid{gap:12px}.custom-row{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-row button{grid-column:1 / -1}.preview-toolbar{align-items:flex-start;flex-direction:column}.preview-toolbar>div{width:100%}.preview-toolbar select{width:100%;max-width:none}.preview-toolbar>div:last-child{justify-content:space-between}.canvas-stage{height:430px;min-height:0;border-width:9px}.safe-overlay{padding:10px}.safe-top{height:56px}.safe-bottom{height:94px}.safe-top small,.safe-bottom small,.dimension-pill span:first-child{display:none}.dimension-pill{top:8px;right:8px}.reaction-stack{right:9px;bottom:100px}.queue-heading{align-items:flex-start;flex-direction:column}.queue-list{grid-template-columns:1fr}.queue-row.wide{grid-column:auto}.studio-ad{margin-bottom:48px}.architecture-section,.faq-section,.related-section{margin-bottom:50px}.architecture-grid,.media-grid{grid-template-columns:1fr}.architecture-grid article,.media-grid a{min-height:210px}.footer-layout{gap:24px 18px}.footer-bottom{align-items:flex-start;flex-direction:column}}@media(max-width:400px){.studio-brand strong{font-size:15px}.technical-strip{margin-inline:-2px}.studio-hero h1{font-size:26px}.button.quiet span:last-child{display:none}.focal-grid,.range-pair,.footer-layout{grid-template-columns:1fr}.anchor-grid{width:100%}.canvas-stage{height:390px}.safe-top strong,.safe-bottom strong{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}