._container_15qiv_1{max-width:1200px;margin:0 auto;padding:var(--spacing-8) var(--spacing-4);min-height:100vh}._grid_15qiv_8{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8);align-items:start}._previewColumn_15qiv_15{display:flex;flex-direction:column;gap:var(--spacing-6)}._previewHeader_15qiv_21{display:flex;justify-content:space-between;align-items:center}._previewBox_15qiv_27{aspect-ratio:16/9;border-radius:var(--radius-lg);position:relative;border:4px solid var(--surface);box-shadow:0 0 0 1px #000c,0 10px 30px #00000080,inset 0 0 20px #00000080;z-index:10}._label_15qiv_40{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);text-shadow:0 1px 1px rgba(0,0,0,.8);margin-left:var(--spacing-1);opacity:.9}._previewLabel_15qiv_52{font-size:1rem;font-weight:600;color:var(--foreground);text-shadow:0 1px 2px rgba(0,0,0,.8)}._outputCard_15qiv_59{background:var(--surface-gradient);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);border-bottom-color:#00000080;box-shadow:var(--shadow-convex);position:relative;overflow:hidden}._outputCard_15qiv_59:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:3px 100%;pointer-events:none;opacity:.3;z-index:0}._tabsHeader_15qiv_82{padding:var(--spacing-4) var(--spacing-4) 0;border-bottom:1px solid var(--border)}._codeContainer_15qiv_87{position:relative}._tabContent_15qiv_91{padding:var(--spacing-4);position:relative}._codeBlock_15qiv_96{background-color:#050505;padding:var(--spacing-4);border-radius:var(--radius);font-family:var(--font-family-monospace);font-size:.9rem;color:#a5d6ff;text-shadow:0 0 5px rgba(165,214,255,.3);border:1px solid rgba(255,255,255,.05);border-top:1px solid rgba(0,0,0,.8);box-shadow:var(--shadow-inner);position:relative;z-index:2;word-break:break-all;min-height:4rem}._codeBlockPre_15qiv_114{background-color:#050505;padding:var(--spacing-4);border-radius:var(--radius);font-family:var(--font-family-monospace);font-size:.85rem;color:#a5d6ff;text-shadow:0 0 5px rgba(165,214,255,.3);border:1px solid rgba(255,255,255,.05);border-top:1px solid rgba(0,0,0,.8);box-shadow:var(--shadow-inner);position:relative;z-index:2;white-space:pre-wrap;margin:0;min-height:4rem}._copyBtn_15qiv_133{position:absolute;top:var(--spacing-6);right:var(--spacing-6)}._presetsCard_15qiv_139{background:var(--surface-gradient);border-radius:var(--radius-lg);padding:var(--spacing-4);border:1px solid rgba(255,255,255,.08);border-bottom-color:#00000080;box-shadow:var(--shadow-convex);position:relative;overflow:hidden}._presetsCard_15qiv_139:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:3px 100%;pointer-events:none;opacity:.3;z-index:0}._presetsGrid_15qiv_162{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--spacing-3);margin-top:var(--spacing-3);position:relative;z-index:1}._presetBtn_15qiv_171{background:none;border:none;padding:0;cursor:pointer;transition:all .2s}._presetBtn_15qiv_171:hover{transform:scale(1.1);filter:brightness(1.1)}._presetPreview_15qiv_184{width:100%;aspect-ratio:1;border-radius:var(--radius-md);box-shadow:0 1px #ffffff1a inset,0 2px 5px #00000080;border:1px solid rgba(0,0,0,.5)}._controlsColumn_15qiv_195{display:flex;flex-direction:column}._controlsCard_15qiv_200{background:var(--surface-gradient);border-radius:var(--radius-lg);padding:var(--spacing-6);border:1px solid rgba(255,255,255,.08);border-bottom-color:#00000080;box-shadow:var(--shadow-convex);display:flex;flex-direction:column;gap:var(--spacing-6);position:relative;overflow:hidden}._controlsCard_15qiv_200:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:3px 100%;pointer-events:none;opacity:.3;z-index:0}._controlsCard_15qiv_200>*{position:relative;z-index:1}._controlGroup_15qiv_232{display:flex;flex-direction:column;gap:var(--spacing-2)}._labelRow_15qiv_238{display:flex;justify-content:space-between;align-items:center}._valueLabel_15qiv_244{font-family:var(--font-family-monospace);font-size:.875rem;color:var(--muted-foreground)}._angleControlWrapper_15qiv_250{display:flex;flex-direction:column;gap:var(--spacing-3)}._angleSlider_15qiv_256{margin-top:var(--spacing-2)}._directionPresets_15qiv_260{display:flex;justify-content:space-between;gap:var(--spacing-1);margin-top:var(--spacing-2)}._directionBtn_15qiv_267{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid rgba(255,255,255,.05);border-bottom-color:#00000080;box-shadow:var(--shadow-sm);color:var(--muted-foreground);border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;transition:all .2s}._directionBtn_15qiv_267:hover{background-color:var(--surface);color:var(--primary);border-color:var(--primary);box-shadow:0 0 10px #f2930d33;transform:translateY(-1px)}._activeDirection_15qiv_293{background-color:var(--primary);color:var(--primary-foreground);border-color:var(--primary);box-shadow:inset 0 2px 4px #0000004d,0 0 10px #f2930d80;transform:translateY(1px)}._stopsSection_15qiv_304{display:flex;flex-direction:column;gap:var(--spacing-4)}._stopsHeader_15qiv_310{display:flex;justify-content:space-between;align-items:center}._stopsList_15qiv_316{display:flex;flex-direction:column;gap:var(--spacing-3)}._stopRow_15qiv_322{display:flex;align-items:center;gap:var(--spacing-3);background-color:#0003;padding:var(--spacing-3);border-radius:var(--radius);border:1px solid rgba(255,255,255,.05);border-top:1px solid rgba(0,0,0,.6);box-shadow:var(--shadow-inner);cursor:pointer;transition:all .2s;position:relative;z-index:2}._activeStopRow_15qiv_339{border-color:var(--primary);box-shadow:var(--shadow-inner),inset 0 0 10px #ffaa001a}._colorPickerWrapper_15qiv_347{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);overflow:hidden;border:2px solid var(--surface);box-shadow:0 0 0 1px #ffffff1a,var(--shadow-convex);flex-shrink:0}._colorPicker_15qiv_347{width:150%;height:150%;border:none;padding:0;margin:-25%;cursor:pointer}._stopDetails_15qiv_369{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2)}._stopInputsRow_15qiv_376{display:flex;align-items:center;gap:var(--spacing-2)}._hexInput_15qiv_382{width:6rem;height:2rem;font-family:var(--font-family-monospace);text-transform:uppercase}._positionInputWrapper_15qiv_389{display:flex;align-items:center;gap:var(--spacing-1);width:4rem}._positionInput_15qiv_389{padding:var(--spacing-1);height:2rem;text-align:center}._unit_15qiv_402{font-size:.75rem;color:var(--muted-foreground)}._stopSlider_15qiv_407{width:100%}._removeBtn_15qiv_411{color:var(--muted-foreground);align-self:flex-start}._removeBtn_15qiv_411:hover{color:var(--error)}._harmonySection_15qiv_420{background-color:#0000004d;padding:var(--spacing-3);border-radius:var(--radius);border:1px solid rgba(255,255,255,.05);box-shadow:var(--shadow-inner)}._harmonyHeader_15qiv_429{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);text-shadow:0 -1px 0 rgba(0,0,0,.8)}._harmonyGrid_15qiv_441{display:flex;gap:var(--spacing-2);flex-wrap:wrap}._harmonyBtn_15qiv_447{width:2rem;height:2rem;border-radius:var(--radius-full);border:1px solid var(--border);cursor:pointer;transition:transform .1s}._harmonyBtn_15qiv_447:hover{transform:scale(1.1);border-color:var(--primary)}@media(max-width:768px){._grid_15qiv_8{grid-template-columns:1fr}}