:root{color-scheme:dark}
html{min-height:100%;background:#070b12}
body.clip-standalone-shell{min-height:100vh;margin:0;color:#e8f2fc;background:radial-gradient(ellipse at 8% -15%,rgba(27,172,211,.15),transparent 38rem),radial-gradient(ellipse at 100% 8%,rgba(132,64,219,.11),transparent 34rem),#070b12;font-family:"DM Sans",sans-serif}
.clip-standalone-shell a{color:#57d7ff}
.clip-standalone-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1.3rem;min-height:68px;padding:.65rem clamp(1rem,4vw,3.5rem);border-bottom:1px solid rgba(85,202,240,.18);background:rgba(6,10,17,.92);backdrop-filter:blur(16px)}
.clip-standalone-brand{display:flex;align-items:center;gap:.65rem;color:#f2f8ff!important;text-decoration:none;font-family:Syne,sans-serif;font-weight:800;white-space:nowrap}.clip-standalone-brand b{color:#38ccef}
.clip-standalone-brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #2abbdc;border-radius:11px;background:linear-gradient(145deg,#0d2638,#101728);color:#54dcff;box-shadow:0 0 20px #1ab8d52b}
.clip-standalone-nav{display:flex;align-items:center;gap:.25rem}.clip-standalone-nav a,.clip-standalone-signin{padding:.56rem .75rem;border:1px solid transparent;border-radius:10px;color:#9db1c7!important;text-decoration:none;font-size:.9rem;font-weight:650;white-space:nowrap}.clip-standalone-nav a:hover,.clip-standalone-nav a.is-current{border-color:#204354;background:#0b1924;color:#eaf8ff!important}
.clip-standalone-account{display:flex;align-items:center;gap:.45rem}.clip-standalone-user{max-width:10rem;overflow:hidden;color:#9db1c7;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.clip-standalone-account form{margin:0}.clip-standalone-signin{display:inline-flex;align-items:center;justify-content:center;border-color:#2b5368;background:#0a1823;color:#dcebf7!important}
.clip-standalone-main{width:min(1480px,100%);box-sizing:border-box;margin:0 auto;padding:clamp(1rem,3vw,2.25rem)}
.clip-standalone-shell .clip-studio{max-width:none;margin:0 auto}.clip-standalone-shell .clip-studio-header{padding-top:.65rem}.clip-standalone-shell .clip-studio-heading h1{font-family:Syne,sans-serif;letter-spacing:-.045em}.clip-standalone-shell .clip-studio-workspace{grid-template-columns:minmax(290px,.72fr) minmax(0,1.5fr);align-items:start}.clip-standalone-shell .clip-studio-preview-card{position:sticky;top:90px}.clip-standalone-shell .clip-studio-controls{gap:1rem}.clip-standalone-shell .clip-studio-panel{border-color:rgba(56,181,220,.2);box-shadow:0 16px 50px rgba(0,0,0,.16)}
.clip-standalone-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem clamp(1rem,4vw,3.5rem);border-top:1px solid rgba(85,202,240,.14);color:#8ba3ba;font-size:.83rem}.clip-standalone-footer small{font-size:inherit;color:#657c92}.clip-standalone-footer nav{display:flex;flex-wrap:wrap;gap:1rem}.clip-standalone-footer a{color:#8ba3ba;text-decoration:none}.clip-standalone-footer a:hover{color:#57d7ff}
.clip-standalone-shell .admin-page{max-width:1300px;margin:0 auto}.clip-standalone-shell .admin-page>h1{font-family:Syne,sans-serif;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.04em}.clip-standalone-shell .admin-nav{display:none}
@media(max-width:900px){.clip-standalone-header{flex-wrap:wrap;gap:.45rem;padding:.55rem 1rem}.clip-standalone-nav{order:3;width:100%;overflow-x:auto;scrollbar-width:none}.clip-standalone-nav::-webkit-scrollbar{display:none}.clip-standalone-nav a{padding:.5rem .65rem}.clip-standalone-shell .clip-studio-workspace{grid-template-columns:minmax(0,1fr)}.clip-standalone-shell .clip-studio-preview-card{position:relative;top:auto;order:0}.clip-standalone-shell .clip-studio-controls{order:1}}
@media(max-width:560px){.clip-standalone-header{position:relative}.clip-standalone-brand{font-size:.95rem}.clip-standalone-user{display:none}.clip-standalone-main{padding:.8rem}.clip-standalone-shell .clip-studio-header{display:grid;gap:.8rem}.clip-standalone-shell .clip-studio-steps{position:sticky;top:0;z-index:40;overflow:auto;scrollbar-width:none}.clip-standalone-footer{align-items:flex-start;flex-direction:column}.clip-standalone-footer nav{gap:.75rem}}
@media(prefers-reduced-motion:reduce){.clip-standalone-shell *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}