:root{--ss-bg:var(--chromble-bg);--ss-stage:var(--chromble-bg-deep);--ss-surface:var(--chromble-surface);--ss-surface-2:var(--chromble-surface-2);--ss-control:var(--chromble-control);--ss-hover:var(--chromble-hover);--ss-line:var(--chromble-line);--ss-line-strong:var(--chromble-line-strong);--ss-text:var(--chromble-text);--ss-muted:var(--chromble-muted);--ss-faint:var(--chromble-faint);--ss-accent:var(--chromble-accent);--ss-accent-soft:var(--chromble-accent-soft)}html:has(.screenshot-studio-shell),body:has(.screenshot-studio-shell){background:var(--ss-bg);min-height:100%}body:has(.screenshot-studio-shell){margin:0;overflow:hidden}body:has(.screenshot-studio-shell):before{opacity:.035;mix-blend-mode:normal;z-index:200}.screenshot-studio-shell{background:var(--ss-bg);width:100vw;height:100dvh;color:var(--ss-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.screenshot-studio{grid-template-rows:60px minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid}.screenshot-topbar{z-index:20;border-bottom:1px solid var(--ss-line);background:var(--ss-surface);justify-content:space-between;align-items:center;gap:18px;min-width:0;padding:8px 14px 8px 18px;display:flex;position:relative;box-shadow:0 1px #0000001f}.screenshot-brand,.screenshot-logo,.screenshot-top-actions,.screenshot-top-button{align-items:center;display:flex}.screenshot-brand{gap:13px;min-width:0}.screenshot-logo{color:var(--ss-text);gap:9px;text-decoration:none}.screenshot-logo img{object-fit:contain;width:30px;height:30px}.screenshot-logo strong{letter-spacing:-.025em;font-size:18px;font-weight:700}.screenshot-brand__divider{background:var(--ss-line-strong);width:1px;height:27px}.screenshot-brand__tool{letter-spacing:-.015em;font-size:15px;font-weight:720}.screenshot-top-actions{flex-shrink:0;gap:8px}.screenshot-top-button,.screenshot-close,.screenshot-toolbar-button,.screenshot-icon-button,.screenshot-primary-button,.screenshot-secondary-button{border:1px solid var(--ss-line);color:var(--ss-text);cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}.screenshot-top-button{background:var(--ss-surface-2);border-radius:7px;gap:8px;height:38px;padding:0 14px;font-size:13px;font-weight:730}.screenshot-top-button--accent{border-color:color-mix(in srgb, var(--ss-accent) 65%, var(--ss-line));color:var(--ss-accent-text);background:var(--ss-accent-soft)}.screenshot-top-button:hover,.screenshot-close:hover,.screenshot-toolbar-button:hover,.screenshot-icon-button:hover,.screenshot-secondary-button:hover{background:var(--ss-hover);border-color:var(--ss-line-strong)}.screenshot-top-button svg,.screenshot-close svg,.screenshot-toolbar-button svg,.screenshot-icon-button svg,.screenshot-secondary-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.screenshot-fullscreen-preview{z-index:10000;color:#f8fafc;background:#090b10;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0}.screenshot-fullscreen-preview[hidden]{display:none}.screenshot-fullscreen-preview__header{backdrop-filter:blur(18px);background:#090b10f0;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:10px 18px 10px 22px;display:flex}.screenshot-fullscreen-preview__heading{align-items:baseline;gap:12px;min-width:0;display:flex}.screenshot-fullscreen-preview__heading strong{letter-spacing:-.015em;font-size:15px;font-weight:780}.screenshot-fullscreen-preview__heading span{color:#8f98aa;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:620;overflow:hidden}.screenshot-fullscreen-preview__close{color:#d9deea;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff1c;border-radius:8px;flex:0 0 38px;place-items:center;width:38px;height:38px;padding:0;display:grid}.screenshot-fullscreen-preview__close:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.screenshot-fullscreen-preview__close svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:18px;height:18px}.screenshot-fullscreen-preview__body{overscroll-behavior:contain;min-height:0;padding:28px clamp(18px,3vw,48px) 40px;position:relative;overflow:auto}.screenshot-fullscreen-preview__grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-content:center;align-items:center;gap:clamp(16px,2vw,30px);width:min(100%,1800px);min-height:100%;margin:0 auto;display:grid}.screenshot-fullscreen-preview__grid[data-orientation=landscape]{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.screenshot-fullscreen-preview__item{align-content:center;justify-items:center;gap:9px;min-width:0;display:grid}.screenshot-fullscreen-preview__canvas-wrap{place-items:center;width:100%;min-width:0;min-height:0;display:grid}.screenshot-fullscreen-preview__artboard{background:0 0;border-radius:7px;flex:none;position:relative;overflow:hidden;box-shadow:0 18px 55px #00000061,0 0 0 1px #ffffff14}.screenshot-fullscreen-preview__artboard>.screenshot-card{transform-origin:0 0!important;pointer-events:none!important;margin:0!important;position:absolute!important;top:0!important;left:0!important}.screenshot-fullscreen-preview__index{color:#6f788b;letter-spacing:.11em;font-size:9px;font-weight:760}.screenshot-fullscreen-preview__loading{color:#8f98aa;pointer-events:none;place-items:center;font-size:12px;font-weight:650;display:grid;position:absolute;inset:0}.screenshot-fullscreen-preview__loading[hidden]{display:none}body.screenshot-preview-open{overflow:hidden}@media (width<=760px){.screenshot-fullscreen-preview__header{min-height:56px;padding-inline:14px 10px}.screenshot-fullscreen-preview__heading{gap:2px;display:grid}.screenshot-fullscreen-preview__body{padding:18px 14px 28px}.screenshot-fullscreen-preview__grid,.screenshot-fullscreen-preview__grid[data-orientation=landscape]{grid-template-columns:1fr}}.screenshot-close{background:var(--ss-surface-2);border-radius:7px;place-items:center;width:38px;height:38px;text-decoration:none;display:grid}.screenshot-workspace{background:var(--ss-stage);grid-template-columns:minmax(0,1fr) 54px 390px;gap:14px;min-width:0;min-height:0;padding:14px;display:grid;overflow:hidden}.screenshot-workspace.is-inspector-closed{grid-template-columns:minmax(0,1fr) 54px 390px}.screenshot-workspace.is-inspector-closed .screenshot-sidebar{display:block}.screenshot-stage-wrap{border:1px solid var(--ss-line);background:color-mix(in srgb, var(--ss-stage) 92%, var(--ss-surface));border-radius:9px;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.screenshot-stage-toolbar{border-bottom:1px solid var(--ss-line);background:color-mix(in srgb, var(--ss-surface) 93%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.screenshot-stage-toolbar__left,.screenshot-stage-toolbar__right{align-items:center;gap:7px;display:flex}.screenshot-toolbar-button{background:var(--ss-surface-2);border-radius:7px;align-items:center;gap:7px;height:34px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.screenshot-icon-button{background:var(--ss-surface-2);border-radius:7px;place-items:center;width:34px;height:34px;padding:0;display:grid}.screenshot-icon-button:disabled{opacity:.38;cursor:default;pointer-events:none}.screenshot-zoom-value{width:42px;color:var(--ss-muted);text-align:center;font-size:10px;font-weight:750}.custom-layers-panel{z-index:55;border:1px solid var(--ss-line-strong);background:color-mix(in srgb, var(--ss-surface) 96%, transparent);backdrop-filter:blur(14px);border-radius:9px;width:248px;position:absolute;bottom:42px;right:14px;overflow:hidden;box-shadow:0 14px 34px #0000003d}.custom-layers-panel[hidden]{display:none}.custom-layers-panel__head{border-bottom:1px solid var(--ss-line);justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:7px 8px 7px 11px;display:flex}.custom-layers-panel.is-collapsed .custom-layers-panel__head{border-bottom:0}.custom-layers-panel__title{align-items:baseline;gap:7px;min-width:0;display:flex}.custom-layers-panel__title strong{color:var(--ss-text);font-size:13px;font-weight:780;line-height:1.2}.custom-layers-panel__title small{color:var(--ss-faint);font-size:10px;font-weight:600;line-height:1.2}.custom-layers-panel__collapse{width:28px;height:28px;color:var(--ss-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:0;display:grid}.custom-layers-panel__collapse:hover{background:var(--ss-hover);color:var(--ss-text)}.custom-layers-panel__collapse svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px;transition:transform .16s}.custom-layers-panel.is-collapsed .custom-layers-panel__collapse svg{transform:rotate(180deg)}.custom-layers-panel__body{padding:7px}.custom-layers-panel__body[hidden]{display:none}.custom-layer-list{gap:5px;display:grid}.custom-layer-row{background:var(--ss-surface-2);min-width:0;height:38px;color:var(--ss-muted);cursor:grab;user-select:none;border:1px solid #0000;border-radius:7px;grid-template-columns:18px 27px minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:0 6px;display:grid}.custom-layer-row:hover{border-color:var(--ss-line-strong);color:var(--ss-text)}.custom-layer-row.is-active{border-color:color-mix(in srgb, var(--ss-accent) 68%, var(--ss-line));background:var(--ss-accent-soft);color:var(--ss-accent-text)}.custom-layer-row.is-active:not(.is-primary){border-style:dashed}.custom-layer-row.is-primary{box-shadow:inset 3px 0 0 color-mix(in srgb, var(--ss-accent) 78%, white)}.custom-layer-row.is-dragging{opacity:.48;cursor:grabbing}.custom-layer-row.is-drop-target{box-shadow:inset 0 2px 0 var(--ss-accent)}.custom-layer-row.is-hidden{opacity:.58}.custom-layer-row.is-locked{cursor:default}.custom-layer-row.is-locked .custom-layer-row__grip{opacity:.35}.custom-layer-row__grip{color:var(--ss-faint);letter-spacing:-2px;place-items:center;font-size:14px;line-height:1;display:grid}.custom-layer-row__icon{border:1px solid var(--ss-line);background:color-mix(in srgb, var(--ss-control) 80%, transparent);border-radius:6px;place-items:center;width:27px;height:27px;display:grid}.custom-layer-row__icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.custom-layer-row__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:710;line-height:1.2;overflow:hidden}.custom-layer-row__name-input{border:1px solid color-mix(in srgb, var(--ss-accent) 62%, var(--ss-line));background:var(--ss-control);width:100%;min-width:0;height:26px;color:var(--ss-text);font:inherit;border-radius:5px;outline:0;padding:0 6px;font-size:11px;font-weight:700}.custom-layer-row__controls{align-items:center;gap:2px;display:inline-flex}.custom-layer-row__control{width:24px;height:24px;color:var(--ss-faint);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:grid}.custom-layer-row__control:hover{background:var(--ss-hover);color:var(--ss-text)}.custom-layer-row__control.is-active{color:var(--ss-accent-text);background:color-mix(in srgb, var(--ss-accent) 13%, transparent)}.custom-layer-row__control svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.custom-layer-row__depth{min-width:30px;color:var(--ss-faint);text-align:right;text-transform:uppercase;letter-spacing:.025em;font-size:8.5px;font-weight:700;line-height:1.2}.custom-layer-actions{grid-template-columns:1fr 1fr;gap:5px;margin-top:7px;display:grid}.custom-layer-actions button{border:1px solid var(--ss-line);background:var(--ss-surface-2);min-height:32px;color:var(--ss-muted);font:inherit;cursor:pointer;border-radius:6px;font-size:11px;font-weight:680;line-height:1.2}.custom-layer-actions button:hover:not(:disabled){border-color:var(--ss-line-strong);color:var(--ss-text)}.custom-layer-actions button:disabled{opacity:.38;cursor:default}.custom-layer-actions span{margin-right:4px}.screenshot-stage{scrollbar-width:thin;scrollbar-color:var(--ss-line-strong) transparent;min-width:0;min-height:0;padding:34px 38px 46px;position:relative;overflow:auto}.screenshot-cards{--card-width:300px;--card-height:533px;--design-width:1080px;--design-height:1920px;--preview-scale:.277778;--editor-ui-scale:3.6;--card-preview-radius:36px;justify-content:flex-start;align-items:center;gap:34px;width:max-content;min-width:100%;min-height:100%;display:flex}.screenshot-card-wrap{width:var(--card-width);height:var(--card-height);cursor:pointer;flex:none;position:relative}.screenshot-card-wrap:after{content:attr(data-index);background:var(--ss-control);color:var(--ss-muted);border-radius:999px;padding:3px 7px;font-size:9px;font-weight:780;position:absolute;bottom:-27px;left:50%;transform:translate(-50%)}.screenshot-card-wrap.is-selected:before{content:"";z-index:10;border:2px solid var(--ss-accent);pointer-events:none;box-shadow:0 0 0 3px color-mix(in srgb, var(--ss-accent) 16%, transparent);border-radius:16px;position:absolute;inset:-8px}.screenshot-card{--card-ratio:.5625;width:var(--design-width);height:var(--design-height);border-radius:var(--card-preview-radius);color:#fff;isolation:isolate;transform:scale(var(--preview-scale));transform-origin:0 0;background:linear-gradient(145deg,#6d4aff,#8b5cf6);position:relative;overflow:hidden;box-shadow:0 65px 165px #181b232e;container-type:inline-size}.screenshot-card__glow{pointer-events:none;background:radial-gradient(circle at 18% 10%,#ffffff38,#0000 30%),radial-gradient(circle at 92% 38%,#ffffff29,#0000 22%);position:absolute;inset:0}.screenshot-card__safe{z-index:5;pointer-events:none;opacity:0;border:1px dashed #ffffff52;border-radius:5px;position:absolute;inset:5.5%}.screenshot-card.show-safe .screenshot-card__safe{opacity:1}.screenshot-card__copy{z-index:4;text-align:center;position:absolute;top:7.5%;left:7%;right:7%}.screenshot-card[data-align=left] .screenshot-card__copy{text-align:left}.screenshot-card[data-align=right] .screenshot-card__copy{text-align:right}.screenshot-card__copy h3{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:9.33cqw;font-weight:820;line-height:.98}.screenshot-card__copy p{opacity:.92;text-wrap:balance;max-width:88%;margin:3cqw auto 0;font-size:4.4cqw;font-weight:560;line-height:1.24}.screenshot-card[data-style=editorial] .screenshot-card__copy h3{letter-spacing:-.035em;font-family:Georgia,Times New Roman,serif;font-weight:650}.screenshot-card[data-font=inter] .screenshot-card__copy{font-family:Inter,Arial,sans-serif}.screenshot-card[data-font=georgia] .screenshot-card__copy{font-family:Georgia,Times New Roman,serif}.screenshot-card[data-font=arial] .screenshot-card__copy{font-family:Arial,Helvetica,sans-serif}.screenshot-card[data-font=trebuchet] .screenshot-card__copy{font-family:Trebuchet MS,Arial,sans-serif}.screenshot-card[data-font=verdana] .screenshot-card__copy{font-family:Verdana,Geneva,sans-serif}.screenshot-card[data-font=courier] .screenshot-card__copy{font-family:Courier New,Courier,monospace}.screenshot-card[data-font=times] .screenshot-card__copy{font-family:Times New Roman,Times,serif}.screenshot-card:not([data-font=auto]) .screenshot-card__copy h3{font-family:inherit}.screenshot-card[data-style=minimal] .screenshot-card__copy h3{letter-spacing:-.02em;font-size:7.67cqw;font-weight:650}.screenshot-card[data-style=minimal] .screenshot-card__copy p{opacity:.78}.screenshot-card__number{letter-spacing:.08em;opacity:.8;margin:0 0 2.33cqw;font-size:3.33cqw;font-weight:800;display:none}.screenshot-card.show-number .screenshot-card__number{display:block}.canvas-auto-number{z-index:34;letter-spacing:.08em;opacity:.72;pointer-events:none;font-size:3.1cqw;font-weight:820;display:none;position:absolute;top:4.5%;left:5%}.screenshot-card.show-number .canvas-auto-number{display:block}.screenshot-device{--device-frame-ratio:1320 / 2868;z-index:3;width:auto;height:70%;aspect-ratio:var(--device-frame-ratio);transition:height .2s,bottom .2s,transform .2s;position:absolute;bottom:-5.5%;left:50%;overflow:visible;transform:translate(-50%)rotate(-1deg)}.screenshot-device[data-frame=iphone],.screenshot-device[data-frame=clay]{--device-frame-ratio:1320 / 2868}.screenshot-device[data-frame=android]{--device-frame-ratio:9 / 20}.screenshot-device[data-frame=slim]{--device-frame-ratio:9 / 19.7}.screenshot-device[data-frame=tablet]{--device-frame-ratio:3 / 4}.screenshot-device[data-device-view=landscape][data-frame=iphone],.screenshot-device[data-device-view=landscape][data-frame=clay]{--device-frame-ratio:2868 / 1320}.screenshot-device[data-device-view=landscape][data-frame=android]{--device-frame-ratio:20 / 9}.screenshot-device[data-device-view=landscape][data-frame=slim]{--device-frame-ratio:19.7 / 9}.screenshot-device[data-device-view=landscape][data-frame=tablet]{--device-frame-ratio:4 / 3}.screenshot-device__visual{transform-style:preserve-3d;backface-visibility:hidden;position:absolute;inset:0;overflow:visible}.screenshot-device__face{z-index:3;transform-origin:50%;transform-style:preserve-3d;backface-visibility:hidden;background:linear-gradient(165deg,#ffffff2e 0%,#ffffff0a 14%,#0000 22%),linear-gradient(#4f5866 0%,#232a35 14%,#0d1117 46%,#181e29 100%);border:1px solid #ffffff29;border-radius:10.2cqw;padding:3.1%;transition:transform .2s,box-shadow .2s;position:absolute;inset:0;overflow:visible;box-shadow:0 18px 34px #12141b47,inset 0 3px #ffffff14,inset 0 -5px 14px #00000057}.screenshot-device__face:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff12;position:absolute;inset:.95%}.screenshot-device__face:after{content:"";border-radius:inherit;opacity:.6;pointer-events:none;background:linear-gradient(115deg,#ffffff47,#fff0 58%);position:absolute;inset:1.4% 54% 42% 2.2%}.screenshot-device__depth-shadow{z-index:0;filter:blur(2.1cqw);opacity:.22;pointer-events:none;background:radial-gradient(at 50% 52%,#02060f61,#02060f2b 50%,#02060f00 76%);border-radius:10cqw;position:absolute;inset:7% 13% -4%}.screenshot-device__backplate{z-index:1;opacity:0;pointer-events:none;background:linear-gradient(150deg,#e7ebf0 0%,#aeb7c3 15%,#626c79 40%,#252c35 74%,#11161d 100%);border-radius:9.8cqw;position:absolute;inset:1.5%;box-shadow:inset 0 0 0 1px #ffffff3d,inset 0 -1.4cqw 2.3cqw #00000038}.screenshot-device__edge{z-index:2;opacity:0;pointer-events:none;background:linear-gradient(90deg,#444d59 0%,#e6ebf1 19%,#a9b2bd 43%,#626c79 66%,#222a34 100%);border-radius:999px;width:5.6%;position:absolute;top:3.4%;bottom:3.4%;box-shadow:inset .5cqw 0 .8cqw #ffffff57,inset -.45cqw 0 .8cqw #0003,0 0 0 .1cqw #11182733}.screenshot-device__edge:before{content:"";border-radius:inherit;filter:blur(.16cqw);opacity:.72;background:#ffffff9e;width:19%;position:absolute;top:2%;bottom:2%}.screenshot-device__edge--left{left:2%}.screenshot-device__edge--left:before{left:19%}.screenshot-device__edge--right{right:2%}.screenshot-device__edge--right:before{right:19%}.screenshot-device[data-device-view=front] .screenshot-device__face,.screenshot-device[data-device-view=landscape] .screenshot-device__face{transform:none}.screenshot-device[data-device-view=left] .screenshot-device__face{transform:perspective(190cqw)translate(-3.2%)rotateX(.8deg)rotateY(-28deg)rotate(-.8deg);box-shadow:2.5cqw 2.5cqw 4.6cqw #12141b47,inset -.32cqw 0 1.15cqw #0000003d}.screenshot-device[data-device-view=right] .screenshot-device__face{transform:perspective(190cqw)translate(3.2%)rotateX(.8deg)rotateY(28deg)rotate(.8deg);box-shadow:-2.5cqw 2.5cqw 4.6cqw #12141b47,inset .32cqw 0 1.15cqw #0000003d}.screenshot-device[data-device-view=tilt-left] .screenshot-device__face{transform:perspective(185cqw)translate(-2.4%)rotateX(1.1deg)rotateY(-23deg)rotate(-10deg);box-shadow:2.7cqw 2.8cqw 4.9cqw #12141b4a,inset -.3cqw 0 1.1cqw #00000038}.screenshot-device[data-device-view=tilt-right] .screenshot-device__face{transform:perspective(185cqw)translate(2.4%)rotateX(1.1deg)rotateY(23deg)rotate(10deg);box-shadow:-2.7cqw 2.8cqw 4.9cqw #12141b4a,inset .3cqw 0 1.1cqw #00000038}.screenshot-device[data-device-view=left] .screenshot-device__depth-shadow{opacity:.42;transform:translate(8%,3%)scale(.96)}.screenshot-device[data-device-view=right] .screenshot-device__depth-shadow{opacity:.42;transform:translate(-8%,3%)scale(.96)}.screenshot-device[data-device-view=tilt-left] .screenshot-device__depth-shadow{opacity:.38;transform:translate(7%,4%)rotate(-7deg)scale(.95)}.screenshot-device[data-device-view=tilt-right] .screenshot-device__depth-shadow{opacity:.38;transform:translate(-7%,4%)rotate(7deg)scale(.95)}.screenshot-device[data-device-view=left] .screenshot-device__backplate{opacity:.98;transform:translate(9.4%,.8%)scaleX(.93)}.screenshot-device[data-device-view=right] .screenshot-device__backplate{opacity:.98;transform:translate(-9.4%,.8%)scaleX(.93)}.screenshot-device[data-device-view=tilt-left] .screenshot-device__backplate{opacity:.93;transform:translate(7.4%,1.2%)rotate(-1.1deg)scaleX(.945)}.screenshot-device[data-device-view=tilt-right] .screenshot-device__backplate{opacity:.93;transform:translate(-7.4%,1.2%)rotate(1.1deg)scaleX(.945)}.screenshot-device[data-device-view=left] .screenshot-device__edge--right{opacity:1;width:7%;right:1.2%;transform:translate(53%)skewY(-.8deg)}.screenshot-device[data-device-view=right] .screenshot-device__edge--left{opacity:1;width:7%;left:1.2%;transform:translate(-53%)skewY(.8deg)}.screenshot-device[data-device-view=tilt-left] .screenshot-device__edge--right{opacity:.98;width:6.1%;right:1.6%;transform:translate(48%)rotate(-1.4deg)}.screenshot-device[data-device-view=tilt-right] .screenshot-device__edge--left{opacity:.98;width:6.1%;left:1.6%;transform:translate(-48%)rotate(1.4deg)}.screenshot-device[data-device-view=left] .screenshot-device__edge--left,.screenshot-device[data-device-view=right] .screenshot-device__edge--right,.screenshot-device[data-device-view=tilt-left] .screenshot-device__edge--left,.screenshot-device[data-device-view=tilt-right] .screenshot-device__edge--right{opacity:.08}.screenshot-device[data-device-view=left] .screenshot-device__face:after,.screenshot-device[data-device-view=tilt-left] .screenshot-device__face:after{opacity:.68;inset:1.2% 49% 38% 2.2%}.screenshot-device[data-device-view=right] .screenshot-device__face:after,.screenshot-device[data-device-view=tilt-right] .screenshot-device__face:after{opacity:.65;background:linear-gradient(245deg,#ffffff38,#fff0 58%);inset:1.2% 2.2% 38% 49%}.screenshot-device[data-renderer=three-device] .screenshot-device__visual{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;inset:-1.5% -3%;overflow:visible;transform:none}.screenshot-device[data-renderer=three-device] .screenshot-device__visual:before,.screenshot-device[data-renderer=three-device] .screenshot-device__visual:after{display:none}.screenshot-device__three-stage{pointer-events:none;position:absolute;inset:0;overflow:visible}.screenshot-device__three-canvas,.screenshot-device__three-fallback{width:100%;height:100%;display:block;position:absolute;inset:0}.screenshot-device__three-canvas{z-index:2;opacity:0;pointer-events:none;image-rendering:auto;transition:opacity 80ms}.screenshot-device[data-three-ready=true] .screenshot-device__three-canvas{opacity:1}.screenshot-device__three-fallback{z-index:1;opacity:0;visibility:hidden;pointer-events:none;place-items:center;display:grid}.screenshot-device[data-three-failed=true] .screenshot-device__three-fallback{opacity:1;visibility:visible}.screenshot-device__three-fallback-shell{transform-origin:50%;background:linear-gradient(90deg,#9ca4ae,#343b45 7%,#0c1015 14%,#171c23 100%);border:1px solid #ffffff29;border-radius:9.4cqw;width:74%;height:92%;padding:3.2%;position:relative;transform:perspective(90cqw)rotateY(-25deg)rotate(-1.4deg);box-shadow:1.6cqw 1.8cqw 2.4cqw #0f172a33,inset -.8cqw 0 1.2cqw #ffffff21}.screenshot-device__three-fallback-shell .screenshot-device__screen{border-radius:6.6cqw;width:100%;height:100%;transform:none}.screenshot-device__three-fallback-shell:after{content:"";opacity:.86;background:linear-gradient(#e4e9ef,#79828e 40%,#303640 76%,#aab2bd);border-radius:999px;width:4%;height:94%;position:absolute;top:3%;right:-4%}.screenshot-card:before,.screenshot-card:after{content:"";pointer-events:none;z-index:1;opacity:0;position:absolute}.screenshot-card[data-template=flow] .screenshot-device{height:69%;bottom:-6%;left:50%;transform:translate(-50%)}.screenshot-card[data-template=flow] .screenshot-card__copy{top:8%;left:10%;right:10%}.screenshot-card[data-template=flow] .screenshot-card__copy h3{font-size:8.1cqw}.screenshot-card[data-template=flow] .screenshot-card__copy p{max-width:82%;font-size:4cqw}.screenshot-card[data-template=flow]:before{opacity:1;background:linear-gradient(90deg,#ffffff0f,#ffffff42,#ffffff0f);border-radius:999px;width:120%;height:16%;top:52%;left:-10%;transform:rotate(-10deg)}.screenshot-card[data-template=flow]:after{left:calc(var(--flow-halo-x,50%) - 15cqw);aspect-ratio:1;opacity:1;background:radial-gradient(circle,#ffffff38,#ffffff0d 46%,#0000 72%);border-radius:50%;width:30cqw;top:28%}.screenshot-card[data-template=flow][data-flow-zone=lead] .screenshot-device{height:69%;bottom:-6%;left:24%;transform:translate(-50%)rotate(-10deg)}.screenshot-card[data-template=flow][data-flow-zone=lead] .screenshot-card__copy{text-align:left;top:12%;left:49%;right:7%}.screenshot-card[data-template=flow][data-flow-zone=lead] .screenshot-card__copy h3{font-size:7.9cqw}.screenshot-card[data-template=flow][data-flow-zone=lead] .screenshot-card__copy p{max-width:100%;margin-left:0}.screenshot-card[data-template=flow][data-flow-zone=center] .screenshot-device{height:72%;bottom:-4%;left:50%;transform:translate(-50%)}.screenshot-card[data-template=flow][data-flow-zone=center] .screenshot-card__copy{text-align:center;top:8%;left:10%;right:10%}.screenshot-card[data-template=flow][data-flow-zone=center] .screenshot-card__copy p{margin-left:auto;margin-right:auto}.screenshot-card[data-template=flow][data-flow-zone=trail] .screenshot-device{height:69%;bottom:-6%;left:76%;transform:translate(-50%)rotate(10deg)}.screenshot-card[data-template=flow][data-flow-zone=trail] .screenshot-card__copy{text-align:left;top:12%;left:7%;right:49%}.screenshot-card[data-template=flow][data-flow-zone=trail] .screenshot-card__copy h3{font-size:7.9cqw}.screenshot-card[data-template=flow][data-flow-zone=trail] .screenshot-card__copy p{max-width:100%;margin-left:0}.screenshot-card[data-template=custom] .screenshot-device{left:var(--custom-phone-x,50%);top:var(--custom-phone-y,70%);z-index:var(--custom-phone-z,6);height:var(--custom-phone-height,70%);transform:translate(-50%, -50%) rotate(var(--custom-phone-rotate,0deg));cursor:grab;touch-action:none;user-select:none;-webkit-user-drag:none;bottom:auto}.screenshot-card[data-template=custom] .screenshot-device *,.screenshot-card[data-template=custom] .screenshot-device img{pointer-events:none;user-select:none;-webkit-user-drag:none}.screenshot-card[data-template=custom] .screenshot-card__copy{top:var(--custom-text-y,8%);right:auto;left:var(--custom-text-x,50%);z-index:var(--custom-text-z,7);width:var(--custom-text-width,68%);transform:translateX(-50%) rotate(var(--custom-text-rotate,0deg));transform-origin:50%;pointer-events:none;touch-action:none;user-select:none}.screenshot-card[data-template=custom] .screenshot-card__copy>*{pointer-events:auto;cursor:grab;touch-action:none;user-select:none}.screenshot-card[data-template=custom] .screenshot-card__copy h3{font-size:calc(9.33cqw * var(--custom-text-scale,1))}.screenshot-card[data-template=custom][data-style=minimal] .screenshot-card__copy h3{font-size:calc(7.67cqw * var(--custom-text-scale,1))}.screenshot-card[data-template=custom] .screenshot-card__copy p{max-width:100%;font-size:calc(4.4cqw * var(--custom-text-scale,1));margin-left:0;margin-right:0}.screenshot-card[data-template=custom] [data-custom-drag].is-dragging,.screenshot-card[data-template=custom] [data-custom-drag].is-dragging>*{cursor:grabbing!important}.screenshot-card[data-template=custom] [data-custom-drag]:focus-visible{outline-offset:4px;outline:1px dashed #ffffffe6}.screenshot-card[data-customized=true] .screenshot-card__copy{top:var(--custom-text-y,8%);right:auto;left:var(--custom-text-x,50%);z-index:var(--custom-text-z,7);width:var(--custom-text-width,68%);transform:translateX(-50%) rotate(var(--custom-text-rotate,0deg));transform-origin:50%;pointer-events:none;touch-action:none;user-select:none}.screenshot-card[data-customized=true] [data-custom-drag].is-dragging,.screenshot-card[data-customized=true] [data-custom-drag].is-dragging>*{cursor:grabbing!important}.screenshot-card [data-custom-drag]{cursor:grab}.screenshot-card [data-custom-drag]:focus-visible{outline-offset:4px;outline:1px dashed #ffffffe6}.custom-selection-box{z-index:30;border:1px solid color-mix(in srgb, var(--ss-accent) 88%, white);box-shadow:0 0 0 1px #ffffff73, 0 0 0 3px color-mix(in srgb, var(--ss-accent) 18%, transparent);transform-origin:50%;pointer-events:none;border-radius:2px;position:absolute}.custom-selection-box[hidden]{display:none}.custom-resize-handle{width:9px;height:9px;transform:scale(var(--editor-ui-scale,1));background:var(--ss-accent);pointer-events:auto;touch-action:none;border:1px solid #fffffff2;border-radius:2px;padding:0;position:absolute;box-shadow:0 1px 4px #00000047}.custom-rotation-stem{background:color-mix(in srgb, var(--ss-accent) 86%, white);pointer-events:none;width:1px;height:20px;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.custom-rotation-handle{background:var(--ss-accent);width:13px;height:13px;transform:translateX(-50%) scale(var(--editor-ui-scale,1));cursor:grab;pointer-events:auto;touch-action:none;border:2px solid #fffffff5;border-radius:50%;padding:0;position:absolute;top:-36px;left:50%;box-shadow:0 1px 5px #00000057}.custom-rotation-handle:active{cursor:grabbing}.custom-resize-handle[data-custom-resize=nw]{transform:scale(var(--editor-ui-scale,1));cursor:nwse-resize;top:-5px;left:-5px}.custom-resize-handle[data-custom-resize=n]{transform:translateX(-50%) scale(var(--editor-ui-scale,1));cursor:ns-resize;top:-5px;left:50%}.custom-resize-handle[data-custom-resize=ne]{transform:scale(var(--editor-ui-scale,1));cursor:nesw-resize;top:-5px;right:-5px}.custom-resize-handle[data-custom-resize=e]{transform:translateY(-50%) scale(var(--editor-ui-scale,1));cursor:ew-resize;top:50%;right:-5px}.custom-resize-handle[data-custom-resize=se]{transform:scale(var(--editor-ui-scale,1));cursor:nwse-resize;bottom:-5px;right:-5px}.custom-resize-handle[data-custom-resize=s]{transform:translateX(-50%) scale(var(--editor-ui-scale,1));cursor:ns-resize;bottom:-5px;left:50%}.custom-resize-handle[data-custom-resize=sw]{transform:scale(var(--editor-ui-scale,1));cursor:nesw-resize;bottom:-5px;left:-5px}.custom-resize-handle[data-custom-resize=w]{transform:translateY(-50%) scale(var(--editor-ui-scale,1));cursor:ew-resize;top:50%;left:-5px}.custom-guide{z-index:48;background:color-mix(in srgb, var(--ss-accent) 82%, white);box-shadow:0 0 0 1px color-mix(in srgb, var(--ss-accent) 12%, transparent);pointer-events:none;position:absolute}.custom-guide[hidden]{display:none}.custom-guide--x{width:calc(1px * var(--editor-ui-scale,1));top:0;bottom:0;transform:translate(-50%)}.custom-guide--y{height:calc(1px * var(--editor-ui-scale,1));left:0;right:0;transform:translateY(-50%)}.screenshot-card[data-template=stack] .screenshot-device{height:62%;bottom:3%;transform:translate(-50%)}.screenshot-card[data-template=stack] .screenshot-card__copy{top:8%;left:8%;right:8%}.screenshot-card[data-template=stack] .screenshot-card__copy h3{font-size:8.35cqw}.screenshot-card[data-template=stack] .screenshot-card__copy p{max-width:78%;margin-top:2.6cqw}.screenshot-card[data-template=stack]:before{opacity:1;background:linear-gradient(#ffffff3d,#ffffff14);border-radius:7cqw;inset:35% 9% 18%;transform:rotate(-7deg);box-shadow:0 10px 30px #1018281f}.screenshot-card[data-template=stack]:after{opacity:1;background:linear-gradient(#ffffff1a,#ffffff05);border:1px solid #ffffff3d;border-radius:7cqw;inset:38% 13% 14%;transform:rotate(8deg)}.screenshot-card[data-template=offset] .screenshot-device{height:68%;bottom:-4%;left:58%;transform:translate(-50%)rotate(3deg)}.screenshot-card[data-template=offset] .screenshot-card__copy{text-align:left;left:7%;right:17%}.screenshot-card[data-template=orbit] .screenshot-device{height:65%;bottom:1%;left:66%;transform:translate(-50%)rotate(-6deg)}.screenshot-card[data-template=orbit] .screenshot-card__copy{text-align:left;top:12%;left:7%;right:45%}.screenshot-card[data-template=orbit] .screenshot-card__copy h3{font-size:8.55cqw}.screenshot-card[data-template=orbit] .screenshot-card__copy p{max-width:100%;margin-left:0}.screenshot-card[data-template=orbit]:before{aspect-ratio:1;opacity:1;border:1.5cqw solid #ffffff38;border-radius:50%;width:42cqw;top:18%;left:45%}.screenshot-card[data-template=orbit]:after{aspect-ratio:1;opacity:1;background:radial-gradient(circle,#ffffff47,#ffffff0a 55%,#0000 72%);border-radius:50%;width:24cqw;top:30%;left:54%}.screenshot-card[data-template=spotlight] .screenshot-device{height:58%;bottom:-4%;transform:translate(-50%)}.screenshot-card[data-template=spotlight] .screenshot-card__copy{top:7%;left:7%;right:7%}.screenshot-card[data-template=spotlight] .screenshot-card__copy h3{font-size:10.2cqw}.screenshot-card[data-template=spotlight] .screenshot-card__copy p{max-width:78%}.screenshot-card[data-template=ribbon] .screenshot-device{height:62%;bottom:10%;left:69%;transform:translate(-50%)rotate(4deg)}.screenshot-card[data-template=ribbon] .screenshot-card__copy{text-align:left;top:12%;left:7%;right:44%}.screenshot-card[data-template=ribbon] .screenshot-card__copy h3{font-size:8.65cqw}.screenshot-card[data-template=ribbon] .screenshot-card__copy p{max-width:95%;margin-left:0}.screenshot-card[data-template=ribbon]:before{opacity:1;background:linear-gradient(90deg,#ffffff1a,#ffffff4d,#ffffff1f);width:118%;height:18%;top:45%;left:-8%;transform:rotate(-12deg)}.screenshot-card[data-template=ribbon]:after{opacity:1;background:#ffffff2e;border-radius:999px;width:18cqw;height:6.6cqw;top:60%;left:8%}.screenshot-card[data-template=poster] .screenshot-device{height:68%;bottom:-18%;transform:translate(-50%)}.screenshot-card[data-template=poster] .screenshot-card__copy{top:7%;left:5%;right:5%}.screenshot-card[data-template=poster] .screenshot-card__copy h3{font-size:10.8cqw}.screenshot-card[data-template=poster] .screenshot-card__copy p{max-width:82%}.screenshot-card[data-template=stage] .screenshot-device{height:70%;bottom:-1%;left:28%;transform:translate(-50%)}.screenshot-card[data-template=stage] .screenshot-card__copy{text-align:left;inset:auto 6% 10% 46%}.screenshot-card[data-template=stage] .screenshot-card__copy h3{font-size:8.1cqw}.screenshot-card[data-template=stage] .screenshot-card__copy p{max-width:100%;margin-left:0;font-size:4.05cqw}.screenshot-card[data-template=stage]:before{opacity:1;background:linear-gradient(#ffffff29,#ffffff14);border:1px solid #ffffff2e;border-radius:6cqw;inset:52% 5% 6% 41%}.screenshot-card[data-template=stage]:after{opacity:1;background:#ffffff57;border-radius:999px;width:15cqw;height:2cqw;top:58%;left:48%}.screenshot-card[data-template=minimal] .screenshot-device{height:56%;bottom:4%;transform:translate(-50%)}.screenshot-card[data-template=minimal] .screenshot-card__copy{top:8%;left:10%;right:10%}.screenshot-card[data-template=minimal] .screenshot-card__copy h3{letter-spacing:-.025em;font-size:7.4cqw;font-weight:680}.screenshot-card[data-template=minimal] .screenshot-card__copy p{opacity:.8;max-width:72%;font-size:3.25cqw}.screenshot-card[data-customized=true] .screenshot-device{left:var(--custom-phone-x,50%);top:var(--custom-phone-y,70%);z-index:var(--custom-phone-z,6);height:var(--custom-phone-height,70%);transform:translate(-50%, -50%) rotate(var(--custom-phone-rotate,0deg));cursor:grab;touch-action:none;user-select:none;-webkit-user-drag:none;transition:none;bottom:auto}.screenshot-card[data-customized=true] .screenshot-device *,.screenshot-card[data-customized=true] .screenshot-device img{pointer-events:none;user-select:none;-webkit-user-drag:none}.screenshot-card[data-customized=true] .screenshot-card__copy{top:var(--custom-text-y,8%);bottom:auto;right:auto;left:var(--custom-text-x,50%);z-index:var(--custom-text-z,7);width:var(--custom-text-width,68%);transform:translateX(-50%) rotate(var(--custom-text-rotate,0deg));transform-origin:50%;pointer-events:none;touch-action:none;user-select:none}.screenshot-card[data-customized=true] .screenshot-card__copy>*{pointer-events:auto;cursor:grab;touch-action:none;user-select:none}.screenshot-card[data-customized=true] .screenshot-card__copy h3{font-size:calc(9.33cqw * var(--custom-text-scale,1))}.screenshot-card[data-customized=true][data-style=minimal] .screenshot-card__copy h3{font-size:calc(7.67cqw * var(--custom-text-scale,1))}.screenshot-card[data-customized=true] .screenshot-card__copy p{max-width:100%;font-size:calc(4.4cqw * var(--custom-text-scale,1));margin-left:0;margin-right:0}.screenshot-device[data-frame=clay] .screenshot-device__face{background:linear-gradient(165deg,#ffffff1f 0%,#ffffff06 14%,#0000 24%),linear-gradient(#30343b 0%,#171a1f 22%,#080a0d 58%,#15181d 100%);border-radius:9.4cqw;padding:3%;box-shadow:0 18px 34px #12141b40,inset 0 2px #ffffff12,inset 0 -4px 12px #00000052}.screenshot-device[data-frame=clay] .screenshot-device__camera-dot{display:none}.screenshot-device[data-frame=clay] .screenshot-device__topcutout{background:linear-gradient(#050608,#11161c);border-radius:999px;width:31%;height:4.5%;top:2.55%;box-shadow:inset 0 1px #ffffff09,0 1px #ffffff0d}.screenshot-device[data-frame=clay] .screenshot-device__screen{border-radius:6.9cqw}.screenshot-device[data-frame=android] .screenshot-device__face{background:linear-gradient(165deg,#ffffff21 0%,#ffffff08 13%,#0000 24%),linear-gradient(#414955 0%,#1b212b 16%,#0b0e13 50%,#151a22 100%);border-radius:7.2cqw;padding:2.6%}.screenshot-device[data-frame=slim] .screenshot-device__face{background:linear-gradient(155deg,#fff3,#0000 19%),linear-gradient(#343943,#11151b 48%,#20252c);border-radius:6.2cqw;padding:1.65%;box-shadow:0 18px 34px #12141b3b,inset 0 1px #ffffff17,inset 0 -3px 9px #00000047}.screenshot-device[data-frame=tablet] .screenshot-device__face{background:linear-gradient(155deg,#ffffff2b,#0000 18%),linear-gradient(#454b55,#171b21 50%,#242a31);border-radius:4.4cqw;padding:1.9%;box-shadow:0 18px 34px #12141b3d,inset 0 2px #ffffff12,inset 0 -4px 12px #00000047}.screenshot-device[data-frame=clay] .screenshot-device__edge{background:linear-gradient(90deg,#505862 0%,#f4f6f8 16%,#c5ccd4 34%,#7c8793 58%,#313943 82%,#e2e6ea 100%)}.screenshot-device[data-frame=android] .screenshot-device__edge{background:linear-gradient(90deg,#11161d 0%,#747e8c 20%,#313946 47%,#11161b 74%,#87919e 100%)}.screenshot-device[data-frame=slim] .screenshot-device__edge{background:linear-gradient(90deg,#151a20 0%,#9aa3ae 22%,#3c444e 55%,#151a20 80%,#88929e 100%)}.screenshot-device[data-frame=tablet] .screenshot-device__edge{background:linear-gradient(90deg,#343b44,#c8cfd7 22%,#697480 55%,#242b33 82%,#aeb6c0);width:4.4%}.screenshot-device[data-frame=android] .screenshot-device__backplate{border-radius:7cqw}.screenshot-device[data-frame=slim] .screenshot-device__backplate{border-radius:6cqw}.screenshot-device[data-frame=tablet] .screenshot-device__backplate{border-radius:4.3cqw}.screenshot-device[data-device-view=left] .screenshot-device__face{box-shadow:2.5cqw 2.6cqw 4.8cqw #0a0e164d,inset -.28cqw 0 1.1cqw #00000038!important}.screenshot-device[data-device-view=right] .screenshot-device__face{box-shadow:-2.5cqw 2.6cqw 4.8cqw #0a0e164d,inset .28cqw 0 1.1cqw #00000038!important}.screenshot-device[data-device-view=tilt-left] .screenshot-device__face{box-shadow:2.8cqw 3cqw 5.2cqw #0a0e164f,inset -.25cqw 0 1cqw #0003!important}.screenshot-device[data-device-view=tilt-right] .screenshot-device__face{box-shadow:-2.8cqw 3cqw 5.2cqw #0a0e164f,inset .25cqw 0 1cqw #0003!important}.screenshot-device[data-frame=none]{--device-frame-ratio:9 / 19.5;width:auto}.screenshot-device[data-frame=none] .screenshot-device__face{background:0 0;border:0;border-radius:4cqw;padding:0;box-shadow:0 18px 34px #12141b33}.screenshot-device[data-frame=none] .screenshot-device__face:before,.screenshot-device[data-frame=none] .screenshot-device__face:after,.screenshot-device[data-frame=none] .screenshot-device__topcutout,.screenshot-device[data-frame=none] .screenshot-device__camera-dot,.screenshot-device[data-frame=none] .screenshot-device__side-button,.screenshot-device[data-frame=none] .screenshot-device__depth-shadow,.screenshot-device[data-frame=none] .screenshot-device__backplate,.screenshot-device[data-frame=none] .screenshot-device__edge{display:none}.screenshot-device[data-frame=none][data-device-view=left] .screenshot-device__face,.screenshot-device[data-frame=none][data-device-view=right] .screenshot-device__face,.screenshot-device[data-frame=none][data-device-view=tilt-left] .screenshot-device__face,.screenshot-device[data-frame=none][data-device-view=tilt-right] .screenshot-device__face{transform:none}.screenshot-device__topcutout{z-index:6;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.screenshot-device[data-frame=iphone] .screenshot-device__topcutout{background:linear-gradient(#050608,#11161c);border-radius:999px;width:35%;height:5.2%;top:2.45%;box-shadow:inset 0 1px #ffffff0a,0 1px #ffffff0d}.screenshot-device[data-frame=android] .screenshot-device__topcutout{background:#080a0eb3;border-radius:999px;width:24%;height:.9%;top:2.7%}.screenshot-device[data-frame=slim] .screenshot-device__topcutout,.screenshot-device[data-frame=tablet] .screenshot-device__topcutout{display:none}.screenshot-device__camera-dot{z-index:7;pointer-events:none;position:absolute}.screenshot-device[data-frame=iphone] .screenshot-device__camera-dot{aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#263246,#06080d 58%);border-radius:50%;width:2.4%;top:3.9%;left:61%;box-shadow:0 0 0 1px #ffffff0a}.screenshot-device[data-frame=android] .screenshot-device__camera-dot{aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#2f3948,#05070b 58%);border-radius:50%;width:2.2%;top:2.7%;left:50%;transform:translate(-50%)}.screenshot-device[data-frame=slim] .screenshot-device__camera-dot{aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#344155,#05070b 62%);border-radius:50%;width:1.65%;top:1.75%;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff0a}.screenshot-device[data-frame=tablet] .screenshot-device__camera-dot{aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#344155,#05070b 62%);border-radius:50%;width:1.15%;top:1.45%;left:50%;transform:translate(-50%)}.screenshot-device__side-button{z-index:1;pointer-events:none;background:linear-gradient(#8b93a1,#3a4250);border-radius:999px;width:1.4%;min-width:1.5px;position:absolute;box-shadow:0 0 0 1px #00000026}.screenshot-device__side-button--left-top{height:12%;top:24%;left:-.5%}.screenshot-device__side-button--left-bottom{height:18%;top:39%;left:-.5%}.screenshot-device__side-button--right{height:16%;top:28%;right:-.5%}.screenshot-device[data-device-view=left] .screenshot-device__side-button--right,.screenshot-device[data-device-view=tilt-left] .screenshot-device__side-button--right{background:linear-gradient(#dfe4ea,#788391 58%,#3f4751);width:1.25%;right:-1.15%}.screenshot-device[data-device-view=right] .screenshot-device__side-button--left-top,.screenshot-device[data-device-view=right] .screenshot-device__side-button--left-bottom,.screenshot-device[data-device-view=tilt-right] .screenshot-device__side-button--left-top,.screenshot-device[data-device-view=tilt-right] .screenshot-device__side-button--left-bottom{background:linear-gradient(#dfe4ea,#788391 58%,#3f4751);width:1.25%;left:-1.15%}.screenshot-device[data-device-view=left] .screenshot-device__side-button--left-top,.screenshot-device[data-device-view=left] .screenshot-device__side-button--left-bottom,.screenshot-device[data-device-view=tilt-left] .screenshot-device__side-button--left-top,.screenshot-device[data-device-view=tilt-left] .screenshot-device__side-button--left-bottom,.screenshot-device[data-device-view=right] .screenshot-device__side-button--right,.screenshot-device[data-device-view=tilt-right] .screenshot-device__side-button--right{opacity:.12}.screenshot-device[data-frame=android] .screenshot-device__side-button--left-top{height:11%;top:26%}.screenshot-device[data-frame=android] .screenshot-device__side-button--left-bottom{display:none}.screenshot-device[data-frame=android] .screenshot-device__side-button--right{height:22%;top:24%}.screenshot-device[data-frame=slim] .screenshot-device__side-button--left-bottom{display:none}.screenshot-device[data-frame=slim] .screenshot-device__side-button--left-top{height:10%;top:27%}.screenshot-device[data-frame=slim] .screenshot-device__side-button--right{height:19%;top:25%}.screenshot-device[data-frame=tablet] .screenshot-device__side-button--left-top{height:9%;top:22%}.screenshot-device[data-frame=tablet] .screenshot-device__side-button--left-bottom{display:none}.screenshot-device[data-frame=tablet] .screenshot-device__side-button--right{height:12%;top:21%}.screenshot-device__screen{color:#172033;background:#f8fafc;border-radius:7.4cqw;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 0 1px #0003}.screenshot-device__screen:after{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff2e 0%,#fff0 24% 72%,#ffffff0d 100%);position:absolute;inset:0}.screenshot-device[data-frame=android] .screenshot-device__screen{border-radius:5.2cqw}.screenshot-device[data-frame=slim] .screenshot-device__screen{border-radius:4.8cqw}.screenshot-device[data-frame=tablet] .screenshot-device__screen{border-radius:3.2cqw}.screenshot-device[data-device-view=landscape] .screenshot-device__screen{border-radius:2.7cqw}.screenshot-device[data-device-view=landscape] .screenshot-device__topcutout{width:4.5%;height:31%;top:50%;left:2.6%;transform:translateY(-50%)}.screenshot-device[data-device-view=landscape][data-frame=android] .screenshot-device__topcutout{display:none}.screenshot-device[data-device-view=landscape] .screenshot-device__camera-dot{width:1.45%;top:50%;left:2.6%;transform:translate(-50%,-50%)}.screenshot-device[data-device-view=landscape] .screenshot-device__side-button--left-top{width:12%;height:1.4%;top:-.45%;left:24%}.screenshot-device[data-device-view=landscape] .screenshot-device__side-button--left-bottom{width:18%;height:1.4%;top:-.45%;left:39%}.screenshot-device[data-device-view=landscape] .screenshot-device__side-button--right{width:16%;height:1.4%;top:99.15%;left:62%;right:auto}.screenshot-device[data-frame=none] .screenshot-device__screen{border-radius:3.33cqw;box-shadow:0 18px 34px #12141b1f}.screenshot-device__image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.screenshot-device__placeholder{background:linear-gradient(#fff,#eef3f8);place-items:center;padding:10% 10% 12%;display:grid;position:absolute;inset:0}.screenshot-device__placeholder-brand{align-content:center;justify-items:center;gap:6%;width:100%;max-width:72%;display:grid}.screenshot-device__placeholder-logo{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 10px 24px #6d4aff1f);width:min(56%,14.4cqw);max-width:220px}.screenshot-device__placeholder-wordmark{color:#182033;letter-spacing:-.04em;text-align:center;font-size:5.2cqw;font-weight:800;line-height:1.05}.screenshot-device__placeholder-url{color:#7a8496;letter-spacing:-.01em;text-align:center;font-size:2.5cqw;font-weight:650}.screenshot-save-status{min-height:30px;color:var(--ss-faint);letter-spacing:.01em;white-space:nowrap;align-items:center;padding:0 4px;font-size:10px;font-weight:690;transition:color .16s,opacity .16s;display:inline-flex}.screenshot-save-status[data-state=saving],.screenshot-save-status[data-state=saved]{color:var(--ss-muted)}.screenshot-save-status[data-state=error]{color:#dc4c4c}.screenshot-stage-status{border-top:1px solid var(--ss-line);background:color-mix(in srgb, var(--ss-surface) 94%, transparent);min-height:42px;color:var(--ss-muted);align-items:center;gap:9px;padding:0 14px;font-size:10px;font-weight:690;display:flex}.screenshot-stage-status i{background:var(--ss-faint);border-radius:50%;width:3px;height:3px}.screenshot-stage-status__hint{color:var(--ss-faint);margin-left:auto;font-weight:560}.screenshot-toolrail{z-index:12;border:1px solid var(--ss-line);background:var(--ss-surface-2);border-radius:9px;flex-direction:column;align-self:stretch;align-items:center;gap:6px;min-width:0;min-height:0;padding:9px 7px;display:flex;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff06,0 10px 24px #0000001f}.screenshot-toolrail__button{width:40px;height:40px;color:var(--ss-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:0 0 40px;place-items:center;padding:0;display:grid;position:relative}.screenshot-toolrail__button:hover{background:var(--ss-hover);color:var(--ss-text)}.screenshot-toolrail__button.is-active{border-color:color-mix(in srgb, var(--ss-accent) 42%, var(--ss-line));background:var(--ss-accent-soft);color:var(--ss-accent-text);box-shadow:inset 2px 0 0 color-mix(in srgb,var(--ss-accent) 78%,white)}.screenshot-toolrail__button svg{fill:none;stroke:currentColor;stroke-width:1.55px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.screenshot-toolrail__button:after{content:attr(data-tooltip);z-index:50;border:1px solid var(--ss-line);background:var(--ss-stage);color:var(--ss-text);white-space:nowrap;opacity:0;pointer-events:none;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:650;line-height:1;transition:opacity .12s,transform .12s;position:absolute;top:50%;left:calc(100% + 12px);transform:translate(4px,-50%);box-shadow:0 8px 22px #0000002e}.screenshot-toolrail__button:hover:after,.screenshot-toolrail__button:focus-visible:after{opacity:1;transform:translateY(-50%)}.screenshot-toolrail__divider{background:var(--ss-line);flex:0 0 1px;width:28px;height:1px;margin:2px 0}.screenshot-toolrail__spacer{flex:auto;min-height:8px}.screenshot-sidebar{border:1px solid var(--ss-line);background:color-mix(in srgb,var(--ss-surface) 96%,var(--ss-stage));scrollbar-width:thin;scrollbar-color:var(--ss-line-strong) transparent;border-radius:9px;min-width:0;min-height:0;padding:0 8px 8px;overflow:hidden auto;box-shadow:0 12px 28px #0000001f}.screenshot-sidebar__head{z-index:20;border-bottom:1px solid var(--ss-line);background:color-mix(in srgb,var(--ss-surface) 96%,transparent);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:12px;min-height:54px;margin:0 -8px 8px;padding:8px 9px 8px 13px;display:flex;position:sticky;top:0}.screenshot-sidebar__title{gap:1px;min-width:0;display:grid}.screenshot-sidebar__title small{color:var(--ss-faint);text-transform:uppercase;letter-spacing:.075em;font-size:9px;font-weight:720;line-height:1.2}.screenshot-sidebar__title strong{color:var(--ss-text);letter-spacing:-.015em;font-size:14px;font-weight:790;line-height:1.2}.screenshot-sidebar__close{border:1px solid var(--ss-line);background:var(--ss-surface-2);width:30px;height:30px;color:var(--ss-muted);cursor:pointer;border-radius:7px;flex:none;place-items:center;padding:0;display:grid}.screenshot-sidebar__close:hover{border-color:var(--ss-line-strong);background:var(--ss-hover);color:var(--ss-text)}.screenshot-sidebar__close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:15px;height:15px}.screenshot-sidebar{grid-template-rows:minmax(0,1fr);padding:0;display:grid;position:relative;overflow:hidden}.screenshot-sidebar__base{scrollbar-width:thin;scrollbar-color:var(--ss-line-strong) transparent;grid-area:1/1;height:100%;min-height:0;padding:0 8px 12px;overflow:hidden auto}.screenshot-sidebar.is-detail-open .screenshot-sidebar__base{display:none}.screenshot-control-groups{padding-bottom:5px}.screenshot-control-groups__list{gap:6px;display:grid}.screenshot-control-group{border:1px solid var(--ss-line);background:var(--ss-surface-2);width:100%;min-height:58px;color:var(--ss-muted);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:36px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:8px 9px;transition:border-color .14s,background .14s,color .14s,transform .14s;display:grid}.screenshot-control-group:hover{border-color:color-mix(in srgb,var(--ss-accent) 42%,var(--ss-line-strong));background:color-mix(in srgb,var(--ss-accent) 7%,var(--ss-hover));color:var(--ss-text);transform:translate(1px)}.screenshot-control-group__icon{border:1px solid var(--ss-line);background:var(--ss-control);width:36px;height:36px;color:var(--ss-muted);border-radius:8px;place-items:center;display:grid}.screenshot-control-group__icon svg{fill:none;stroke:currentColor;stroke-width:1.55px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.screenshot-control-group>span:nth-child(2){gap:2px;min-width:0;display:grid}.screenshot-control-group strong{color:var(--ss-text);font-size:11px;font-weight:760;line-height:1.2}.screenshot-control-group small{color:var(--ss-faint);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:560;line-height:1.25;overflow:hidden}.screenshot-control-group>i{color:var(--ss-faint);text-align:center;font-size:20px;font-style:normal;line-height:1}.screenshot-sidebar-overlay{z-index:1;visibility:hidden;pointer-events:none;background:0 0;grid-area:1/1;grid-template-rows:auto minmax(0,1fr);min-width:0;height:100%;min-height:0;display:none;position:relative;inset:auto}.screenshot-sidebar-overlay.is-open{visibility:visible;pointer-events:auto;display:grid}.screenshot-sidebar-overlay__head{border-bottom:1px solid var(--ss-line);background:var(--ss-surface);grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:8px;min-height:54px;padding:8px 9px;display:grid}.screenshot-sidebar-overlay__back{border:1px solid var(--ss-line);background:var(--ss-surface-2);width:30px;height:30px;color:var(--ss-muted);cursor:pointer;border-radius:7px;place-items:center;padding:0;display:grid}.screenshot-sidebar-overlay__back:hover{border-color:var(--ss-line-strong);background:var(--ss-hover);color:var(--ss-text)}.screenshot-sidebar-overlay__back svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.screenshot-sidebar-overlay__body{scrollbar-width:thin;scrollbar-color:var(--ss-line-strong) transparent;min-height:0;padding:8px 8px 12px;overflow:hidden auto}.screenshot-sidebar-overlay__body>.screenshot-panel:first-child{margin-top:0}.screenshot-sidebar-overlay [data-inspector-group].is-inspector-group-hidden{display:none}.screenshot-panel.is-inspector-group-hidden{display:none!important}.screenshot-panel{border:1px solid var(--ss-line);background:var(--ss-surface);box-shadow:none;border-radius:8px;margin-bottom:8px;padding:14px}.screenshot-panel:last-child{margin-bottom:0}.screenshot-panel__head{justify-content:space-between;align-items:flex-start;gap:12px;min-height:24px;margin-bottom:13px;display:flex}.screenshot-panel__head h2{letter-spacing:-.015em;margin:0;font-size:14px;font-weight:780;line-height:1.2}.screenshot-panel__head small{color:var(--ss-faint);margin-top:3px;font-size:11px;font-weight:560;line-height:1.3;display:block}.screenshot-help{border:1px solid var(--ss-line-strong);width:18px;height:18px;color:var(--ss-faint);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:800;display:grid}.screenshot-segmented{gap:7px;display:grid}.screenshot-segmented--2{grid-template-columns:repeat(2,minmax(0,1fr))}.screenshot-segmented button{border:1px solid var(--ss-line);background:var(--ss-surface-2);min-width:0;min-height:42px;color:var(--ss-muted);font:inherit;cursor:pointer;border-radius:7px;padding:8px 10px;font-size:12px;font-weight:690;line-height:1.2}.screenshot-segmented button:hover{border-color:var(--ss-line-strong);color:var(--ss-text)}.screenshot-segmented button.is-active{border-color:color-mix(in srgb, var(--ss-accent) 70%, var(--ss-line));background:var(--ss-accent-soft);color:var(--ss-accent-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ss-accent) 12%, transparent)}.store-mark{margin-right:6px;font-size:11px;display:inline-block}.store-mark--play{color:#22c55e}.screenshot-requirements-note{border:1px solid var(--ss-line);background:color-mix(in srgb, var(--ss-accent) 5%, var(--ss-surface-2));color:var(--ss-muted);border-radius:7px;margin:12px 0 0;padding:10px 11px;font-size:10.5px;font-weight:560;line-height:1.45}.screenshot-field{color:var(--ss-muted);gap:7px;margin-top:12px;font-size:12px;font-weight:620;line-height:1.3;display:grid}.screenshot-field--inline{grid-template-columns:128px minmax(0,1fr);align-items:center;gap:12px}.screenshot-field input,.screenshot-field select{border:1px solid var(--ss-line);background:var(--ss-surface-2);width:100%;height:38px;color:var(--ss-text);font:inherit;border-radius:7px;outline:0;padding:0 12px;font-size:12px}.screenshot-field input:focus,.screenshot-field select:focus{border-color:color-mix(in srgb, var(--ss-accent) 70%, var(--ss-line));box-shadow:0 0 0 3px var(--ss-accent-soft)}.caption-color-control{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;display:grid}.caption-color-control input[type=color]{border:1px solid var(--ss-line);background:var(--ss-surface-2);cursor:pointer;border-radius:7px;width:38px;height:38px;padding:3px}.caption-color-control .caption-color-hex{border:1px solid var(--ss-line);background:var(--ss-surface-2);width:100%;min-width:0;height:34px;color:var(--ss-muted);text-transform:uppercase;border-radius:6px;padding:0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px;font-weight:700}.caption-color-control button{border:1px solid var(--ss-line);background:var(--ss-surface-2);min-height:34px;color:var(--ss-muted);font:inherit;cursor:pointer;border-radius:7px;padding:0 10px;font-size:10.5px;font-weight:700}.caption-color-control button.is-active{border-color:color-mix(in srgb, var(--ss-accent) 62%, var(--ss-line));background:var(--ss-accent-soft);color:var(--ss-accent-text)}.screenshot-stepper{border:1px solid var(--ss-line);background:var(--ss-surface-2);border-radius:7px;grid-template-columns:38px 1fr 38px;height:38px;display:grid;overflow:hidden}.screenshot-stepper button{color:var(--ss-text);cursor:pointer;background:0 0;border:0;font-size:18px;font-weight:600}.screenshot-stepper button:hover{background:var(--ss-hover)}.screenshot-stepper output{border-right:1px solid var(--ss-line);border-left:1px solid var(--ss-line);color:var(--ss-text);place-items:center;font-size:12px;font-weight:760;display:grid}.screenshot-toggle{min-height:38px;color:var(--ss-muted);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:620;line-height:1.3;display:flex}.screenshot-toggle input{opacity:0;pointer-events:none;position:absolute}.screenshot-toggle i{background:color-mix(in srgb, var(--ss-text) 12%, transparent);border-radius:999px;flex:none;width:34px;height:20px;transition:background .16s;position:relative}.screenshot-toggle i:after{content:"";background:var(--ss-surface);border-radius:50%;width:14px;height:14px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000002e}.screenshot-toggle input:checked+i{background:var(--ss-accent)}.screenshot-toggle input:checked+i:after{transform:translate(14px)}.screenshot-prop-library{gap:10px;display:grid}.screenshot-prop-library__section{border:1px solid var(--ss-line);background:color-mix(in srgb, var(--ss-surface-2) 78%, var(--ss-surface));border-radius:8px;gap:7px;padding:9px;display:grid}.screenshot-prop-library__heading{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.screenshot-prop-library__heading>span{min-width:0}.screenshot-prop-library__heading strong,.screenshot-prop-library__heading small{display:block}.screenshot-prop-library__heading strong{color:var(--ss-text);font-size:10.5px;font-weight:780;line-height:1.2}.screenshot-prop-library__heading small{color:var(--ss-faint);margin-top:2px;font-size:8.8px;font-weight:560;line-height:1.25}.screenshot-prop-library__toggle{border:1px solid var(--ss-line);background:var(--ss-control);min-height:25px;color:var(--ss-muted);font:inherit;cursor:pointer;border-radius:5px;padding:0 7px;font-size:9px;font-weight:720}.screenshot-prop-library__toggle:hover{border-color:var(--ss-line-strong);color:var(--ss-text)}.screenshot-prop-tile-grid{gap:6px;display:grid}.screenshot-prop-tile-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.screenshot-prop-tile{border:1px solid var(--ss-line);background:var(--ss-surface);min-width:0;min-height:66px;color:var(--ss-text);text-align:center;cursor:pointer;border-radius:7px;grid-template-rows:29px auto;place-items:center;gap:5px;padding:7px 5px;transition:border-color .15s,background .15s,transform .15s;display:grid}.screenshot-prop-tile:hover{border-color:color-mix(in srgb, var(--ss-accent) 42%, var(--ss-line));background:var(--ss-hover);transform:translateY(-1px)}.screenshot-prop-tile strong,.screenshot-prop-tile small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.screenshot-prop-tile strong{font-size:9.8px;font-weight:760;line-height:1.15}.screenshot-prop-tile small{color:var(--ss-faint);margin-top:2px;font-size:8.5px;font-weight:560;line-height:1.1}.screenshot-prop-tile__preview{border:1px solid var(--ss-line);background:var(--ss-surface-2);width:36px;height:28px;color:var(--ss-text);border-radius:5px;place-items:center;line-height:1;display:grid}.screenshot-prop-tile__preview--heading{letter-spacing:-.08em;font-family:Georgia,serif;font-size:20px;font-weight:800}.screenshot-prop-tile__preview--body{letter-spacing:-.04em;font-size:13px;font-weight:550}.screenshot-prop-tile__shape{background:linear-gradient(135deg,color-mix(in srgb,var(--ss-accent) 85%,white),color-mix(in srgb,var(--ss-accent) 52%,transparent));width:34px;height:23px;display:block;box-shadow:inset 0 0 0 1px #ffffff3d}.screenshot-prop-tile__shape--rect{border-radius:7px}.screenshot-prop-tile__shape--circle{border-radius:50%;width:26px;height:26px}.screenshot-prop-tile__icon{width:31px;height:28px;color:var(--ss-muted);place-items:center;display:grid}.screenshot-prop-tile__icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.screenshot-prop-tile__badge{border:1px solid var(--ss-line);color:#111827;background:#fff;border-radius:8px;align-content:center;place-items:center;gap:0;width:42px;height:28px;display:grid;box-shadow:0 3px 8px #0f172a14}.screenshot-prop-tile__badge b{font-size:9px;line-height:1}.screenshot-prop-tile__badge i{color:#6b7280;margin-top:2px;font-size:6px;font-style:normal;line-height:1}.screenshot-prop-tile__chip{background:color-mix(in srgb,var(--ss-accent) 12%,var(--ss-surface));min-width:42px;height:24px;color:var(--ss-accent-text);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:8px;font-weight:800;display:inline-flex}.screenshot-prop-tile__review{border:1px solid var(--ss-line);color:#111827;background:#fff;border-radius:7px;align-content:center;gap:2px;width:44px;height:31px;padding:4px 5px;display:grid;box-shadow:0 3px 8px #0f172a14}.screenshot-prop-tile__review i{color:#f59e0b;letter-spacing:-.04em;font-size:6px;font-style:normal}.screenshot-prop-tile__review b{white-space:nowrap;text-overflow:ellipsis;font-size:6.5px;line-height:1.15;overflow:hidden}.screenshot-prop-icon-library{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.screenshot-prop-icon-library button{border:1px solid var(--ss-line);background:var(--ss-surface);min-height:56px;color:var(--ss-muted);font:inherit;cursor:pointer;border-radius:7px;align-content:center;place-items:center;gap:4px;padding:6px 4px;display:grid}.screenshot-prop-icon-library button:hover{border-color:color-mix(in srgb,var(--ss-accent) 40%,var(--ss-line));background:var(--ss-hover);color:var(--ss-text)}.screenshot-prop-icon-library button span{color:var(--ss-accent-text);font-size:19px;line-height:1}.screenshot-prop-icon-library button small{font-size:8px;font-weight:680}.screenshot-prop-tile__decor{width:40px;height:28px;display:block}.screenshot-prop-tile__decor--blob{background:linear-gradient(135deg,color-mix(in srgb,var(--ss-accent) 85%,white),color-mix(in srgb,var(--ss-accent) 36%,transparent));border-radius:62% 38% 58% 42%/45% 58% 42% 55%}.screenshot-prop-tile__decor--ring{border:5px solid color-mix(in srgb,var(--ss-accent) 55%,transparent);border-radius:50%;width:28px;height:28px;margin-inline:6px}.screenshot-prop-tile__decor--dots{background-image:radial-gradient(circle at center,color-mix(in srgb,var(--ss-accent) 72%,transparent) 1.4px,transparent 1.8px);background-size:8px 8px}.screenshot-prop-tile__decor--line{background:linear-gradient(90deg,transparent,var(--ss-accent),transparent);border-radius:999px;height:6px;margin-block:11px}.screenshot-inspector-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.screenshot-inspector-icon-grid button{border:1px solid var(--ss-line);background:var(--ss-surface);min-height:31px;color:var(--ss-muted);font:inherit;cursor:pointer;border-radius:6px;font-size:16px}.screenshot-inspector-icon-grid button:hover{border-color:color-mix(in srgb,var(--ss-accent) 38%,var(--ss-line));background:var(--ss-hover);color:var(--ss-text)}.screenshot-inspector-icon-grid button.is-active{border-color:color-mix(in srgb,var(--ss-accent) 70%,var(--ss-line));background:color-mix(in srgb,var(--ss-accent) 9%,var(--ss-surface));color:var(--ss-accent-text)}.screenshot-props-hint{color:var(--ss-faint);margin:9px 0 0;font-size:10.5px;line-height:1.45}.screenshot-prop-inspector{border:1px solid var(--ss-line);background:var(--ss-surface-2);border-radius:8px;gap:9px;margin-top:10px;padding:10px;display:grid}.screenshot-prop-inspector[hidden],.screenshot-prop-single-inspector[hidden],.screenshot-prop-inspector__section[hidden],#prop-inspector-device-view-wrap[hidden]{display:none}.screenshot-prop-inspector__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.screenshot-prop-inspector__head>span{gap:2px;min-width:0;display:grid}.screenshot-prop-inspector__head strong{text-overflow:ellipsis;white-space:nowrap;color:var(--ss-text);font-size:11.5px;overflow:hidden}.screenshot-prop-inspector__head small{color:var(--ss-faint);font-size:9.5px}.screenshot-prop-inspector__head>div{gap:4px;display:flex}.screenshot-prop-inspector__head button{border:1px solid var(--ss-line);background:var(--ss-control);min-height:27px;color:var(--ss-muted);font:inherit;cursor:pointer;border-radius:5px;padding:0 7px;font-size:9.5px;font-weight:680}.screenshot-prop-inspector__head button:hover:not(:disabled){border-color:var(--ss-line-strong);color:var(--ss-text)}.screenshot-prop-inspector__head button:disabled{opacity:.38;cursor:default}.screenshot-prop-single-inspector{gap:8px;display:grid}.screenshot-prop-inspector__section{border-top:1px solid var(--ss-line);gap:7px;padding-top:9px;display:grid}.screenshot-prop-inspector__section-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.screenshot-prop-inspector__section-head strong{color:var(--ss-text);text-transform:uppercase;letter-spacing:.045em;font-size:10px;font-weight:780}.screenshot-prop-inspector__section-head span{color:var(--ss-faint);font-size:8.8px;font-weight:620}.screenshot-inspector-label{color:var(--ss-faint);font-size:9px;font-weight:720}.screenshot-inspector-segment{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid}.screenshot-inspector-segment button,.screenshot-inspector-action{border:1px solid var(--ss-line);background:var(--ss-control);min-height:29px;color:var(--ss-muted);font:inherit;cursor:pointer;border-radius:5px;padding:0 7px;font-size:9.5px;font-weight:700}.screenshot-inspector-segment button:hover:not(:disabled),.screenshot-inspector-action:hover:not(:disabled){border-color:var(--ss-line-strong);color:var(--ss-text)}.screenshot-inspector-segment button.is-active{border-color:color-mix(in srgb,var(--ss-accent) 65%,var(--ss-line));background:color-mix(in srgb,var(--ss-accent) 9%,var(--ss-control));color:var(--ss-accent-text)}.screenshot-inspector-segment button:disabled,.screenshot-inspector-action:disabled{opacity:.4;cursor:default}.screenshot-inspector-grid{gap:6px;display:grid}.screenshot-inspector-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.screenshot-inspector-field{min-width:0;color:var(--ss-faint);grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:center;gap:7px;font-size:9px;font-weight:680;display:grid}.screenshot-inspector-field--stack{grid-template-columns:1fr;align-items:stretch;gap:4px}.screenshot-inspector-field input[type=number],.screenshot-inspector-field select,#prop-text-content{border:1px solid var(--ss-line);background:var(--ss-control);width:100%;min-width:0;min-height:31px;color:var(--ss-text);font:inherit;border-radius:5px;padding:6px 7px;font-size:10px}#prop-text-content{resize:vertical;min-height:64px;line-height:1.35}.screenshot-inspector-range{grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:6px;min-width:0;display:grid}.screenshot-inspector-range input[type=range]{width:100%;min-width:0;accent-color:var(--ss-accent)}.screenshot-inspector-range output{color:var(--ss-muted);text-align:right;font-variant-numeric:tabular-nums;font-size:9px}.screenshot-inspector-color{color:var(--ss-faint);grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);align-items:center;gap:7px;font-size:9px;font-weight:680;display:grid}.screenshot-inspector-color>span:last-child{grid-template-columns:31px minmax(0,1fr) auto;gap:4px;min-width:0;display:grid}.screenshot-inspector-color input[type=color]{border:1px solid var(--ss-line);background:var(--ss-control);cursor:pointer;border-radius:5px;width:31px;height:29px;padding:2px}.screenshot-inspector-color input[type=text]{border:1px solid var(--ss-line);background:var(--ss-control);width:100%;min-width:0;height:29px;color:var(--ss-text);font:inherit;border-radius:5px;padding:0 6px;font-size:9px}.screenshot-inspector-color button{border:1px solid var(--ss-line);background:var(--ss-control);height:29px;color:var(--ss-muted);font:inherit;cursor:pointer;border-radius:5px;padding:0 6px;font-size:8.8px;font-weight:700}.screenshot-inspector-color button.is-active{border-color:color-mix(in srgb,var(--ss-accent) 58%,var(--ss-line));color:var(--ss-accent-text)}.screenshot-prop-selection-actions{gap:6px;padding-top:2px;display:grid}.screenshot-prop-selection-actions>span{color:var(--ss-faint);letter-spacing:.05em;text-transform:uppercase;font-size:9.5px;font-weight:760}.screenshot-prop-selection-actions__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.screenshot-prop-selection-actions__distribute{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.screenshot-prop-selection-actions button{border:1px solid var(--ss-line);background:var(--ss-control);min-height:28px;color:var(--ss-muted);font:inherit;cursor:pointer;border-radius:5px;padding:0 6px;font-size:9.5px;font-weight:680}.screenshot-prop-selection-actions button:hover:not(:disabled){border-color:var(--ss-line-strong);color:var(--ss-text)}.screenshot-prop-selection-actions button:disabled{opacity:.38;cursor:default}.screenshot-prop-devices{gap:7px;display:grid}.screenshot-prop-devices[hidden]{display:none}.screenshot-prop-device-family{gap:6px;display:grid}.screenshot-prop-device-family+.screenshot-prop-device-family{border-top:1px solid var(--ss-line);padding-top:7px}.screenshot-prop-device-family__head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.screenshot-prop-device-family__head span{min-width:0}.screenshot-prop-device-family__head strong,.screenshot-prop-device-family__head small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.screenshot-prop-device-family__head strong{color:var(--ss-text);font-size:9.8px;line-height:1.2}.screenshot-prop-device-family__head small{color:var(--ss-faint);margin-top:2px;font-size:8.5px;line-height:1.2}.screenshot-prop-device-family__head em{color:var(--ss-faint);flex:none;font-size:8.2px;font-style:normal;font-weight:700;line-height:1}.screenshot-prop-device-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.screenshot-prop-device{border:1px solid var(--ss-line);background:var(--ss-surface);min-width:0;min-height:75px;color:var(--ss-muted);cursor:pointer;text-align:center;border-radius:7px;padding:7px 5px 6px;transition:border-color .15s,background .15s,transform .15s}.screenshot-prop-device:hover{border-color:color-mix(in srgb,var(--ss-accent) 42%,var(--ss-line));background:var(--ss-hover);transform:translateY(-1px)}.screenshot-prop-device.is-active{border-color:color-mix(in srgb,var(--ss-accent) 70%,var(--ss-line));box-shadow:0 0 0 1px color-mix(in srgb,var(--ss-accent) 13%,transparent) inset;color:var(--ss-accent-text)}.screenshot-prop-device strong,.screenshot-prop-device small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.screenshot-prop-device strong{margin-top:5px;font-size:9.3px}.screenshot-prop-device small{color:var(--ss-faint);margin-top:1px;font-size:8.3px}.screenshot-prop-device--raw{text-align:left;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:54px;padding:7px 8px;display:grid}.screenshot-prop-device--raw strong{margin-top:0}.prop-device-preview{transform-origin:50%;background:linear-gradient(#343a43,#111419 58%,#1d2229);border-radius:6px;width:22px;height:42px;margin:auto;padding:2px;transition:transform .16s;display:block;position:relative;box-shadow:0 3px 7px #0003}.prop-device-preview i{background:linear-gradient(145deg,#e9eef5,#cbd6e5);border-radius:4.5px;width:100%;height:100%;display:block}.prop-device-preview[data-view=left]{transform:perspective(90px)rotateY(-28deg)rotate(-2deg);box-shadow:4px 4px 7px #0003}.prop-device-preview[data-view=right]{transform:perspective(90px)rotateY(28deg)rotate(2deg);box-shadow:-4px 4px 7px #0003}.prop-device-preview[data-view=tilt-left]{transform:perspective(90px)rotateY(-9deg)rotate(-11deg);box-shadow:4px 4px 7px #0000002e}.prop-device-preview[data-view=tilt-right]{transform:perspective(90px)rotateY(9deg)rotate(11deg);box-shadow:-4px 4px 7px #0000002e}.prop-device-preview[data-view=landscape]{border-radius:6px;width:42px;height:22px;margin-top:10px;margin-bottom:10px}.prop-device-preview--clay:before{content:"";z-index:2;background:#07090c;border-radius:999px;width:7px;height:2.4px;position:absolute;top:3.8px;left:50%;transform:translate(-50%)}.prop-device-preview--android{border-radius:5px;width:21px;height:44px}.prop-device-preview--android:after{content:"";z-index:2;background:#05070a;border-radius:50%;width:2.5px;height:2.5px;position:absolute;top:3.5px;left:50%;transform:translate(-50%)}.prop-device-preview--slim{border-radius:4.5px;width:21px;height:44px;padding:1.2px}.prop-device-preview--slim:after{content:"";z-index:2;background:#05070a;border-radius:50%;width:1.7px;height:1.7px;position:absolute;top:2.6px;left:50%;transform:translate(-50%)}.prop-device-preview--tablet{border-radius:4.8px;width:29px;height:39px;padding:1.5px}.prop-device-preview--tablet:after{content:"";z-index:2;background:#05070a;border-radius:50%;width:1.5px;height:1.5px;position:absolute;top:2.2px;left:50%;transform:translate(-50%)}.prop-device-preview--android[data-view=landscape],.prop-device-preview--slim[data-view=landscape],.prop-device-preview--clay[data-view=landscape]{width:42px;height:22px}.prop-device-preview--tablet[data-view=landscape]{width:42px;height:31px;margin-top:5px;margin-bottom:6px}.prop-device-preview[data-view=landscape]:before{width:2.4px;height:7px;top:50%;left:3px;transform:translateY(-50%)}.prop-device-preview--android[data-view=landscape]:after,.prop-device-preview--slim[data-view=landscape]:after,.prop-device-preview--tablet[data-view=landscape]:after{top:50%;left:3px;transform:translate(-50%,-50%)}.prop-device-preview--raw{border:1px solid color-mix(in srgb,var(--ss-text) 18%,transparent);width:21px;height:43px;box-shadow:none;background:0 0;border-radius:4px;padding:0}.prop-device-preview--raw i{border-radius:3px}.canvas-prop{z-index:var(--prop-z,12);left:var(--prop-x,50%);top:var(--prop-y,50%);width:var(--prop-width,50%);height:var(--prop-height,auto);transform:translate(-50%, -50%) rotate(var(--prop-rotation,0deg));transform-origin:50%;touch-action:none;user-select:none;position:absolute}.canvas-prop.is-locked .canvas-prop__content{cursor:default}.canvas-prop.is-drop-target:before{content:"Drop screenshot";z-index:90;border:2px solid color-mix(in srgb, var(--ss-accent) 88%, white);background:color-mix(in srgb, var(--ss-accent) 18%, transparent);color:#fff;letter-spacing:.01em;text-shadow:0 1px 3px #00000073;pointer-events:none;backdrop-filter:blur(2px);border-radius:10px;place-items:center;font-size:10px;font-weight:800;display:grid;position:absolute;inset:-8px}.canvas-prop__content{cursor:grab;width:100%;height:100%;opacity:var(--prop-opacity,1);position:relative}.canvas-prop__content:active{cursor:grabbing}.canvas-prop.is-selected:after{content:"";z-index:55;border:1px solid color-mix(in srgb, var(--ss-accent) 88%, white);box-shadow:0 0 0 1px #ffffff73, 0 0 0 3px color-mix(in srgb, var(--ss-accent) 18%, transparent);pointer-events:none;border-radius:3px;position:absolute;inset:-4px}.canvas-prop--device{aspect-ratio:1320/2868;height:auto}.canvas-prop--device[data-frame=android]{aspect-ratio:9/20}.canvas-prop--device[data-frame=slim]{aspect-ratio:9/19.7}.canvas-prop--device[data-frame=tablet]{aspect-ratio:3/4}.canvas-prop--device[data-frame=none]{aspect-ratio:9/19.5}.canvas-prop--device[data-view=landscape][data-frame=clay]{aspect-ratio:2868/1320}.canvas-prop--device[data-view=landscape][data-frame=android]{aspect-ratio:20/9}.canvas-prop--device[data-view=landscape][data-frame=slim]{aspect-ratio:19.7/9}.canvas-prop--device[data-view=landscape][data-frame=tablet]{aspect-ratio:4/3}.canvas-prop--device .screenshot-device{width:100%!important;height:100%!important;cursor:inherit!important;transition:none!important;position:absolute!important;inset:0 0 auto!important;transform:none!important}.canvas-prop--device .screenshot-device__visual,.canvas-prop--device .screenshot-device__face{transition:none}.canvas-prop--text{height:auto}.canvas-prop__text{width:100%;color:var(--prop-color,currentColor);font-family:var(--prop-font-family,Inter, Arial, sans-serif);font-size:calc(var(--prop-font-size,8.2) * 1cqw);font-weight:var(--prop-weight,800);line-height:var(--prop-line-height,1.02);letter-spacing:var(--prop-letter-spacing,-.045em);text-align:var(--prop-align,center);white-space:pre-wrap;overflow-wrap:anywhere}.canvas-prop--text[data-text-kind=body] .canvas-prop__text{font-size:calc(var(--prop-font-size,4.4) * 1cqw);line-height:var(--prop-line-height,1.24);letter-spacing:var(--prop-letter-spacing,-.018em)}.canvas-prop--shape{height:var(--prop-height,24%)}.canvas-prop__shape{border-radius:var(--prop-radius,12%);background:var(--prop-fill,#6d4aff47);width:100%;height:100%;box-shadow:inset 0 0 0 1px #ffffff24}.canvas-prop--shape[data-shape=circle] .canvas-prop__shape{border-radius:50%}.canvas-prop--image{height:var(--prop-height,28%)}.canvas-prop__image{object-fit:cover;pointer-events:none;border-radius:3cqw;width:100%;height:100%;display:block;box-shadow:0 12px 30px #0f172a33}.canvas-prop--badge{height:var(--prop-height,10%)}.canvas-prop__badge{border-radius:var(--prop-radius,3.2cqw);background:var(--prop-fill,#fff);width:100%;height:100%;color:var(--prop-color,#111827);justify-content:center;align-items:center;gap:2.2cqw;padding:2.1cqw 3cqw;display:flex;overflow:hidden;box-shadow:0 1.8cqw 5cqw #0f172a24,inset 0 0 0 1px #0f172a0d}.canvas-prop__badge-icon{width:4.6cqw;height:4.6cqw;color:var(--prop-accent,#f59e0b);flex:none;place-items:center;display:grid}.canvas-prop__badge-icon svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.canvas-prop__badge-copy{gap:.45cqw;min-width:0;display:grid}.canvas-prop__badge-copy strong{letter-spacing:-.04em;white-space:nowrap;text-overflow:ellipsis;font-size:3.8cqw;font-weight:850;line-height:.95;overflow:hidden}.canvas-prop__badge-copy small{opacity:.66;white-space:nowrap;text-overflow:ellipsis;font-size:2.45cqw;font-weight:650;line-height:1.1;overflow:hidden}.canvas-prop--badge[data-badge-kind=chip]{height:var(--prop-height,7%)}.canvas-prop--badge[data-badge-kind=chip] .canvas-prop__badge{border-radius:999px;justify-content:flex-start;gap:1.5cqw;padding-inline:2.3cqw}.canvas-prop--badge[data-badge-kind=chip] .canvas-prop__badge-icon{width:3.5cqw;height:3.5cqw}.canvas-prop--badge[data-badge-kind=chip] .canvas-prop__badge-copy strong{font-size:3.05cqw}.canvas-prop--badge[data-badge-kind=chip] .canvas-prop__badge-copy small{display:none}.canvas-prop--review{height:var(--prop-height,22%)}.canvas-prop__review{border-radius:var(--prop-radius,3.4cqw);background:var(--prop-fill,#fff);width:100%;height:100%;color:var(--prop-color,#111827);grid-template-rows:auto 1fr auto;gap:1.5cqw;padding:3.3cqw 3.6cqw;display:grid;overflow:hidden;box-shadow:0 2cqw 6cqw #0f172a24,inset 0 0 0 1px #0f172a0d}.canvas-prop__review-stars{color:var(--prop-accent,#f59e0b);letter-spacing:.05em;white-space:nowrap;font-size:2.7cqw;font-weight:850;line-height:1}.canvas-prop__review-quote{letter-spacing:-.035em;align-self:center;margin:0;font-size:3.8cqw;font-weight:760;line-height:1.12;overflow:hidden}.canvas-prop__review-author{opacity:.62;white-space:nowrap;text-overflow:ellipsis;font-size:2.45cqw;font-weight:680;overflow:hidden}.canvas-prop--icon{aspect-ratio:1;height:auto}.canvas-prop__icon{width:100%;height:100%;color:var(--prop-color,#6d4aff);place-items:center;display:grid}.canvas-prop__icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1.2cqw 2.2cqw #0f172a1f);width:78%;height:78%}.canvas-prop--decoration{height:var(--prop-height,26%)}.canvas-prop__decoration{width:100%;height:100%;color:var(--prop-fill,#6d4aff)}.canvas-prop--decoration[data-decoration-kind=blob] .canvas-prop__decoration{background:currentColor;border-radius:62% 38% 58% 42%/45% 58% 42% 55%}.canvas-prop--decoration[data-decoration-kind=ring] .canvas-prop__decoration{background:0 0;border:max(2px,1.4cqw) solid;border-radius:50%}.canvas-prop--decoration[data-decoration-kind=dots] .canvas-prop__decoration{background-image:radial-gradient(circle,currentColor max(1px,.65cqw),#0000 max(1.2px,.82cqw));background-size:5.2cqw 5.2cqw}.canvas-prop--decoration[data-decoration-kind=line]{height:var(--prop-height,4%)}.canvas-prop--decoration[data-decoration-kind=line] .canvas-prop__decoration{background:linear-gradient(90deg,#0000,currentColor 18% 82%,#0000);border-radius:999px}.canvas-prop__toolbar{z-index:65;background:color-mix(in srgb, var(--ss-surface) 94%, transparent);white-space:nowrap;backdrop-filter:blur(10px);border:1px solid #ffffff8c;border-radius:7px;gap:3px;padding:3px;display:flex;position:absolute;top:-31px;left:50%;transform:translate(-50%);box-shadow:0 7px 18px #0003}.canvas-prop__toolbar button{min-width:22px;height:22px;color:var(--ss-text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 6px;font-size:8px;font-weight:760}.canvas-prop__toolbar button:hover:not(:disabled){background:var(--ss-hover)}.canvas-prop__toolbar button:disabled{opacity:.35;cursor:default}.canvas-prop__toolbar button[data-prop-action=delete]{color:#ef4444}.canvas-prop__rotate-stem{z-index:60;background:color-mix(in srgb, var(--ss-accent) 86%, white);pointer-events:none;width:1px;height:19px;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.canvas-prop__rotate{z-index:66;background:var(--ss-accent);width:13px;height:13px;transform:translateX(-50%) scale(var(--editor-ui-scale,1));cursor:grab;touch-action:none;border:2px solid #fff;border-radius:50%;padding:0;position:absolute;top:-37px;left:50%;box-shadow:0 1px 5px #0000004d}.canvas-prop__handle{z-index:66;background:var(--ss-accent);touch-action:none;border:1px solid #fff;border-radius:2px;width:10px;height:10px;padding:0;position:absolute;box-shadow:0 1px 4px #00000047}.canvas-prop__handle[data-prop-resize=nw]{transform:scale(var(--editor-ui-scale,1));cursor:nwse-resize;top:-7px;left:-7px}.canvas-prop__handle[data-prop-resize=ne]{transform:scale(var(--editor-ui-scale,1));cursor:nesw-resize;top:-7px;right:-7px}.canvas-prop__handle[data-prop-resize=se]{transform:scale(var(--editor-ui-scale,1));cursor:nwse-resize;bottom:-7px;right:-7px}.canvas-prop__handle[data-prop-resize=sw]{transform:scale(var(--editor-ui-scale,1));cursor:nesw-resize;bottom:-7px;left:-7px}.canvas-prop:not(.is-primary)>.canvas-prop__rotate-stem,.canvas-prop:not(.is-primary)>.canvas-prop__rotate,.canvas-prop:not(.is-primary)>.canvas-prop__handle,.canvas-prop.is-multi-selected>.canvas-prop__rotate-stem,.canvas-prop.is-multi-selected>.canvas-prop__rotate,.canvas-prop.is-multi-selected>.canvas-prop__handle{display:none!important}.canvas-prop.is-selected:not(.is-primary):after{opacity:.82;border-style:dashed;box-shadow:0 0 0 1px #ffffff4d}.canvas-prop-group-selection{z-index:70;pointer-events:none;border:1px solid color-mix(in srgb, var(--ss-accent) 92%, white);box-shadow:0 0 0 1px #ffffff8c, 0 0 0 4px color-mix(in srgb, var(--ss-accent) 14%, transparent);border-radius:4px;position:absolute}.canvas-prop-group-selection[hidden]{display:none}.canvas-prop-group-selection__toolbar{background:color-mix(in srgb, var(--ss-surface) 94%, transparent);pointer-events:auto;white-space:nowrap;backdrop-filter:blur(10px);border:1px solid #ffffff8c;border-radius:7px;align-items:center;gap:3px;padding:3px;display:flex;position:absolute;top:-34px;left:50%;transform:translate(-50%);box-shadow:0 7px 18px #0003}.canvas-prop-group-selection__toolbar>span{height:22px;color:var(--ss-faint);align-items:center;padding:0 6px;font-size:8px;font-weight:760;display:inline-flex}.canvas-prop-group-selection__toolbar button{min-width:22px;height:22px;color:var(--ss-text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 6px;font-size:8px;font-weight:750}.canvas-prop-group-selection__toolbar button:hover:not(:disabled){background:var(--ss-hover)}.canvas-prop-group-selection__toolbar button:disabled{opacity:.35;cursor:default}.canvas-prop__toolbar,.canvas-prop-group-selection__toolbar{display:none!important}.canvas-floating-toolbar{z-index:9005;box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:none;border:1px solid color-mix(in srgb, white 46%, var(--ss-line-strong));background:color-mix(in srgb, var(--ss-surface) 97%, transparent);white-space:nowrap;-webkit-backdrop-filter:blur(14px);pointer-events:auto;border-radius:10px;align-items:center;gap:5px;max-width:calc(100vw - 24px);min-height:42px;padding:5px;display:flex;position:fixed;overflow:auto hidden;box-shadow:0 12px 32px #00000047,inset 0 1px #ffffff14}.canvas-floating-toolbar::-webkit-scrollbar{display:none}.canvas-floating-toolbar[hidden]{display:none!important}.canvas-floating-toolbar>span{height:32px;color:var(--ss-faint);align-items:center;padding:0 8px;font-size:10px;font-weight:760;display:inline-flex}.canvas-floating-toolbar button{min-width:34px;height:32px;color:var(--ss-text);font:inherit;letter-spacing:.005em;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:10px;font-weight:760}.canvas-floating-toolbar button:hover:not(:disabled){background:var(--ss-hover)}.canvas-floating-toolbar button:focus-visible{outline:2px solid var(--ss-accent);outline-offset:-1px}.canvas-floating-toolbar button:disabled{opacity:.34;cursor:default}.canvas-floating-toolbar button[data-floating-prop-action=delete]{color:#ef4444}body.screenshot-preview-open .canvas-floating-toolbar,body.screenshot-preview-open .chromble-moveable,body.screenshot-preview-open .chromble-selecto{display:none!important}@media (width<=760px){.canvas-floating-toolbar{gap:3px;min-height:40px;padding:4px}.canvas-floating-toolbar button{min-width:32px;height:31px;padding-inline:8px;font-size:9px}.canvas-floating-toolbar>span{height:31px;padding-inline:6px;font-size:9px}}.canvas-prop-group-selection__toolbar button[data-prop-group-action=delete]{color:#ef4444}.canvas-prop-group-selection__handle{z-index:72;background:var(--ss-accent);pointer-events:auto;touch-action:none;border:1px solid #fff;border-radius:2px;width:11px;height:11px;padding:0;position:absolute;box-shadow:0 1px 4px #00000047}.canvas-prop-group-selection__handle[data-prop-group-resize=nw]{transform:scale(var(--editor-ui-scale,1));cursor:nwse-resize;top:-7px;left:-7px}.canvas-prop-group-selection__handle[data-prop-group-resize=ne]{transform:scale(var(--editor-ui-scale,1));cursor:nesw-resize;top:-7px;right:-7px}.canvas-prop-group-selection__handle[data-prop-group-resize=se]{transform:scale(var(--editor-ui-scale,1));cursor:nwse-resize;bottom:-7px;right:-7px}.canvas-prop-group-selection__handle[data-prop-group-resize=sw]{transform:scale(var(--editor-ui-scale,1));cursor:nesw-resize;bottom:-7px;left:-7px}.canvas-prop-marquee{z-index:80;border:1px solid color-mix(in srgb, var(--ss-accent) 88%, white);background:color-mix(in srgb, var(--ss-accent) 12%, transparent);pointer-events:none;border-radius:3px;position:absolute}.canvas-prop-marquee[hidden]{display:none}.screenshot-device-view-control{gap:7px;margin-top:10px;display:grid}.screenshot-device-view-control[hidden]{display:none}.device-view-option{min-height:34px!important;padding:6px 8px!important;font-size:10.5px!important}.screenshot-device-view-grid,.screenshot-inspector-view-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.screenshot-device-view-grid button,.screenshot-inspector-view-grid button,.screenshot-inspector-frame-grid button{border:1px solid var(--ss-line);background:var(--ss-surface);min-height:31px;color:var(--ss-muted);font:inherit;cursor:pointer;border-radius:6px;font-size:9.8px;font-weight:700}.screenshot-device-view-grid button:hover,.screenshot-inspector-view-grid button:hover,.screenshot-inspector-frame-grid button:hover{border-color:color-mix(in srgb,var(--ss-accent) 38%,var(--ss-line));background:var(--ss-hover);color:var(--ss-text)}.screenshot-device-view-grid button.is-active,.screenshot-inspector-view-grid button.is-active,.screenshot-inspector-frame-grid button.is-active{border-color:color-mix(in srgb,var(--ss-accent) 70%,var(--ss-line));background:color-mix(in srgb,var(--ss-accent) 9%,var(--ss-surface));color:var(--ss-accent-text)}.screenshot-inspector-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.screenshot-inspector-frame-grid button:last-child{grid-column:1/-1}.screenshot-frame-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.screenshot-frame-options .frame-option{border:1px solid var(--ss-line);background:var(--ss-surface);min-height:48px;color:var(--ss-muted);text-align:left;cursor:pointer;border-radius:7px;grid-template-columns:24px minmax(0,1fr);place-items:center stretch;gap:7px;padding:7px 8px;display:grid}.screenshot-frame-options .frame-option:last-child{grid-column:1/-1}.screenshot-frame-options .frame-option>span:last-child{min-width:0}.screenshot-frame-options .frame-option strong,.screenshot-frame-options .frame-option small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.screenshot-frame-options .frame-option strong{color:var(--ss-text);font-size:10px}.screenshot-frame-options .frame-option small{color:var(--ss-faint);margin-top:2px;font-size:8.5px}.screenshot-frame-options .frame-option.is-active{border-color:color-mix(in srgb,var(--ss-accent) 70%,var(--ss-line));background:color-mix(in srgb,var(--ss-accent) 8%,var(--ss-surface))}.frame-icon--slim{border-width:1px!important;border-radius:4px!important}.frame-icon--tablet{border-radius:4px!important;width:21px!important;height:27px!important}.screenshot-template-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.screenshot-template{border:1px solid var(--ss-line);background:var(--ss-surface-2);min-width:0;color:var(--ss-muted);cursor:pointer;border-radius:8px;padding:6px}.screenshot-template.is-active{border-color:color-mix(in srgb, var(--ss-accent) 65%, var(--ss-line));color:var(--ss-accent-text)}.screenshot-template strong{margin-top:7px;font-size:11px;line-height:1.2;display:block}.screenshot-template em{color:var(--ss-faint);margin-top:2px;font-size:9px;font-style:normal;font-weight:580;line-height:1.2;display:block}.screenshot-template.is-active em{color:color-mix(in srgb, var(--ss-accent-text) 72%, var(--ss-faint))}.template-preview{background:linear-gradient(145deg,#7047eb,#38bdf8);border-radius:5px;height:62px;display:block;position:relative;overflow:hidden}.template-preview__title,.template-preview__subtitle,.template-preview__device,.template-preview__decor{display:block;position:absolute}.template-preview__title{z-index:4;background:#ffffffeb;border-radius:999px;width:42px;height:6px;top:8px;left:50%;transform:translate(-50%)}.template-preview__subtitle{z-index:4;background:#ffffff8f;border-radius:999px;width:28px;height:4px;top:18px;left:50%;transform:translate(-50%)}.template-preview__device,.template-preview__decor--1,.template-preview__decor--2{background:linear-gradient(#5a6370 0%,#1b212b 18%,#0d1117 100%);border:1px solid #ffffff2e;border-radius:9px;overflow:hidden;box-shadow:0 5px 12px #090c1333,inset 0 1px #ffffff14}.template-preview__device:before,.template-preview__decor--1:before,.template-preview__decor--2:before{content:"";background:#f5f7fb;border-radius:6px;position:absolute;inset:3px}.template-preview__device:after,.template-preview__decor--1:after,.template-preview__decor--2:after{content:"";background:#080b10;border-radius:999px;width:34%;height:4px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.template-preview__device{z-index:3;width:30px;height:45px;bottom:-8px;left:50%;transform:translate(-50%)}.template-preview__decor{z-index:2}.template-preview--hero .template-preview__title{width:44px}.template-preview--hero .template-preview__subtitle{width:30px}.template-preview--hero .template-preview__device{width:36px;height:50px;bottom:-10px}.template-preview--hero .template-preview__decor{display:none}.template-preview--flow:before{content:"";background:linear-gradient(90deg,#ffffff0f,#ffffff47,#ffffff0f);border-radius:999px;height:10px;position:absolute;top:35px;left:-10px;right:-10px;transform:rotate(-11deg)}.template-preview--flow .template-preview__title{width:34px;top:8px}.template-preview--flow .template-preview__subtitle{width:24px;top:17px}.template-preview--flow .template-preview__device{width:23px;height:37px;bottom:5px;left:50%}.template-preview--flow .template-preview__decor--1{width:16px;height:28px;bottom:11px;left:8px;transform:rotate(-12deg)}.template-preview--flow .template-preview__decor--2{width:16px;height:28px;bottom:11px;right:8px;transform:rotate(12deg)}.template-preview--stack .template-preview__title{width:40px}.template-preview--stack .template-preview__subtitle{width:28px}.template-preview--stack .template-preview__device{width:28px;height:42px;bottom:4px}.template-preview--stack .template-preview__decor--1,.template-preview--stack .template-preview__decor--2{background:linear-gradient(#ffffff38,#ffffff14);border-radius:10px;box-shadow:0 4px 10px #090c131a}.template-preview--stack .template-preview__decor--1:before,.template-preview--stack .template-preview__decor--2:before,.template-preview--stack .template-preview__decor--1:after,.template-preview--stack .template-preview__decor--2:after{display:none}.template-preview--stack .template-preview__decor--1{height:29px;bottom:11px;left:12px;right:12px;transform:rotate(-7deg)}.template-preview--stack .template-preview__decor--2{border:1px solid #ffffff42;height:25px;bottom:14px;left:18px;right:18px;transform:rotate(8deg)}.template-preview--offset .template-preview__title{width:30px;left:14px;transform:none}.template-preview--offset .template-preview__subtitle{width:22px;left:14px;transform:none}.template-preview--offset .template-preview__device{width:31px;height:46px;left:64%;transform:translate(-50%)rotate(4deg)}.template-preview--offset .template-preview__decor{display:none}.template-preview--orbit .template-preview__title{width:28px;top:12px;left:10px;transform:none}.template-preview--orbit .template-preview__subtitle{width:22px;top:21px;left:10px;transform:none}.template-preview--orbit .template-preview__device{width:29px;height:43px;bottom:1px;left:67%;transform:translate(-50%)rotate(-6deg)}.template-preview--orbit .template-preview__decor--1,.template-preview--orbit .template-preview__decor--2{box-shadow:none;background:0 0;border-radius:50%}.template-preview--orbit .template-preview__decor--1:before,.template-preview--orbit .template-preview__decor--1:after,.template-preview--orbit .template-preview__decor--2:before,.template-preview--orbit .template-preview__decor--2:after{display:none}.template-preview--orbit .template-preview__decor--1{border:3px solid #ffffff38;width:36px;height:36px;top:10px;right:9px}.template-preview--orbit .template-preview__decor--2{background:radial-gradient(circle,#ffffff3d,#ffffff0d 58%,#0000 70%);width:18px;height:18px;top:19px;right:18px}.template-preview--spotlight .template-preview__title{width:52px;top:7px}.template-preview--spotlight .template-preview__subtitle{width:35px;top:18px}.template-preview--spotlight .template-preview__device{width:26px;height:36px;bottom:-2px}.template-preview--spotlight .template-preview__decor{display:none}.template-preview--ribbon:before{content:"";background:#ffffff3d;height:11px;position:absolute;top:34px;left:-8px;right:-8px;transform:rotate(-12deg)}.template-preview--ribbon .template-preview__title{width:25px;top:11px;left:10px;transform:none}.template-preview--ribbon .template-preview__subtitle{width:19px;top:20px;left:10px;transform:none}.template-preview--ribbon .template-preview__device{width:29px;height:40px;bottom:4px;left:72%;transform:translate(-50%)rotate(4deg)}.template-preview--ribbon .template-preview__decor--1{width:18px;height:6px;box-shadow:none;background:#ffffff2e;border-radius:999px;top:42px;left:8px}.template-preview--ribbon .template-preview__decor--1:before,.template-preview--ribbon .template-preview__decor--1:after,.template-preview--ribbon .template-preview__decor--2{display:none}.template-preview--poster .template-preview__title{width:54px;top:7px}.template-preview--poster .template-preview__subtitle{width:34px;top:18px}.template-preview--poster .template-preview__device{width:46px;height:50px;bottom:-19px}.template-preview--poster .template-preview__decor{display:none}.template-preview--stage .template-preview__title{width:22px;top:39px;left:45px;transform:none}.template-preview--stage .template-preview__subtitle{width:17px;top:47px;left:45px;transform:none}.template-preview--stage .template-preview__device{width:22px;height:39px;bottom:-2px;left:23%}.template-preview--stage .template-preview__decor--1{background:linear-gradient(#ffffff2e,#ffffff1a);border-radius:10px;width:34px;height:31px;top:21px;right:7px}.template-preview--stage .template-preview__decor--1:before,.template-preview--stage .template-preview__decor--1:after{display:none}.template-preview--stage .template-preview__decor--2{width:16px;height:3px;box-shadow:none;background:#ffffff57;border-radius:999px;top:30px;left:50px}.template-preview--stage .template-preview__decor--2:before,.template-preview--stage .template-preview__decor--2:after{display:none}.template-preview--minimal .template-preview__title{width:38px;top:9px}.template-preview--minimal .template-preview__subtitle{width:24px;top:18px}.template-preview--minimal .template-preview__device{width:24px;height:33px;bottom:3px}.template-preview--minimal .template-preview__decor{display:none}.template-preview--custom{background:#fff;box-shadow:inset 0 0 0 1px #0f172a14}.template-preview--custom .template-preview__title,.template-preview--custom .template-preview__subtitle,.template-preview--custom .template-preview__device,.template-preview--custom .template-preview__decor--1,.template-preview--custom .template-preview__decor--2{display:none}.template-preview--custom:before{content:"+";color:#0f172a6b;border:1px dashed #0f172a40;border-radius:6px;place-items:center;width:21px;height:21px;font-size:14px;font-weight:700;line-height:1;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.screenshot-frame-options button{place-items:center;gap:6px;min-height:72px;font-size:11.5px;display:grid}.frame-icon{background:linear-gradient(#ffffff2e,#ffffff05 18%,#0000 24%),linear-gradient(#4d5663 0%,#1a2028 22%,#0c1015 100%);border:1.5px solid #ffffff70;border-radius:7px;width:28px;height:35px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.frame-icon:after{content:"";background:#ffffffe6;border:1px solid #ffffff0f;border-radius:5px;position:absolute;inset:2.5px}.frame-icon--clay:before{content:"";z-index:1;background:#080b10;border-radius:999px;width:11px;height:4px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.frame-icon--android:before{content:"";z-index:1;background:#080b10;border-radius:50%;width:3px;height:3px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.frame-icon--slim:before,.frame-icon--tablet:before{content:"";z-index:1;background:#080b10;border-radius:50%;width:2px;height:2px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.frame-icon--none{opacity:.6;box-shadow:none;background:0 0;border-style:dashed}.frame-icon--none:after{background:0 0}.screenshot-align{border:1px solid var(--ss-line);border-radius:7px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.screenshot-align button{border:0;border-right:1px solid var(--ss-line);background:var(--ss-surface-2);height:36px;color:var(--ss-muted);cursor:pointer;place-items:center;display:grid}.screenshot-align button:last-child{border-right:0}.screenshot-align button.is-active{background:var(--ss-accent-soft);color:var(--ss-accent-text)}.screenshot-align svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:15px;height:15px}.custom-layout-panel[hidden]{display:none}.custom-target-tabs{border:1px solid var(--ss-line);background:var(--ss-surface-2);border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;padding:3px;display:grid}.custom-target-tabs button{min-height:36px;color:var(--ss-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:11.5px;font-weight:720}.custom-target-tabs button.is-active{background:var(--ss-accent-soft);color:var(--ss-accent-text)}.custom-layout-hint{color:var(--ss-faint);margin:0 0 12px;font-size:10.5px;line-height:1.45}.custom-align-reference,.custom-align-section,.custom-nudge-row{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:10px;margin-top:9px;display:grid}.custom-control-label{color:var(--ss-muted);font-size:11.5px;font-weight:650}.custom-reference-buttons{grid-template-columns:1fr 1fr;gap:4px;display:grid}.custom-reference-buttons button{border:1px solid var(--ss-line);background:var(--ss-surface-2);min-height:34px;color:var(--ss-muted);font:inherit;cursor:pointer;border-radius:7px;font-size:10.5px;font-weight:680}.custom-reference-buttons button.is-active{border-color:color-mix(in srgb, var(--ss-accent) 50%, var(--ss-line));background:var(--ss-accent-soft);color:var(--ss-accent-text)}.custom-align-buttons{border:1px solid var(--ss-line);border-radius:7px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.custom-align-buttons button{border:0;border-right:1px solid var(--ss-line);background:var(--ss-surface-2);height:34px;color:var(--ss-muted);cursor:pointer;place-items:center;display:grid}.custom-align-buttons button:last-child{border-right:0}.custom-align-buttons button:hover,.custom-nudge-buttons button:hover{background:var(--ss-hover);color:var(--ss-text)}.custom-align-buttons svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.custom-nudge-buttons{border:1px solid var(--ss-line);border-radius:7px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.custom-nudge-buttons button{border:0;border-right:1px solid var(--ss-line);background:var(--ss-surface-2);height:34px;color:var(--ss-muted);font:inherit;cursor:pointer;font-size:16px}.custom-nudge-buttons button:last-child{border-right:0}.custom-range-field{gap:7px;margin-top:12px;display:grid}.custom-range-field[hidden]{display:none}.custom-range-field>span{color:var(--ss-muted);justify-content:space-between;align-items:center;gap:8px;font-size:11.5px;font-weight:650;display:flex}.custom-range-field output{color:var(--ss-faint);font-size:10.5px;font-weight:700}.custom-range-field input[type=range]{width:100%;accent-color:var(--ss-accent)}.custom-reset-button{width:100%;margin-top:13px}.background-mode-tabs{border:1px solid var(--ss-line);background:var(--ss-surface-2);border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;padding:3px;display:grid}.background-mode-tabs button{min-height:34px;color:var(--ss-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:11.5px;font-weight:700}.background-mode-tabs button:hover{color:var(--ss-text);background:var(--ss-hover)}.background-mode-tabs button.is-active{background:var(--ss-accent-soft);color:var(--ss-accent-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ss-accent) 24%, transparent)}.screenshot-backgrounds{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.screenshot-backgrounds[hidden]{display:none}.background-swatch{border:1px solid var(--ss-line);background:var(--ss-surface-2);min-width:0;color:var(--ss-muted);cursor:pointer;text-align:left;border-radius:8px;padding:5px}.background-swatch:hover{border-color:var(--ss-line-strong);color:var(--ss-text)}.background-swatch.is-active{border-color:color-mix(in srgb, var(--ss-accent) 72%, var(--ss-line));color:var(--ss-accent-text);box-shadow:0 0 0 1px color-mix(in srgb, var(--ss-accent) 20%, transparent)}.background-swatch__preview{background:var(--background-preview);border-radius:5px;width:100%;height:42px;display:block;box-shadow:inset 0 0 0 1px #0000001a}.background-swatch strong,.background-swatch small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.background-swatch strong{color:currentColor;margin-top:6px;font-size:10.5px;font-weight:720;line-height:1.2}.background-swatch small{color:var(--ss-faint);text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:580;line-height:1.15}.screenshot-primary-button{border-color:var(--ss-accent);background:var(--ss-accent);width:100%;min-height:40px;color:var(--chromble-accent-contrast);border-radius:7px;margin-top:12px;font-size:12px;font-weight:750}.screenshot-primary-button:hover{background:var(--chromble-accent-hover)}.project-save-control{gap:9px;display:grid}.project-name-field{margin-top:0}.project-save-actions{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:8px;display:grid}.project-save-note{color:var(--ss-faint);margin:-1px 0 0;font-size:9.5px;font-weight:560;line-height:1.4}.screenshot-export-divider{background:var(--ss-line);height:1px;margin:14px 0}.export-format-control{margin-bottom:12px}.export-format-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.export-format-options button{border:1px solid var(--ss-line);background:var(--ss-surface-2);min-width:0;min-height:46px;color:var(--ss-muted);font:inherit;cursor:pointer;border-radius:7px;align-content:center;place-items:center;gap:2px;padding:6px 5px;display:grid}.export-format-options button:hover{border-color:var(--ss-line-strong);color:var(--ss-text)}.export-format-options button.is-active{border-color:color-mix(in srgb, var(--ss-accent) 70%, var(--ss-line));background:var(--ss-accent-soft);color:var(--ss-accent-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ss-accent) 12%, transparent)}.export-format-options strong{font-size:11px;font-weight:750;line-height:1.1}.export-format-options small{opacity:.78;font-size:9px;font-weight:700;line-height:1}.export-summary{border:1px solid var(--ss-line);background:color-mix(in srgb, var(--ss-accent) 4%, var(--ss-surface-2));min-height:30px;color:var(--ss-muted);text-align:center;border-radius:7px;justify-content:center;align-items:center;margin:0 0 9px;padding:7px 9px;font-size:10px;font-weight:650;line-height:1.3;display:flex}.export-quality-control{margin-bottom:12px}.export-quality-control__head{color:var(--ss-muted);justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:7px;display:flex}.export-quality-control__head>span{font-size:12px;font-weight:700}.export-quality-control__head small{color:var(--ss-faint);font-size:9.5px;font-weight:600}.export-quality-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.export-quality-options button{border:1px solid var(--ss-line);background:var(--ss-surface-2);min-width:0;min-height:48px;color:var(--ss-muted);font:inherit;cursor:pointer;border-radius:7px;align-content:center;place-items:center;gap:2px;padding:6px 5px;display:grid}.export-quality-options button:hover{border-color:var(--ss-line-strong);color:var(--ss-text)}.export-quality-options button.is-active{border-color:color-mix(in srgb, var(--ss-accent) 70%, var(--ss-line));background:var(--ss-accent-soft);color:var(--ss-accent-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ss-accent) 12%, transparent)}.export-quality-options strong{font-size:11px;font-weight:750;line-height:1.1}.export-quality-options small{opacity:.78;font-size:9px;font-weight:700;line-height:1}.export-quality-note{color:var(--ss-faint);margin:7px 0 0;font-size:9.5px;font-weight:560;line-height:1.35}.screenshot-export-modal-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;display:grid}.screenshot-export-modal-card{border:1px solid var(--ss-line);background:var(--ss-surface);border-radius:12px;min-width:0;overflow:hidden}.screenshot-export-modal-card__head{border-bottom:1px solid var(--ss-line);background:color-mix(in srgb, var(--ss-surface-2) 70%, transparent);justify-content:space-between;align-items:center;gap:14px;min-height:64px;padding:12px 14px;display:flex}.screenshot-export-modal-card__head h3{color:var(--ss-text);letter-spacing:-.015em;margin:0;font-size:13px;font-weight:780}.screenshot-export-modal-card__head p{color:var(--ss-faint);margin:3px 0 0;font-size:10px;font-weight:560;line-height:1.35}.screenshot-export-modal-card__body{padding:14px}.screenshot-export-modal-settings{gap:13px;display:grid}.screenshot-export-modal-settings .screenshot-export-divider{margin:0}.screenshot-export-modal-settings .export-summary{min-height:36px;margin-bottom:0}.screenshot-export-modal-actions{justify-content:flex-end;align-items:center;gap:10px;width:100%;display:flex}.screenshot-export-modal-actions>button{justify-content:center;min-width:158px;min-height:42px}.screenshot-export-modal-actions .screenshot-top-button{height:42px;padding:0 16px}@media (width<=760px){.screenshot-export-modal-grid{grid-template-columns:1fr}.screenshot-export-modal-actions{flex-wrap:wrap}.screenshot-export-modal-actions>button{flex:150px;min-width:0}}.screenshot-secondary-button{background:var(--ss-surface-2);border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:40px;font-size:11.5px;font-weight:700;display:flex}@media (width<=1180px){.screenshot-workspace{grid-template-columns:minmax(0,1fr) 54px 340px;gap:10px;padding:10px}.screenshot-workspace.is-inspector-closed{grid-template-columns:minmax(0,1fr) 54px 340px}.screenshot-card{width:var(--card-width)}.screenshot-stage{padding-inline:28px}}@media (width<=900px){.custom-layers-panel{width:min(248px,100% - 20px);bottom:42px;right:10px}body:has(.screenshot-studio-shell){overflow:auto}.screenshot-studio-shell{height:auto;min-height:100dvh;overflow:visible}.screenshot-studio{min-height:100dvh;display:block}.screenshot-topbar{min-height:60px;position:sticky;top:0}.screenshot-workspace,.screenshot-workspace.is-inspector-closed{grid-template-columns:1fr;display:grid;overflow:visible}.screenshot-stage-wrap{min-height:640px}.screenshot-toolrail{flex-direction:row;justify-content:center;align-items:center;gap:7px;padding:7px;display:flex;overflow:visible}.screenshot-toolrail__divider{flex:0 0 1px;width:1px;height:28px;margin:0 2px}.screenshot-toolrail__spacer{display:none}.screenshot-toolrail__button{width:40px;height:40px}.screenshot-sidebar{overflow:visible}}@media (width<=620px){.screenshot-brand__divider,.screenshot-brand__tool,.screenshot-save-status,.screenshot-top-button span{display:none}.screenshot-top-button{justify-content:center;width:38px;padding:0}.screenshot-workspace{padding:8px}.screenshot-stage-toolbar{flex-direction:column;align-items:flex-start}.screenshot-stage-toolbar__right{align-self:flex-end}.screenshot-stage{padding:28px 20px 44px}.screenshot-cards{gap:24px}.screenshot-stage-status__hint{display:none}.screenshot-toolrail{flex-wrap:wrap}.screenshot-field--inline{grid-template-columns:112px minmax(0,1fr)}}.screenshot-toolbar-button{min-height:38px;padding-inline:12px;font-size:13px}.screenshot-zoom-value{width:48px;font-size:12px}.screenshot-save-status,.screenshot-stage-status,.screenshot-fullscreen-preview__heading span{font-size:12px}.screenshot-fullscreen-preview__index{font-size:11px}.screenshot-fullscreen-preview__loading{font-size:13px}.custom-layers-panel__title strong{font-size:14px}.custom-layers-panel__title small{font-size:12px}.custom-layer-row__name,.custom-layer-row__name-input{font-size:13px}.custom-layer-row__depth{min-width:38px;font-size:11px}.custom-layer-actions button{min-height:34px;font-size:12px}.screenshot-card-wrap:after,.screenshot-sidebar__title small{font-size:11px}.screenshot-sidebar__title strong{font-size:16px}.screenshot-control-group{grid-template-columns:38px minmax(0,1fr) 18px;min-height:66px;padding:10px}.screenshot-control-group strong{font-size:14px}.screenshot-control-group small{font-size:12px;line-height:1.3}.screenshot-panel{padding:15px}.screenshot-panel__head h2{font-size:16px}.screenshot-panel__head small{font-size:12.5px}.screenshot-help{width:20px;height:20px;font-size:12px}.screenshot-segmented button{min-height:44px;font-size:13px}.store-mark{font-size:13px}.screenshot-requirements-note{font-size:12px}.screenshot-field{font-size:13px}.screenshot-field input,.screenshot-field select{height:40px;font-size:13px}.caption-color-control .caption-color-hex,.caption-color-control button{font-size:12px}.screenshot-stepper output,.screenshot-toggle,.screenshot-prop-library__heading strong{font-size:13px}.screenshot-prop-library__heading small{font-size:11.5px}.screenshot-prop-library__toggle{min-height:30px;font-size:12px}.screenshot-prop-tile strong{font-size:12.5px}.screenshot-prop-tile small{font-size:11px}.screenshot-prop-tile__badge b{font-size:10px}.screenshot-prop-tile__badge i{font-size:8px}.screenshot-prop-tile__badge--metric b{font-size:11px}.screenshot-prop-tile__chip{font-size:10px}.screenshot-prop-tile__review i{font-size:8px}.screenshot-prop-tile__review b{font-size:9px}.screenshot-prop-icon-library button small{font-size:11px}.screenshot-props-hint{font-size:12px}.screenshot-prop-inspector__head strong{font-size:14px}.screenshot-prop-inspector__head small{font-size:11.5px}.screenshot-prop-inspector__head button{min-height:32px;font-size:12px}.screenshot-prop-inspector__section-head strong{font-size:12px}.screenshot-prop-inspector__section-head span{font-size:11px}.screenshot-inspector-label{font-size:12px}.screenshot-inspector-segment button,.screenshot-inspector-action{min-height:34px;padding-inline:9px;font-size:12px}.screenshot-inspector-field{font-size:12px}.screenshot-inspector-field input[type=number],.screenshot-inspector-field select,#prop-text-content{min-height:36px;font-size:12px}.screenshot-inspector-range output,.screenshot-inspector-color{font-size:12px}.screenshot-inspector-color input[type=text],.screenshot-inspector-color button{height:34px;font-size:12px}.screenshot-prop-selection-actions>span{font-size:11.5px}.screenshot-prop-selection-actions button{min-height:34px;font-size:12px}.screenshot-prop-device-family__head strong{font-size:12.5px}.screenshot-prop-device-family__head small,.screenshot-prop-device-family__head em{font-size:11px}.screenshot-prop-device strong{font-size:12px}.screenshot-prop-device small{font-size:11px}.canvas-prop.is-drop-target:before{font-size:12px}.canvas-floating-toolbar{gap:5px;min-height:46px;padding:6px}.canvas-floating-toolbar>span{height:34px;padding-inline:9px;font-size:12px}.canvas-floating-toolbar button{min-width:38px;height:34px;padding-inline:11px;font-size:12px}.device-view-option{min-height:38px!important;font-size:12px!important}.screenshot-device-view-grid button,.screenshot-inspector-view-grid button,.screenshot-inspector-frame-grid button{min-height:36px;font-size:12px}.screenshot-frame-options .frame-option strong{font-size:12.5px}.screenshot-frame-options .frame-option small{font-size:11px}.screenshot-template strong{font-size:13px}.screenshot-template em{font-size:11.5px}.custom-target-tabs button{min-height:40px;font-size:13px}.custom-layout-hint{font-size:12px}.custom-control-label{font-size:13px}.custom-reference-buttons button{min-height:38px;font-size:12px}.custom-range-field>span{font-size:13px}.custom-range-field output{font-size:12px}.background-mode-tabs button{min-height:38px;font-size:13px}.background-swatch strong{font-size:12.5px}.background-swatch small{font-size:11px}.screenshot-primary-button,.screenshot-secondary-button{min-height:42px;font-size:13px}.project-save-note{font-size:12px}.export-format-options strong,.export-quality-options strong{font-size:13px}.export-format-options small,.export-quality-options small{font-size:11.5px}.export-summary{min-height:36px;font-size:12px}.export-quality-control__head>span{font-size:13px}.export-quality-control__head small,.export-quality-note{font-size:12px}.screenshot-export-modal-card__head h3{font-size:15px}.screenshot-export-modal-card__head p{font-size:12px}@media (width<=760px){.canvas-floating-toolbar button{min-width:36px;height:34px;padding-inline:9px;font-size:12px}.canvas-floating-toolbar>span{height:34px;padding-inline:8px;font-size:12px}}.canvas-prop__rotate-stem,.canvas-prop__rotate,.canvas-prop__handle,.canvas-prop-group-selection,.canvas-prop-marquee{display:none!important}.canvas-prop.is-selected:not(.is-locked):after{display:none}.chromble-moveable.moveable-control-box{z-index:9000!important}.chromble-moveable .moveable-line{background:var(--chromble-accent,#744dea)!important}.chromble-moveable .moveable-control{box-shadow:0 1px 5px #0f172a33;border:2px solid var(--chromble-accent,#744dea)!important;background:#fff!important;width:14px!important;height:14px!important;margin-top:-7px!important;margin-left:-7px!important}.chromble-moveable .moveable-rotation-control{width:15px!important;height:15px!important;margin-top:-7.5px!important;margin-left:-7.5px!important}.chromble-moveable .moveable-guideline{opacity:0!important;pointer-events:none!important}.chromble-selecto.selecto-selection,.chromble-selecto .selecto-selection{border:1px solid var(--chromble-accent,#744dea)!important;z-index:8990!important;background:#744dea1f!important}