:root{--radius:10px;--control-height:40px;--font-size:14px;--bg:#fff;--fg:#0f172a;--muted:#6b7280;--border:#e6e9ee;--focus:#2563eb;--focus-ring:#2563eb29;--shadow:0 8px 30px #02061714;--error:#ef4444;--success:#10b981;--disabled-bg:#f3f4f6;--checkbox-size:18px;--transition-fast:.18s}:root[data-theme=dark],[data-theme=dark]{--bg:#0b1220;--fg:#e6eef8;--muted:#94a3b8;--border:#1f2937;--focus:#60a5fa;--focus-ring:#60a5fa1f;--disabled-bg:#0f1724}:where(.input,.input--textarea,.input--select){font:inherit;font-size:var(--font-size);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.input{height:var(--control-height);border-radius:var(--radius);border:1px solid var(--border);transition:box-shadow var(--transition-fast)ease,border-color var(--transition-fast)ease,transform var(--transition-fast)ease;box-shadow:none;background-clip:padding-box;outline:none;padding:8px 12px}.input::placeholder{color:var(--muted);opacity:.9}.input:disabled{background:var(--disabled-bg);cursor:not-allowed;opacity:.9}:where(.input):focus-visible{box-shadow:0 6px 20px var(--focus-ring);border-color:var(--focus);transform:translateZ(0)}.input:invalid,.input[aria-invalid=true],.is-invalid{border-color:var(--error);box-shadow:0 6px 20px #ef444414}.input--elevated{box-shadow:var(--shadow)}.input--sm{height:32px;padding:6px 10px;font-size:13px}.input--lg{height:48px;padding:10px 14px;font-size:15px}.input--textarea{resize:vertical;height:auto;min-height:120px;padding:10px 12px;line-height:1.45;overflow:auto}.input--select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:18px 18px;padding-right:44px}.input--checkbox{appearance:none;width:var(--checkbox-size);height:var(--checkbox-size);vertical-align:middle;border:1px solid var(--border);background:var(--bg);transition:background var(--transition-fast),border-color var(--transition-fast);cursor:pointer;border-radius:6px;margin:0;display:inline-block;position:relative}.input--checkbox:checked{background:var(--focus);border-color:var(--focus);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12' /></svg>");background-position:50%;background-repeat:no-repeat;background-size:12px 12px}.input--checkbox:focus-visible{box-shadow:0 6px 20px var(--focus-ring);outline:none}.input--checkbox:disabled{background:var(--disabled-bg);border-color:var(--border);cursor:not-allowed;opacity:.9}.form-field{flex-direction:column;gap:6px;display:flex}.form-field--inline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.form-label{color:var(--fg);font-size:13px;font-weight:600}.form-hint{color:var(--muted);font-size:12px}.form-error{color:var(--error);font-size:12px}.input--ghost{box-shadow:none;background:0 0;border-color:#0000;padding:0}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s}*{transition:none!important}}.input-textarea{resize:vertical;border-radius:var(--radius);border:1px solid var(--border);min-height:120px;font-family:inherit;line-height:1.5;font-size:var(--font-size);background:var(--bg);color:var(--fg);transition:box-shadow var(--transition-fast)ease,border-color var(--transition-fast)ease,transform var(--transition-fast)ease;outline:none;padding:10px 12px;overflow:auto}.input-textarea:focus-visible{border-color:var(--focus);box-shadow:0 6px 20px var(--focus-ring);transform:translateZ(0)}.input-textarea:disabled{background:var(--disabled-bg);cursor:not-allowed;opacity:.9}.input-textarea:invalid,.input-textarea[aria-invalid=true],.input-textarea.is-invalid{border-color:var(--error);box-shadow:0 6px 20px #ef444414}.input-textarea.input--sm{min-height:80px;padding:6px 10px;font-size:13px}.input-textarea.input--lg{min-height:160px;padding:12px 14px;font-size:15px}.input-textarea.input--elevated{box-shadow:var(--shadow)}.input-textarea.input--ghost{box-shadow:none;background:0 0;border-color:#0000;padding:0}.input-textarea{transition:border-color var(--transition-fast)ease,box-shadow var(--transition-fast)ease,transform var(--transition-fast)ease,height var(--transition-fast)ease}@media (prefers-reduced-motion:reduce){.input-textarea{transition:none!important}}
.PlaylistHomePage-module__qDCB0G__container{flex-direction:column;align-items:center;width:100%;padding:20px;display:flex;position:relative}.PlaylistHomePage-module__qDCB0G__header{z-index:10;width:100%;max-width:600px;box-shadow:var(--shadow-lg);background-color:#0000;border-radius:30px;margin:0 auto;position:sticky;top:0}.PlaylistHomePage-module__qDCB0G__container__content{width:100%;height:calc(100vh - 100px);padding:20px;overflow-y:auto}.PlaylistHomePage-module__qDCB0G__playlist__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;transition:transform .3s,box-shadow .3s;display:grid}
.PreviewCard-module__F3Cf6G__container{gap:var(--spacing-sm);aspect-ratio:1;flex-direction:column;width:max(150px,100%);display:flex}.PreviewCard-module__F3Cf6G__container__image{width:100%;height:100%;box-shadow:var(--shadow-md);border-radius:var(--border-radius-md);position:relative;overflow:hidden}.PreviewCard-module__F3Cf6G__container__image__overlay{visibility:hidden;width:100%;height:100%;padding:var(--spacing-sm);background-color:#00000040;justify-content:center;align-items:flex-end;transition:visibility .3s ease-in-out;display:flex;position:absolute;top:0;left:0}.PreviewCard-module__F3Cf6G__container__image:hover .PreviewCard-module__F3Cf6G__container__image__overlay{visibility:unset}.PreviewCard-module__F3Cf6G__icon:hover{background-color:var(--color-brand)}.PreviewCard-module__F3Cf6G__description{-webkit-line-clamp:2;text-overflow:ellipsis;color:var(--color-muted);-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}