body,html{padding:0;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;background:#0b0d12;color:#e9edf5;overflow-x:hidden;min-height:100%}*{box-sizing:border-box}a{color:inherit;text-decoration:none}#__next{min-height:100%}.appShell{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(11,13,18,.72);border-bottom:1px solid hsla(0,0%,100%,.08)}:root{--topbar-h:56px;--bottom-bar-h:64px}@media (max-width:600px){:root{--topbar-h:60px;--bottom-bar-h:64px}}.topbarInner{max-width:1200px;margin:0 auto;padding:12px 14px;justify-content:space-between}.brand,.topbarInner{display:flex;align-items:center;gap:10px;min-width:0}.brand{font-weight:800;letter-spacing:.2px}.brandTitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pill{font-size:12px;padding:4px 8px;border:1px solid hsla(0,0%,100%,.12);border-radius:999px;color:rgba(233,237,245,.9);background:hsla(0,0%,100%,.06)}.container{max-width:1200px;margin:0 auto;width:100%;padding:14px;height:calc(100vh - var(--topbar-h));height:calc(100dvh - var(--topbar-h));min-height:0}.grid,.row,.rowWrap{min-width:0}.grid{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px;height:100%;min-height:0}@media (min-width:980px){.grid{grid-template-columns:1.05fr .95fr;align-items:start}}.rightPanel{min-height:0;overflow-y:auto;padding-bottom:20px}@media (max-width:980px){.grid{grid-template-rows:auto 1fr}.rightPanel{height:100%}}.card{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.38);overflow:hidden}.cardHeader{padding:14px;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;align-items:center;justify-content:space-between;gap:10px}.cardTitle{font-size:14px;font-weight:800;color:rgba(233,237,245,.95)}.cardBody{padding:14px}.row,.rowWrap{display:flex;gap:10px;align-items:center}.rowWrap{flex-wrap:wrap}.muted{color:rgba(233,237,245,.65);font-size:12px}.divider{height:1px;background:hsla(0,0%,100%,.08);margin:12px 0}.button{padding:10px 12px;background:#3b82f6;border:1px solid hsla(0,0%,100%,.12);border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:700}.button:disabled,.buttonDanger:disabled,.buttonSecondary:disabled,.iconBtn:disabled,.iconButton:disabled{opacity:.56;cursor:not-allowed}.buttonSecondary{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.14);border-radius:12px;color:rgba(233,237,245,.92)}.buttonDanger,.buttonSecondary{padding:10px 12px;cursor:pointer;font-size:14px;font-weight:700}.buttonDanger{background:rgba(239,68,68,.18);border:1px solid rgba(239,68,68,.35);border-radius:12px;color:hsla(0,0%,100%,.95)}.input{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.14);color:rgba(233,237,245,.95);border-radius:12px;padding:10px 12px;font-size:14px;outline:none}.input:focus{border-color:rgba(59,130,246,.9);box-shadow:0 0 0 3px rgba(59,130,246,.25)}.editorRoot{width:100%}.previewStage{position:relative;width:100%;background:#000;border-radius:16px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 14px 40px rgba(0,0,0,.45);touch-action:none}.zoomLayer{position:absolute;inset:0;transform-origin:center center;will-change:transform}.previewAfter,.previewBefore{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.previewAfter{display:block}.histOverlay{top:10px;right:10px;width:180px;height:90px;border-radius:12px;overflow:hidden;z-index:6}.clipOverlay,.histOverlay{position:absolute;pointer-events:none}.clipOverlay{inset:0;width:100%;height:100%;z-index:4;mix-blend-mode:screen}@media (max-width:600px){.histOverlay{width:160px;height:80px}}.previewStage:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(80% 70% at 50% 50%,transparent 0,rgba(0,0,0,.35) 70%,rgba(0,0,0,.65) 100%);opacity:.65}.previewHud{position:absolute;left:10px;right:10px;top:10px;justify-content:space-between;gap:10px;z-index:5}.hudLeft,.previewHud{display:flex;align-items:center}.hudLeft{flex-wrap:wrap;gap:8px}.hudRight{display:flex;gap:8px;align-items:center}.iconBtn{border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.08);color:rgba(233,237,245,.95);border-radius:12px;padding:8px 10px;font-weight:800;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.iconBtn:active{transform:scale(.98)}.baBar{position:absolute;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:58px 1fr 58px;grid-gap:10px;gap:10px;align-items:center;z-index:5;padding:10px;border-radius:14px;border:1px solid hsla(0,0%,100%,.12);background:rgba(11,13,18,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.baLabel{font-size:12px;font-weight:900;color:rgba(233,237,245,.9);text-align:center}.baSlider{width:100%;height:34px}.splitLine{position:absolute;top:0;bottom:0;width:2px;transform:translateX(-1px);background:hsla(0,0%,100%,.7);box-shadow:0 0 0 1px rgba(0,0,0,.35),0 0 16px hsla(0,0%,100%,.25);z-index:4;pointer-events:none}.splitLine:after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);border-radius:999px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.controlsPanel{margin-top:14px;max-height:46vh;overflow-y:auto;padding-bottom:14px;-webkit-overflow-scrolling:touch}@media (min-width:980px){.grid{grid-template-columns:minmax(620px,1.12fr) minmax(360px,.88fr);gap:16px}.controlsPanel{max-height:min(42vh,460px);scrollbar-gutter:stable}.stickyPreview .card{max-height:calc(100dvh - var(--topbar-h) - 28px);display:flex;flex-direction:column}.stickyPreview .cardBody{min-height:0;overflow:hidden}.rightPanel{scrollbar-gutter:stable}.presetCardMini:hover{transform:translateY(-1px)}.button:hover,.buttonDanger:hover,.buttonSecondary:hover,.iconBtn:hover{filter:brightness(1.06)}}.editorRoot.fullscreen .preview-wrapper{position:fixed;inset:0;z-index:999;background:#000;padding:10px}.editorRoot.fullscreen .previewStage{height:calc(100vh - 20px);height:calc(100dvh - 20px);border-radius:18px}.editorRoot.fullscreen .controlsPanel{display:none}@media (max-width:600px){.previewStage{height:48vh}}@media (min-width:601px){.previewStage{height:62vh}}@media (min-width:980px){.previewStage{height:70vh}}.tabs{display:flex;gap:8px}.tab{padding:8px 10px;border-radius:999px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.06);font-size:13px;cursor:pointer}.tabActive{background:rgba(59,130,246,.22);border-color:rgba(59,130,246,.45)}.presetList{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;max-width:100%;-webkit-overflow-scrolling:touch}.presetChip{flex:0 0 auto;padding:10px 12px;border-radius:999px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.06);cursor:pointer;font-size:13px;font-weight:700}.presetChipActive{background:rgba(59,130,246,.22);border-color:rgba(59,130,246,.45)}.presetGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}@media (max-width:420px){.presetGrid{grid-template-columns:1fr}}@media (min-width:680px){.presetGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.presetCardMini{border-radius:14px;overflow:hidden;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.05);cursor:pointer;transition:transform .12s ease}.presetCardMini:active{transform:scale(.98)}.presetCardMiniActive{border-color:rgba(59,130,246,.55);box-shadow:0 0 0 3px rgba(59,130,246,.18)}.presetCardMiniBody{padding:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.iconButton{width:34px;height:34px;border-radius:12px;border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.06);color:rgba(233,237,245,.92);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.iconButtonActive{border-color:rgba(245,158,11,.55);background:rgba(245,158,11,.15)}.presetName{font-size:13px;font-weight:900;line-height:1.2}.presetMeta{font-size:11px;color:rgba(233,237,245,.65);margin-top:2px}.chipRow{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;max-width:100%;-webkit-overflow-scrolling:touch}.chip{flex:0 0 auto;padding:8px 10px;border-radius:999px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.06);font-size:12px;font-weight:800;cursor:pointer}.chipActive{background:rgba(59,130,246,.22);border-color:rgba(59,130,246,.45)}.sectionTitle{font-size:13px;font-weight:900;margin:14px 0 8px}.fieldLabel{font-size:12px;font-weight:800;color:rgba(233,237,245,.88);margin-bottom:6px}.sliderRow{display:grid;grid-template-columns:1fr 100px;grid-gap:10px;gap:10px;align-items:center}.slider{width:100%;height:34px}.preview{border:1px solid hsla(0,0%,100%,.1);border-radius:16px;overflow:hidden;width:100%;background-color:#000;position:relative}.preview canvas{width:100%;height:auto;display:block}.accordion{border:1px solid hsla(0,0%,100%,.1);border-radius:14px;background:hsla(0,0%,100%,.04);margin-bottom:10px;overflow:hidden}.accordionSummary{list-style:none;cursor:pointer;padding:12px;font-weight:900;font-size:13px;color:rgba(233,237,245,.92);display:flex;align-items:center;justify-content:space-between}.accordionSummary::-webkit-details-marker{display:none}.accordionSummary:after{content:"›";transform:rotate(90deg);opacity:.7}details[open]>.accordionSummary:after{transform:rotate(-90deg)}.accordionBody{padding:0 12px 12px}.modalBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:14px}.modalSheet{width:100%;max-width:720px;background:rgba(20,24,32,.96);border:1px solid hsla(0,0%,100%,.1);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.6);padding:12px}.modalHandle{width:44px;height:5px;border-radius:999px;background:hsla(0,0%,100%,.22);margin:2px auto 10px}@media (min-width:980px){.stickyPreview{position:-webkit-sticky;position:sticky;top:72px}}@media (max-width:600px){.container{padding:12px}.button,.buttonDanger,.buttonSecondary{width:100%}.topbarActions .button{width:auto}.sliderRow{grid-template-columns:1fr 92px}.modalSheet{max-width:100%}.hudLeft{display:none}}.gridMobile{grid-template-columns:1fr}@media (max-width:980px){.appShell{height:auto;min-height:100vh;min-height:100dvh;overflow-y:auto;overflow-x:hidden}.topbarInner{padding:10px 12px;flex-direction:column;align-items:stretch;gap:8px}.brand{justify-content:space-between;flex-wrap:wrap;gap:6px}.topbarActions{width:100%}.topbarActions .buttonSecondary{width:100%;display:inline-flex;justify-content:center}.container{min-height:calc(100dvh - var(--topbar-h));padding-bottom:calc(var(--bottom-bar-h) + 22px + env(safe-area-inset-bottom))}.container,.grid{height:auto}.cardBody,.cardHeader{padding:12px}.previewStage{height:clamp(280px,48vh,420px)}.previewHud{left:8px;right:8px;top:8px;gap:8px}.hudLeft{max-width:calc(100% - 200px)}.hudLeft .pill:last-child{display:none}.hudRight{gap:6px}.iconBtn{padding:7px 9px;border-radius:10px}.baBar{left:8px;right:8px;bottom:8px}.mobileBottomBar{position:fixed;left:0;right:0;bottom:0;z-index:40;height:calc(var(--bottom-bar-h) + env(safe-area-inset-bottom));padding:10px 12px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;gap:10px;background:rgba(11,13,18,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid hsla(0,0%,100%,.1)}.tabBtn{border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.06);color:rgba(233,237,245,.92);border-radius:14px;display:grid;place-items:center;padding:8px;touch-action:manipulation}.tabBtnActive{border-color:rgba(59,130,246,.6);box-shadow:0 0 0 3px rgba(59,130,246,.18)}.tabBtnPrimary{border:1px solid hsla(0,0%,100%,.12);background:rgba(59,130,246,.92);color:#fff;border-radius:14px;display:grid;place-items:center;padding:8px;font-weight:800;touch-action:manipulation}.tabIcon{font-size:18px;line-height:18px}.tabLabel{font-size:12px;font-weight:800;margin-top:2px}.mobileDock{position:fixed;left:8px;right:8px;bottom:calc(var(--bottom-bar-h) + 8px + env(safe-area-inset-bottom));z-index:35;max-height:min(50vh,460px);overflow:auto;border-radius:18px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 60px rgba(0,0,0,.65);padding:10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mobileDock .card{background:transparent;border:0;box-shadow:none}.controlsPanel{position:fixed;left:8px;right:8px;bottom:calc(var(--bottom-bar-h) + 8px + env(safe-area-inset-bottom));z-index:35;max-height:min(50vh,460px);overflow:auto;border-radius:18px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-top:0;padding:10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}