.page_container__Lov4H{max-width:1400px;margin:0 auto;padding:40px 24px;min-height:calc(100vh - 60px)}.page_header__ucymI{margin-bottom:32px}.page_title__heOPJ{font-size:36px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.page_subtitle__3HYQv{color:var(--text-secondary);font-size:16px}.page_controls___IaDI{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:32px}.page_colorPicker__UNkW4{margin-bottom:24px}.page_label__peB11{display:block;color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:8px}.page_colorInputWrapper__3UKeP{display:flex;gap:12px;align-items:center}.page_colorInput__r9WHx{width:80px;height:50px;border:2px solid var(--border);border-radius:8px;cursor:pointer}.page_colorInput__r9WHx::-webkit-color-swatch-wrapper{padding:0}.page_colorInput__r9WHx::-webkit-color-swatch{border:none;border-radius:6px}.page_textInput__mJY0P{flex:1 1;max-width:200px;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:12px 16px;color:var(--text-primary);font-size:14px;font-family:Courier New,monospace}.page_textInput__mJY0P:focus{outline:none;border-color:var(--accent)}.page_actions__5NRU6{display:flex;gap:12px;flex-wrap:wrap}.page_button__AXkh3{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.page_button__AXkh3:hover{background:var(--accent-hover);transform:translateY(-1px)}.page_button__AXkh3:active{transform:translateY(0)}.page_buttonSecondary__dBHBK{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.page_buttonSecondary__dBHBK:hover{background:var(--bg-tertiary)}.page_palette__Dnvrx{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:32px}.page_colorCard___RSc_{aspect-ratio:1;border-radius:12px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.page_colorCard___RSc_:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.2);border-color:hsla(0,0%,100%,.2)}.page_colorInfo__NISzl{display:flex;flex-direction:column;gap:4px;font-size:12px;font-family:Courier New,monospace}.page_colorLabel__BzAcK{font-weight:700;font-size:14px;margin-bottom:4px}.page_colorHex__r__Yj{font-weight:600;font-size:13px}.page_colorHsl__d7xZm,.page_colorRgb__lx4Lm{opacity:.8;font-size:11px}.page_exportSection__2zbjY{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px}.page_exportTitle__8fgEr{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.page_exportButtons__cHZei{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:768px){.page_container__Lov4H{padding:24px 16px}.page_title__heOPJ{font-size:28px}.page_palette__Dnvrx{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.page_actions__5NRU6,.page_exportButtons__cHZei{flex-direction:column}.page_actions__5NRU6 button,.page_exportButtons__cHZei button{width:100%}}