@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#f4f2ec;background:#0d0f13;font-family:Manrope Variable,Avenir Next,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--line: rgba(255, 255, 255, .085);--line-strong: rgba(255, 255, 255, .14);--muted: rgba(244, 242, 236, .5);--soft: rgba(244, 242, 236, .72);--blue: #7898ff;--panel: rgba(20, 22, 27, .93)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{min-width:320px;overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid rgba(120,152,255,.92);outline-offset:2px}button:disabled,input:disabled{cursor:not-allowed}.app-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 392px;gap:14px;width:100%;height:100%;padding:14px;overflow:hidden;background:radial-gradient(circle at 12% -8%,rgba(61,92,171,.34),transparent 34%),radial-gradient(circle at 63% 112%,rgba(45,94,112,.16),transparent 32%),linear-gradient(152deg,#14171d,#101217 55%,#0a0c0f)}.app-shell:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.preview-pane,.sidebar{position:relative;z-index:1;min-width:0;min-height:0}.preview-pane{display:grid;grid-template-rows:44px minmax(0,1fr);gap:10px}.topbar{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.document-status{position:absolute;left:8px;display:flex;align-items:center;gap:8px;max-width:34%;color:var(--muted);font-size:11px;font-weight:650;letter-spacing:.01em}.document-status>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{flex:0 0 auto;width:7px;height:7px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#ffffff1f}.status-dot.ready{border-color:#70dea873;background:#66d99e;box-shadow:0 0 10px #66d99e59}.icon-button{display:grid;width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:8px;place-items:center;color:var(--soft);background:#ffffff09;transition:.15s ease}.icon-button:hover{border-color:var(--line-strong);color:#fff;background:#ffffff12}.icon-button:disabled{opacity:.28}.icon-button.active{border-color:#7898ff66;color:#dce5ff;background:#7898ff24}.topbar-actions{position:absolute;right:6px;display:flex;gap:5px}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;padding:3px;border:1px solid var(--line);border-radius:9px;background:#0003}.segmented button{min-width:0;height:29px;padding:0 11px;border:0;border-radius:6px;color:#f4f2ec8f;background:transparent;font-size:10px;font-weight:750;letter-spacing:.02em;transition:.15s ease}.segmented button:hover:not(.active){color:#f4f2ecd1;background:#ffffff09}.segmented button.active{color:#17181c;background:#f2f0e9;box-shadow:0 1px 5px #00000047}.preview-switcher{min-width:192px}.canvas-host{position:relative;display:flex;min-width:0;min-height:0;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;background-color:#04050752;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:32px 32px;box-shadow:inset 0 1px #ffffff06;transition:border-color .15s ease}.canvas-host.dragging{border-color:#7898ffb3}.studio-orbit{position:absolute;border:1px solid rgba(120,152,255,.08);border-radius:50%;pointer-events:none}.orbit-one{width:min(72vh,58vw);aspect-ratio:1;box-shadow:0 0 90px #4364bb14}.orbit-two{width:min(48vh,39vw);aspect-ratio:1;border-style:dashed;opacity:.65;transform:rotate(28deg)}.canvas-stage{position:relative;z-index:1;display:grid;width:min(36vh,27vw,316px);min-width:224px;gap:12px}.stage-measure{display:flex;align-items:center;gap:8px;color:#f4f2ec59;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.stage-measure span{height:1px;flex:1;background:#ffffff14}.stage-measure b{font-weight:700}.device-frame{position:relative;justify-self:center;width:100%;filter:drop-shadow(0 38px 52px rgba(0,0,0,.42))}.device-hardware{position:relative;padding:7px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,#31343b,#111318 38%,#080a0d);box-shadow:inset 0 0 0 1px #000000e6,inset 0 0 0 2px #ffffff0f,0 0 0 1px #000000b3}.device-ios .device-hardware{border-radius:42px}.device-android .device-hardware{border-radius:29px}.device-screen{position:relative;display:grid;width:100%;aspect-ratio:393 / 852;align-items:center;justify-items:center;border-radius:35px;overflow:hidden;background:var(--splash-color);transition:background-color .18s ease,border-radius .24s ease}.device-android .device-screen{aspect-ratio:412 / 915;border-radius:23px}.device-speaker{position:absolute;top:13px;left:50%;z-index:3;display:block;width:31%;height:18px;border-radius:20px;background:#050608;transform:translate(-50%)}.device-android .device-speaker{width:8px;height:8px;top:14px;border:1px solid rgba(255,255,255,.1)}.artwork-canvas{position:absolute;left:50%;top:50%;z-index:2;display:block;width:51%;aspect-ratio:1;touch-action:none;transform:translate(-50%,-50%)}.device-android .artwork-canvas{width:70%}.artwork-canvas.interactive{cursor:grab}.artwork-canvas.interactive:active{cursor:grabbing}.safe-zone-ring{position:absolute;left:50%;top:50%;z-index:1;display:grid;width:48%;aspect-ratio:1;border:1px dashed rgba(255,255,255,.7);border-radius:50%;pointer-events:none;place-items:end center;transform:translate(-50%,-50%);box-shadow:0 0 0 50vw #04070e0e}.safe-zone-ring span{margin-bottom:-25px;padding:3px 7px;border-radius:4px;color:#ffffffa6;background:#090a0db3;font-size:7px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.home-indicator{position:absolute;left:50%;bottom:7px;z-index:2;width:34%;height:4px;border-radius:10px;background:#ffffffd1;mix-blend-mode:difference;transform:translate(-50%)}.device-android .home-indicator{width:28px;height:3px;opacity:.45}.comparison-badge{position:absolute;left:50%;bottom:12%;z-index:3;padding:4px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#ffffffbf;background:#090b1094;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:7px;font-weight:760;letter-spacing:.09em;text-transform:uppercase;transform:translate(-50%)}.empty-artwork{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:0;border:0;color:#fffc;background:#080f2414}.empty-artwork:before,.empty-artwork:after{position:absolute;width:1px;height:7%;border-radius:1px;content:"";background:#fff3}.empty-artwork:before{top:28%}.empty-artwork:after{bottom:28%}.empty-artwork>span{display:grid;width:44px;height:44px;margin-bottom:5px;border:1px solid rgba(255,255,255,.28);border-radius:50%;place-items:center;background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:.18s ease}.empty-artwork:hover>span{border-color:#ffffff80;background:#ffffff29;transform:translateY(-2px)}.empty-artwork strong{font-size:12px;font-weight:760}.empty-artwork small{color:#ffffff85;font-size:8px;font-weight:600}.preview-meta{display:flex;align-items:center;justify-content:center;gap:8px;color:#f4f2ec5c;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.preview-meta i{width:2px;height:2px;border-radius:50%;background:#f4f2ec3d}.preview-dock{position:absolute;right:18px;bottom:18px;z-index:2;display:grid;min-width:138px;gap:9px;padding:11px;border:1px solid var(--line);border-radius:9px;background:#101114c2;box-shadow:0 12px 32px #0000003d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mini-preview{display:grid;min-height:52px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px}.mini-device{position:relative;justify-self:center;display:grid;width:28px;aspect-ratio:9 / 19.5;align-items:center;justify-items:center;border:2px solid #202329;border-radius:6px;overflow:hidden;background:var(--splash-color);box-shadow:0 5px 14px #0000004d}.mini-device.tablet{width:48px;aspect-ratio:4 / 5.3;border-radius:5px}.mini-device canvas{width:51%;aspect-ratio:1}.mini-device.mini-android canvas{width:70%}.mini-preview>span{display:grid;gap:1px}.mini-preview strong{color:#f4f2ecc2;font-size:9px;font-weight:750}.mini-preview small{color:#f4f2ec5c;font-size:8px;font-weight:650}.drop-overlay{position:absolute;top:12px;right:12px;bottom:12px;left:12px;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px dashed rgba(130,160,255,.74);border-radius:8px;color:#dbe3ff;background:#1d2c51c2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.drop-overlay strong{font-size:12px;font-weight:750}.sidebar{display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 18px 48px #0000004d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);overflow:hidden}.brand-header{display:flex;align-items:center;justify-content:space-between;padding:17px 18px 16px;border-bottom:1px solid var(--line);background:#ffffff04}.brand-header h1{margin:0;font-size:25px;font-weight:760;letter-spacing:-.045em;line-height:1}.brand-header p{margin:6px 0 0;color:var(--muted);font-size:8px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.brand-mark{width:38px;height:38px;border-radius:10px;box-shadow:0 8px 20px #0000004d,0 0 0 1px #ffffff14}.controls{min-height:0;padding:11px;overflow:auto;overscroll-behavior:contain;scrollbar-color:rgba(255,255,255,.18) transparent;scrollbar-width:thin}.panel-section{margin-bottom:10px;border:1px solid var(--line);border-radius:9px;background:#ffffff06;overflow:hidden}.panel-section>header{display:grid;grid-template-columns:24px 1fr auto;align-items:center;min-height:42px;padding:0 12px 0 10px;border-bottom:1px solid var(--line)}.section-icon{display:grid;color:#f4f2eca3;place-items:center}.panel-section h2{margin:0;color:#f4f2ecd6;font-size:10px;font-weight:780;letter-spacing:.08em;text-transform:uppercase}.panel-section>header small{color:#f4f2ec38;font-size:8px;font-weight:700}.panel-content{display:grid;gap:13px;padding:12px}.artwork-file-group{display:grid;gap:7px}.artwork-file-group.compact .artwork-file{grid-template-columns:28px minmax(0,1fr) auto;padding:6px}.artwork-file-group.compact .file-icon{width:28px;height:28px}.artwork-file{display:grid;width:100%;min-width:0;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border:1px dashed rgba(255,255,255,.16);border-radius:8px;text-align:left;background:#00000024;transition:.15s ease}.artwork-file:hover{border-color:#7898ff80;background:#7898ff0e}.artwork-file.has-artwork{border-style:solid;border-color:#66d99e33}.file-icon{display:grid;width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:7px;color:var(--soft);background:#ffffff0b;place-items:center}.has-artwork .file-icon{color:#79dfa9;background:#66d99e14}.file-copy{display:grid;min-width:0;gap:2px}.file-copy strong{overflow:hidden;color:#f4f2ecd4;font-size:10px;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.file-copy small{color:#f4f2ec5c;font-size:8px;font-weight:600}.artwork-file>svg{color:#f4f2ec52}.remove-artwork{display:flex;width:max-content;align-items:center;gap:4px;margin:-5px 0 -2px auto;padding:0;border:0;color:#f4f2ec66;background:transparent;font-size:8px;font-weight:650}.remove-artwork:hover{color:#f2a5a5}.scope-toggle,.toggle-control{display:grid;width:100%;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:7px;color:#c2d0ffa8;text-align:left;background:#0000001f;transition:.15s ease}.scope-toggle:hover,.scope-toggle.custom,.toggle-control:hover,.toggle-control.active{border-color:#7898ff38;background:#7898ff0d}.scope-toggle>svg{justify-self:center}.scope-toggle>span,.toggle-control>span:last-child{display:grid;gap:2px}.scope-toggle strong,.toggle-control strong{color:#e8ebf4c2;font-size:8px;font-weight:740}.scope-toggle span,.toggle-control small{color:#f4f2ec57;font-size:7px;font-weight:600}.toggle-track{position:relative;width:25px;height:15px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff12;transition:.15s ease}.toggle-track i{position:absolute;left:2px;top:2px;width:9px;height:9px;border-radius:50%;background:#f4f2ec8a;transition:.18s cubic-bezier(.2,.75,.25,1)}.toggle-control.active .toggle-track{border-color:#7898ff66;background:#7898ff4d}.toggle-control.active .toggle-track i{background:#e9edff;transform:translate(10px)}.two-column-controls,.control-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.action-grid{display:grid;gap:6px}.action-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.action-button{display:flex;min-width:0;height:32px;align-items:center;justify-content:center;gap:5px;padding:0 6px;border:1px solid var(--line);border-radius:7px;color:#f4f2ec75;background:#0000001f;font-size:8px;font-weight:690;transition:.15s ease}.action-button:hover:not(:disabled),.action-button.active{border-color:#7898ff40;color:#e0e6ffd6;background:#7898ff12}.action-button:disabled{opacity:.35}.range-control{display:grid;gap:8px}.range-control>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.range-label{color:#f4f2ec7a;font-size:8px;font-weight:720;letter-spacing:.02em}.range-control output{min-width:31px;color:#f4f2ecb3;font-size:8px;font-weight:720;text-align:right}.range-control input[type=range]{width:100%;height:3px;margin:0;border-radius:9px;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,rgba(126,154,255,.92) var(--range-progress),rgba(255,255,255,.09) var(--range-progress))}.range-control input[type=range]::-webkit-slider-thumb{width:12px;height:12px;border:2px solid #20232a;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#eeece6;box-shadow:0 1px 5px #00000073}.range-control input[type=range]::-moz-range-thumb{width:9px;height:9px;border:2px solid #20232a;border-radius:50%;background:#eeece6;box-shadow:0 1px 5px #00000073}.range-control.disabled{opacity:.38}.compliance-note{display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;align-items:start;padding:8px;border:1px solid rgba(120,152,255,.12);border-radius:7px;color:#b2c3ffb3;background:#7898ff0b}.compliance-note svg{margin-top:1px}.compliance-note span{display:grid;gap:2px;color:#f4f2ec59;font-size:8px;line-height:1.4}.compliance-note strong{color:#dee5ffb8;font-size:8px;font-weight:720}.compliance-note.warning{border-color:#efb05c33;color:#efb05cc2;background:#efb05c0e}.compliance-note.warning strong{color:#ffd8a2cc}.color-control{display:grid;min-width:0;gap:6px}.color-control>span:first-child{color:#f4f2ec6b;font-size:8px;font-weight:720}.color-input-wrap{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;height:38px;padding:3px 8px 3px 3px;border:1px solid var(--line);border-radius:7px;background:#00000026}.color-input-wrap input{width:34px;height:30px;padding:0;border:0;border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;overflow:hidden}.color-input-wrap input::-webkit-color-swatch-wrapper{padding:0}.color-input-wrap input::-webkit-color-swatch{border:0;border-radius:5px}.color-input-wrap code{overflow:hidden;color:#f4f2ec94;font-family:Manrope Variable,sans-serif;font-size:8px;font-weight:680;text-overflow:ellipsis}.preset-row{display:flex;align-items:center;gap:8px}.preset-row button{position:relative;width:27px;height:27px;padding:0;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:inset 0 0 0 2px #0000001f;transition:.15s ease}.preset-row button:hover{transform:translateY(-2px)}.preset-row button.active:after{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid rgba(126,154,255,.76);border-radius:50%;content:""}.safe-zone-toggle{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:5px;padding:8px;border:1px solid var(--line);border-radius:7px;color:#f4f2ec80;text-align:left;background:#0000001f;font-size:8px;font-weight:690}.safe-zone-toggle:hover,.safe-zone-toggle.active{border-color:#7898ff2e;color:#dce4ffc7}.safe-zone-toggle span{color:#f4f2ec4d;font-size:7px;text-transform:uppercase}.output-list{display:grid;gap:6px}.output-row{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;min-height:42px;padding:6px 8px;border:1px solid rgba(255,255,255,.055);border-radius:7px;opacity:.38;background:#00000017;transition:.15s ease}.output-row.active{border-color:#7898ff26;opacity:1;background:#7898ff09}.output-check{display:grid;width:19px;height:19px;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#cad6ff;place-items:center}.active .output-check{border-color:#7898ff5c;background:#7898ff26}.output-row>span:last-child{display:grid;gap:2px}.output-row strong{color:#f4f2ecc2;font-size:9px;font-weight:730}.output-row small{color:#f4f2ec61;font-size:8px;font-weight:600}.output-note{margin:0;color:#f4f2ec57;font-size:8px;font-weight:580;line-height:1.55}.export-footer{padding:12px;border-top:1px solid var(--line);background:#0a0b0e73}.export-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#f4f2ec59;font-size:8px;font-weight:650}.export-summary strong{color:#f4f2ecad;font-weight:720}.export-button{display:flex;width:100%;height:42px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;color:#14161b;background:linear-gradient(180deg,#f7f5ef,#dedcd5);box-shadow:inset 0 1px #fffc,0 6px 18px #00000038;font-size:10px;font-weight:780;transition:.15s ease}.export-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #ffffffe6,0 9px 24px #00000047}.export-button:disabled{opacity:.72}.error-message{margin:0 0 8px;padding:7px 8px;border:1px solid rgba(239,118,118,.2);border-radius:6px;color:#efb0b0;background:#b8383814;font-size:8px;line-height:1.4}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1080px){.app-shell{grid-template-columns:minmax(0,1fr) 360px}.preview-dock{display:none}.canvas-stage{width:min(35vh,31vw,300px)}}@media (max-height: 760px) and (min-width: 821px){.canvas-stage{width:min(31vh,24vw,250px)}.device-ios .device-hardware{border-radius:34px}.device-screen{border-radius:28px}}@media (max-width: 820px){body{overflow:auto}.app-shell{min-height:100%;height:auto;grid-template-columns:1fr;grid-template-rows:minmax(650px,82vh) auto;overflow:visible}.preview-pane{min-height:0}.sidebar{min-height:760px}.canvas-stage{width:min(30vh,42vw,260px)}}@media (max-width: 520px){.app-shell{gap:9px;padding:9px;grid-template-rows:minmax(600px,82vh) auto}.document-status{display:none}.topbar{justify-content:flex-start}.preview-switcher{min-width:142px}.segmented button{padding:0 7px}.topbar-actions{gap:3px;right:2px}.topbar-actions .icon-button{width:27px;height:29px}.canvas-stage{width:min(30vh,58vw,250px);min-width:200px}.preview-meta{font-size:7px;gap:5px}.sidebar{min-height:740px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}