.gradient-studio-module__aWBCVG__studio{--ink:#171717;--muted:#77746f;--line:#1c1b181a;--panel:#ffffffd6;--accent:#22211f;width:100%;color:var(--ink);font-family:inherit}.gradient-studio-module__aWBCVG__toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.gradient-studio-module__aWBCVG__historyActions,.gradient-studio-module__aWBCVG__exportActions,.gradient-studio-module__aWBCVG__ratioList,.gradient-studio-module__aWBCVG__randomRow,.gradient-studio-module__aWBCVG__backgroundPicker{align-items:center;gap:8px;display:flex}.gradient-studio-module__aWBCVG__iconButton,.gradient-studio-module__aWBCVG__secondaryButton,.gradient-studio-module__aWBCVG__exportButton,.gradient-studio-module__aWBCVG__ratioButton,.gradient-studio-module__aWBCVG__backgroundButton,.gradient-studio-module__aWBCVG__presetButton,.gradient-studio-module__aWBCVG__lockButton,.gradient-studio-module__aWBCVG__removeButton{border:1px solid var(--line);color:inherit;font:inherit;cursor:pointer;transition:transform .16s,border-color .16s,background .16s,opacity .16s}.gradient-studio-module__aWBCVG__iconButton:hover:not(:disabled),.gradient-studio-module__aWBCVG__secondaryButton:hover:not(:disabled),.gradient-studio-module__aWBCVG__ratioButton:hover,.gradient-studio-module__aWBCVG__backgroundButton:hover,.gradient-studio-module__aWBCVG__lockButton:hover,.gradient-studio-module__aWBCVG__removeButton:hover{background:#fff;border-color:#1c1b1840}.gradient-studio-module__aWBCVG__iconButton:focus-visible,.gradient-studio-module__aWBCVG__secondaryButton:focus-visible,.gradient-studio-module__aWBCVG__exportButton:focus-visible,.gradient-studio-module__aWBCVG__ratioButton:focus-visible,.gradient-studio-module__aWBCVG__backgroundButton:focus-visible,.gradient-studio-module__aWBCVG__presetButton:focus-visible,.gradient-studio-module__aWBCVG__lockButton:focus-visible,.gradient-studio-module__aWBCVG__removeButton:focus-visible,.gradient-studio-module__aWBCVG__colorInput:focus-visible,.gradient-studio-module__aWBCVG__range:focus-visible,.gradient-studio-module__aWBCVG__select:focus-visible{outline-offset:2px;outline:2px solid #5077e5}.gradient-studio-module__aWBCVG__iconButton:disabled,.gradient-studio-module__aWBCVG__secondaryButton:disabled,.gradient-studio-module__aWBCVG__exportButton:disabled{cursor:not-allowed;opacity:.38}.gradient-studio-module__aWBCVG__iconButton{background:#ffffffa8;border-radius:11px;place-items:center;width:38px;height:38px;padding:0;display:grid}.gradient-studio-module__aWBCVG__secondaryButton,.gradient-studio-module__aWBCVG__exportButton{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;display:inline-flex}.gradient-studio-module__aWBCVG__secondaryButton{background:#ffffffa8}.gradient-studio-module__aWBCVG__exportButton{border-color:var(--accent);background:var(--accent);color:#fff}.gradient-studio-module__aWBCVG__scaleSelectWrap{position:relative}.gradient-studio-module__aWBCVG__select{appearance:none;border:1px solid var(--line);min-height:40px;color:inherit;font:inherit;background:#ffffffa8;border-radius:12px;padding:0 32px 0 12px}.gradient-studio-module__aWBCVG__selectChevron{color:var(--muted);pointer-events:none;position:absolute;top:50%;right:11px;transform:translateY(-55%)}.gradient-studio-module__aWBCVG__layout{grid-template-columns:minmax(0,1fr) 322px;align-items:start;gap:16px;display:grid}.gradient-studio-module__aWBCVG__canvasPanel,.gradient-studio-module__aWBCVG__controlsPanel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;box-shadow:0 18px 60px #24221d0f}.gradient-studio-module__aWBCVG__canvasPanel{min-width:0;padding:14px}.gradient-studio-module__aWBCVG__canvasMeta{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:4px 3px 14px;font-size:12px;display:flex}.gradient-studio-module__aWBCVG__liveLabel{align-items:center;gap:7px;display:inline-flex}.gradient-studio-module__aWBCVG__liveDot{background:#57a873;border-radius:999px;width:6px;height:6px;box-shadow:0 0 0 4px #57a8731a}.gradient-studio-module__aWBCVG__canvasStage{background-color:#e8e8e5;background-image:linear-gradient(45deg,#d9d9d6 25%,#0000 25%),linear-gradient(-45deg,#d9d9d6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d9d9d6 75%),linear-gradient(-45deg,#0000 75%,#d9d9d6 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px solid #1c1b1812;border-radius:15px;place-items:center;max-height:min(72vh,760px);transition:aspect-ratio .22s;display:grid;position:relative;overflow:hidden}.gradient-studio-module__aWBCVG__safeArea{pointer-events:none;border:1px dashed #1818168f;border-radius:8px;position:absolute;inset:20% 14%;box-shadow:0 0 0 9999px #ffffff14}.gradient-studio-module__aWBCVG__heroMistSafeArea{inset:24% 30%}.gradient-studio-module__aWBCVG__safeAreaLabel{color:#181816b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffc7;border-radius:5px;padding:3px 6px;font-size:10px;position:absolute;top:8px;left:9px}.gradient-studio-module__aWBCVG__canvas{object-fit:contain;width:100%;height:100%;display:block}.gradient-studio-module__aWBCVG__canvasDraggable{cursor:grab;touch-action:none}.gradient-studio-module__aWBCVG__canvasDraggable:active{cursor:grabbing}.gradient-studio-module__aWBCVG__canvasLocked{cursor:default}.gradient-studio-module__aWBCVG__ratioSection{padding:16px 3px 3px}.gradient-studio-module__aWBCVG__sectionLabel,.gradient-studio-module__aWBCVG__controlLabel{color:var(--muted);letter-spacing:.02em;font-size:12px;font-weight:550}.gradient-studio-module__aWBCVG__ratioList{flex-wrap:wrap;margin-top:10px}.gradient-studio-module__aWBCVG__customSize{color:var(--muted);align-items:center;gap:8px;margin-top:10px;font-size:11px;display:flex}.gradient-studio-module__aWBCVG__customSize label{align-items:center;gap:5px;display:flex}.gradient-studio-module__aWBCVG__customSize input{border:1px solid var(--line);width:72px;height:32px;color:var(--ink);font:inherit;background:#ffffffb3;border-radius:9px;padding:0 7px}.gradient-studio-module__aWBCVG__ratioButton,.gradient-studio-module__aWBCVG__backgroundButton{background:0 0;border-radius:10px}.gradient-studio-module__aWBCVG__ratioButton{min-width:56px;padding:7px 10px;font-size:12px}.gradient-studio-module__aWBCVG__ratioButtonActive,.gradient-studio-module__aWBCVG__backgroundButtonActive{background:var(--accent);color:#fff;border-color:#1c1b18a6}.gradient-studio-module__aWBCVG__controlsPanel{overflow:hidden}.gradient-studio-module__aWBCVG__mobileControlsButton,.gradient-studio-module__aWBCVG__drawerBackdrop,.gradient-studio-module__aWBCVG__drawerHeader{display:none}.gradient-studio-module__aWBCVG__controlsScroll{scrollbar-width:thin;scrollbar-color:#1918152e transparent;max-height:min(80vh,850px);overflow:auto}.gradient-studio-module__aWBCVG__controlSection{border-bottom:1px solid var(--line);padding:19px 20px}.gradient-studio-module__aWBCVG__controlSection:last-child{border-bottom:0}.gradient-studio-module__aWBCVG__sectionHeading{justify-content:space-between;align-items:center;gap:12px;margin:0 0 13px;font-size:13px;font-weight:650;display:flex}.gradient-studio-module__aWBCVG__presets{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.gradient-studio-module__aWBCVG__presetButton{text-align:left;background:#f3f2ef;border-radius:11px;padding:0;display:block;overflow:hidden}.gradient-studio-module__aWBCVG__presetButton:hover{transform:translateY(-1px)}.gradient-studio-module__aWBCVG__presetButtonActive{border-color:#1c1b18b8;box-shadow:0 0 0 1px #1c1b18b8}.gradient-studio-module__aWBCVG__presetSwatch{height:44px;display:block}.gradient-studio-module__aWBCVG__presetName{text-overflow:ellipsis;white-space:nowrap;padding:7px 7px 8px;font-size:10px;display:block;overflow:hidden}.gradient-studio-module__aWBCVG__colorList{gap:9px;display:grid}.gradient-studio-module__aWBCVG__colorRow{grid-template-columns:34px minmax(0,1fr) 32px 32px;align-items:center;gap:7px;display:grid}.gradient-studio-module__aWBCVG__colorInput{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;width:34px;height:34px;padding:2px}.gradient-studio-module__aWBCVG__colorInput::-webkit-color-swatch-wrapper{padding:0}.gradient-studio-module__aWBCVG__colorInput::-webkit-color-swatch{border:0;border-radius:6px}.gradient-studio-module__aWBCVG__hexValue{color:#5b5955;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;overflow:hidden}.gradient-studio-module__aWBCVG__lockButton,.gradient-studio-module__aWBCVG__removeButton{width:32px;height:32px;color:var(--muted);background:0 0;border-radius:9px;place-items:center;padding:0;display:grid}.gradient-studio-module__aWBCVG__lockButtonActive{color:var(--ink);background:#f0eee8}.gradient-studio-module__aWBCVG__randomRow{margin-top:11px}.gradient-studio-module__aWBCVG__randomRow .gradient-studio-module__aWBCVG__secondaryButton{flex:1}.gradient-studio-module__aWBCVG__controlStack{gap:17px;display:grid}.gradient-studio-module__aWBCVG__rangeHeader{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.gradient-studio-module__aWBCVG__rangeValue{color:var(--ink);font-variant-numeric:tabular-nums;font-size:11px}.gradient-studio-module__aWBCVG__range{width:100%;height:4px;accent-color:var(--accent);cursor:pointer}.gradient-studio-module__aWBCVG__backgroundPicker{grid-template-columns:1fr 1fr;display:grid}.gradient-studio-module__aWBCVG__toggleRow{justify-content:space-between;align-items:center;gap:16px;margin-top:14px;display:flex}.gradient-studio-module__aWBCVG__toggle{cursor:pointer;background:#d8d6d1;border:0;border-radius:999px;width:42px;height:24px;padding:0;transition:background .16s;position:relative}.gradient-studio-module__aWBCVG__toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000002e}.gradient-studio-module__aWBCVG__toggleActive{background:var(--accent)}.gradient-studio-module__aWBCVG__toggleActive:after{transform:translate(18px)}.gradient-studio-module__aWBCVG__visuallyHidden{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.gradient-studio-module__aWBCVG__backgroundButton{padding:9px 10px;font-size:12px}.gradient-studio-module__aWBCVG__tip{color:var(--muted);margin:11px 0 0;font-size:11px;line-height:1.55}.gradient-studio-module__aWBCVG__status{min-height:18px;color:var(--muted);text-align:right;margin:9px 0 0;font-size:11px}@media (max-width:960px){.gradient-studio-module__aWBCVG__layout{grid-template-columns:1fr}.gradient-studio-module__aWBCVG__mobileControlsButton{z-index:35;color:#fff;min-height:48px;font:inherit;background:#28273a;border:1px solid #ffffff73;border-radius:15px;justify-content:space-between;align-items:center;padding:0 18px;font-size:13px;font-weight:650;display:flex;position:sticky;bottom:12px;box-shadow:0 16px 38px #27263a42}.gradient-studio-module__aWBCVG__controlsPanel{z-index:80;background:#fafafcfa;border-bottom:0;border-left:0;border-right:0;border-radius:24px 24px 0 0;max-height:86vh;transition:transform .22s;position:fixed;bottom:0;left:0;right:0;transform:translateY(104%);box-shadow:0 -30px 80px #1f1e3038}.gradient-studio-module__aWBCVG__controlsPanelOpen{transform:translateY(0)}.gradient-studio-module__aWBCVG__drawerBackdrop{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1e1d2d47;border:0;display:block;position:fixed;inset:0}.gradient-studio-module__aWBCVG__drawerHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:58px;padding:0 20px;display:flex}.gradient-studio-module__aWBCVG__drawerHeader strong{font-size:14px}.gradient-studio-module__aWBCVG__drawerHeader button{color:#fff;font:inherit;background:#28273a;border:0;border-radius:10px;padding:8px 12px;font-size:12px}.gradient-studio-module__aWBCVG__controlsScroll{max-height:calc(86vh - 58px)}.gradient-studio-module__aWBCVG__canvasStage{max-height:64vh}}@media (max-width:600px){.gradient-studio-module__aWBCVG__toolbar{flex-direction:column;align-items:stretch}.gradient-studio-module__aWBCVG__historyActions{position:absolute}.gradient-studio-module__aWBCVG__exportActions{justify-content:flex-end}.gradient-studio-module__aWBCVG__secondaryButtonLabel{display:none}.gradient-studio-module__aWBCVG__canvasPanel{border-radius:16px;padding:9px}.gradient-studio-module__aWBCVG__canvasMeta{padding:3px 2px 10px}.gradient-studio-module__aWBCVG__ratioSection{padding-top:12px}.gradient-studio-module__aWBCVG__controlSection{padding:17px 16px}.gradient-studio-module__aWBCVG__presets{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.gradient-studio-module__aWBCVG__iconButton,.gradient-studio-module__aWBCVG__secondaryButton,.gradient-studio-module__aWBCVG__exportButton,.gradient-studio-module__aWBCVG__ratioButton,.gradient-studio-module__aWBCVG__backgroundButton,.gradient-studio-module__aWBCVG__presetButton,.gradient-studio-module__aWBCVG__lockButton,.gradient-studio-module__aWBCVG__removeButton,.gradient-studio-module__aWBCVG__canvasStage{transition:none}}