.widget,.preview-card,.preview-hero,.hero{
  background-image:
    linear-gradient(154deg,rgba(255,255,255,.15),transparent 27%,rgba(255,255,255,.015) 64%,rgba(255,255,255,.075)),
    radial-gradient(ellipse 100% 56% at 0% 0%,color-mix(in srgb,var(--pink) 16%,transparent),transparent 65%),
    radial-gradient(ellipse 95% 55% at 100% 100%,color-mix(in srgb,var(--cyan) 15%,transparent),transparent 68%),
    linear-gradient(142deg,rgba(17,27,55,.56),rgba(7,13,29,.42));
  box-shadow:0 14px 32px rgba(0,0,0,.29),0 26px 52px rgba(0,0,0,.17),inset 1px 2px 1px rgba(255,255,255,.15),inset -2px -2px 2px color-mix(in srgb,var(--cyan) 10%,rgba(0,0,0,.14));
}
.widget-head{border-bottom-color:color-mix(in srgb,var(--pink) 13%,rgba(255,255,255,.10))}
.widget:hover{border-color:color-mix(in srgb,var(--cyan) 34%,rgba(255,255,255,.20))}
@media(max-width:1000px){.preview-check:last-child{display:none}}


body[data-theme="lockedin"]{
  --text:#eef6ff;--muted:#b5c8e9;
  --theme-stroke:rgba(121,226,255,.46);--theme-edge:rgba(132,232,255,.75);
  --theme-surface:linear-gradient(145deg,rgba(79,161,245,.18),rgba(14,34,82,.81) 45%,rgba(5,16,42,.89));
  --theme-hero:linear-gradient(110deg,rgba(5,35,86,.90),rgba(25,75,156,.60) 56%,rgba(13,104,145,.62));
  --theme-bar:linear-gradient(125deg,rgba(30,91,165,.76),rgba(8,40,87,.60));
  --theme-sidebar:linear-gradient(180deg,rgba(5,22,58,.95),rgba(7,15,37,.93));
  --theme-shadow:0 24px 45px rgba(1,6,30,.48),inset 0 2px 0 rgba(207,249,255,.27),inset 0 -3px 0 rgba(2,18,57,.54);
  --theme-radius:18px;--theme-widget-radius:16px;
  --scene-background:
    radial-gradient(circle at 76% 27%,rgba(26,169,234,.31),transparent 25%),
    radial-gradient(circle at 12% 18%,rgba(67,110,255,.38),transparent 32%),
    linear-gradient(162deg,#111f53 0%,#071b40 45%,#050c24 100%);
}
body[data-theme="aurora"]{
 --text:#fff8fe;--muted:#f3d9f2;
 --theme-stroke:rgba(231,224,255,.92);--theme-edge:rgba(245,252,255,.99);
 --theme-surface:linear-gradient(146deg,rgba(255,255,255,.34) 0%,rgba(255,132,219,.28) 16%,rgba(124,71,205,.40) 44%,rgba(28,73,136,.42) 72%,rgba(46,223,198,.22) 100%),linear-gradient(0deg,rgba(43,22,90,.66),rgba(43,22,90,.66));
 --theme-hero:linear-gradient(114deg,rgba(255,121,214,.78),rgba(118,73,237,.78) 44%,rgba(45,217,201,.70) 100%),linear-gradient(0deg,rgba(40,24,89,.54),rgba(40,24,89,.54));
 --theme-bar:linear-gradient(110deg,rgba(255,150,226,.40),rgba(116,100,255,.33) 46%,rgba(72,235,208,.30));
 --theme-sidebar:linear-gradient(154deg,rgba(68,15,91,.95),rgba(27,25,83,.97) 57%,rgba(4,58,74,.96));
 --theme-shadow:0 34px 62px rgba(24,5,60,.46), inset 2px 3px 2px rgba(255,255,255,.62), inset -8px -12px 24px rgba(22,22,110,.34), inset 10px 0 28px rgba(255,146,220,.14), 0 0 0 1px rgba(255,255,255,.10);
 --theme-radius:38px;--theme-widget-radius:28px;
 --material-sheen:linear-gradient(152deg,rgba(255,255,255,.74) 0%,rgba(255,255,255,.10) 15%,rgba(255,198,236,.24) 29%,transparent 46%,rgba(116,255,243,.28) 74%,rgba(255,255,255,.32) 100%);
 --material-texture:linear-gradient(117deg,transparent 8%,rgba(255,158,224,.28) 21%,transparent 34%,rgba(130,237,255,.22) 63%,transparent 77%),radial-gradient(ellipse at 95% 96%,rgba(65,244,217,.31),transparent 51%),radial-gradient(circle at 8% 15%,rgba(255,255,255,.17),transparent 22%);
 --material-depth:inset 3px 4px 1px rgba(255,255,255,.68), inset -7px -11px 22px rgba(53,28,107,.42), inset 9px 0 24px rgba(255,149,225,.16), 0 28px 54px rgba(15,4,54,.40);
 --scene-background:radial-gradient(ellipse 44% 55% at 10% 12%,rgba(238,50,173,.58),transparent 73%),radial-gradient(ellipse 46% 55% at 87% 19%,rgba(36,215,220,.43),transparent 69%),radial-gradient(ellipse 52% 54% at 40% 95%,rgba(124,78,251,.42),transparent 73%),linear-gradient(135deg,#360a4a 0%,#241456 48%,#062e44 100%);
}
body[data-theme="midnight"]{
  --text:#f7e9d1;--muted:#b7a78d;
  --theme-stroke:rgba(231,185,105,.51);--theme-edge:rgba(255,214,133,.83);
  --theme-surface:linear-gradient(158deg,rgba(85,68,48,.31),rgba(18,19,26,.96) 48%,rgba(13,16,21,.99));
  --theme-hero:linear-gradient(116deg,rgba(24,23,29,.95),rgba(52,42,40,.91) 64%,rgba(13,16,23,.98));
  --theme-bar:linear-gradient(90deg,rgba(120,94,55,.32),rgba(12,13,20,.96));
  --theme-sidebar:linear-gradient(180deg,rgba(11,12,18,.98),rgba(17,17,20,.95));
  --theme-shadow:0 22px 35px rgba(0,0,0,.57),inset 0 1px 0 rgba(255,234,184,.11),inset 0 -1px 0 rgba(221,165,95,.08);
  --theme-radius:12px;--theme-widget-radius:10px;
  --scene-background:
    radial-gradient(circle at 82% 12%,rgba(202,155,88,.17),transparent 21%),
    radial-gradient(ellipse 56% 32% at 50% 100%,rgba(109,83,69,.13),transparent 68%),
    linear-gradient(175deg,#080911 0%,#111018 47%,#08090d 100%);
}
body[data-theme="editorial"]{
  color-scheme:light;
  --text:#2e2631;--muted:#756676;
  --theme-stroke:rgba(124,82,105,.29);--theme-edge:rgba(169,88,124,.54);
  --theme-surface:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,250,246,.91) 48%,rgba(243,227,220,.92));
  --theme-hero:linear-gradient(116deg,rgba(255,251,246,.98),rgba(246,218,225,.96) 54%,rgba(232,226,235,.94));
  --theme-bar:linear-gradient(105deg,rgba(246,229,232,.86),rgba(255,255,255,.94));
  --theme-sidebar:linear-gradient(170deg,rgba(252,247,240,.98),rgba(239,223,219,.98));
  --theme-shadow:0 16px 40px rgba(66,38,50,.15),inset 0 2px 0 rgba(255,255,255,.94),inset 0 -1px 0 rgba(112,76,97,.09);
  --theme-radius:22px;--theme-widget-radius:18px;
  --scene-background:
    radial-gradient(ellipse 60% 48% at 80% 18%,rgba(214,156,173,.33),transparent 60%),
    radial-gradient(ellipse 50% 50% at 12% 75%,rgba(207,190,212,.44),transparent 58%),
    linear-gradient(155deg,#fffaf2 0%,#f3e8e3 48%,#ddd5e0 100%);
}
.app-bg,.preview-bg{background:var(--scene-background)!important}
.app-bg::before,.app-bg::after,.preview-bg::before,.preview-bg::after{content:"";position:absolute;inset:0;pointer-events:none}
body[data-theme="lockedin"] :is(.app-bg,.preview-bg)::before{
  background:repeating-linear-gradient(110deg,transparent 0 88px,rgba(88,201,247,.085) 89px,transparent 92px),radial-gradient(circle at 77% 38%,transparent 0 79px,rgba(151,223,255,.22) 80px 82px,transparent 83px 110px,rgba(151,223,255,.18) 111px 112px,transparent 113px 153px,rgba(151,223,255,.14) 154px 155px,transparent 156px);
  opacity:.82;
}
body[data-theme="lockedin"] :is(.app-bg,.preview-bg)::after{
  background:linear-gradient(180deg,transparent 48%,rgba(64,171,255,.14) 49%,transparent 50%),linear-gradient(90deg,transparent,rgba(107,202,250,.22),transparent) 50% 51%/100% 1px no-repeat;
}
body[data-theme="aurora"] :is(.app-bg,.preview-bg)::before{
  inset:-32% -24% auto -21%;height:76%;transform:rotate(-18deg);border-radius:50%;
  background:linear-gradient(180deg,transparent 10%,rgba(255,89,179,.04) 20%,rgba(255,111,218,.52) 31%,rgba(163,112,255,.13) 41%,rgba(52,235,206,.43) 51%,rgba(20,191,180,.11) 65%,transparent 80%);
  opacity:.70;
}
body[data-theme="aurora"] :is(.app-bg,.preview-bg)::after{
  background:radial-gradient(ellipse at 72% 88%,transparent 30%,rgba(114,239,219,.20) 30.4%,transparent 31%),radial-gradient(ellipse at 16% 83%,rgba(243,89,206,.22),transparent 35%);
}
body[data-theme="midnight"] :is(.app-bg,.preview-bg)::before{
  background:radial-gradient(circle at 83% 20%,transparent 0 67px,rgba(240,199,124,.46) 68px 69px,transparent 70px 87px,rgba(220,177,100,.16) 88px 89px,transparent 90px),repeating-linear-gradient(90deg,transparent 0 140px,rgba(216,171,108,.035) 141px,transparent 142px);
}
body[data-theme="midnight"] :is(.app-bg,.preview-bg)::after{
  background:linear-gradient(90deg,transparent 8%,rgba(239,204,143,.17) 12%,transparent 16%) 0 5%/100% 1px no-repeat,linear-gradient(90deg,transparent,rgba(241,201,122,.10),transparent) 0 90%/100% 1px no-repeat;
}
body[data-theme="editorial"] :is(.app-bg,.preview-bg)::before{
  inset:auto -12% -42% 32%;height:110%;border:1px solid rgba(142,85,113,.20);border-radius:50%;transform:rotate(-18deg);background:radial-gradient(circle,rgba(255,255,255,.24),transparent 65%);
}
body[data-theme="editorial"] :is(.app-bg,.preview-bg)::after{
  background:repeating-linear-gradient(116deg,transparent 0 126px,rgba(133,83,113,.055) 127px,transparent 128px);
}
body[data-theme] :is(.hero,.surface,.widget,.preview-hero,.preview-card,.preview-mini,.side-quote,.studio-preview-stage){
  background:var(--theme-surface)!important;
  border-color:var(--theme-stroke);
  box-shadow:var(--theme-shadow),0 0 0 1px rgba(255,255,255,.025);
  border-radius:var(--theme-radius);
  color:var(--text);
}
body[data-theme] :is(.hero,.preview-hero){background:var(--theme-hero)!important;border-radius:calc(var(--theme-radius) + 4px)}
body[data-theme] .widget{border-radius:var(--theme-widget-radius)}
body[data-theme] :is(.hero,.surface,.widget,.preview-card,.preview-mini,.preview-hero,.side-quote,.studio-preview-stage)::before{
  background:linear-gradient(130deg,rgba(255,255,255,.27),var(--theme-edge) 21%,rgba(255,255,255,.02) 34%,var(--theme-edge) 80%,rgba(255,255,255,.08));
  opacity:.86;
}
body[data-theme="midnight"] :is(.hero,.surface,.widget,.preview-card,.preview-mini,.preview-hero)::before{background:linear-gradient(125deg,rgba(244,208,156,.72),rgba(224,168,89,.14) 25%,transparent 40%,rgba(244,208,156,.43) 84%,rgba(244,208,156,.55));opacity:.72}
body[data-theme="editorial"] :is(.hero,.surface,.widget,.preview-card,.preview-mini,.preview-hero)::before{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(166,105,135,.24) 35%,rgba(255,255,255,.93) 85%,rgba(166,105,135,.23));opacity:.70}
body[data-theme] :is(.hero,.surface,.widget,.preview-card,.preview-mini)::after{background:linear-gradient(160deg,rgba(255,255,255,.16),transparent 61%);opacity:.55}
body[data-theme="midnight"] :is(.hero,.surface,.widget,.preview-card,.preview-mini)::after{background:linear-gradient(160deg,rgba(244,213,156,.09),transparent 58%);opacity:1}
body[data-theme="editorial"] :is(.hero,.surface,.widget,.preview-card,.preview-mini)::after{background:linear-gradient(160deg,rgba(255,255,255,.55),transparent 62%);opacity:.75}
body[data-theme] :is(.widget-head,.preview-check){background:var(--theme-bar);border-color:var(--theme-stroke)}
body[data-theme] .canvas{background:color-mix(in srgb,var(--theme-surface) 48%,transparent);border:1px dashed var(--theme-stroke)}
body[data-theme] .canvas-grid{opacity:.25}
body[data-theme="midnight"] .canvas-grid{opacity:.11}
body[data-theme="editorial"] .canvas-grid{opacity:.15}
body[data-theme] .sidebar{background:var(--theme-sidebar);border-color:var(--theme-stroke)}
body[data-theme] :is(.search,.nav button,.side-footer button,.ghost-btn,.tool-btn,.chip,.mini-btn,.mood-btn){color:var(--text);background:var(--theme-surface);border:1px solid var(--theme-stroke);box-shadow:inset 0 1px rgba(255,255,255,.11)}
body[data-theme] :is(.nav button.active,.tool-btn,.mood-btn:hover){background:var(--theme-bar);border-color:var(--theme-edge)}
body[data-theme] :is(.brand span,.widget-body.links a){color:var(--pink)}
body[data-theme] :is(.hero p,.hero-side em,.preview-hero p,.preview-date,.preview-topline,.preview-mini small,.widget-body.quote,.side-quote){color:var(--text)}
body[data-theme] :is(.section-head p,.title-eyebrow,.hero-side .tiny,.brand small){color:var(--muted)}
body[data-theme] :is(.avatar,.preview-avatar){background:var(--theme-bar);color:var(--text);border-color:var(--theme-stroke)}
body[data-theme] .hero-lock{background:var(--theme-bar);color:var(--text);border-color:var(--theme-edge);box-shadow:var(--theme-shadow)}
body[data-theme] .preview-scene{background:var(--scene-background);color:var(--text);border-color:var(--theme-stroke)}
body[data-theme] .preview-bg{background:var(--scene-background)!important}
body[data-theme] .preview-glow{background:linear-gradient(125deg,color-mix(in srgb,var(--pink) 22%,transparent),transparent 45%,color-mix(in srgb,var(--cyan) 16%,transparent));opacity:calc(var(--gel-opacity) * .72)}
body[data-theme="editorial"] .preview-glow{opacity:0}
body[data-theme] .preview-check{color:var(--text)}
body[data-theme] .preview-moodboard{background:var(--theme-bar)}
body[data-theme] .preview-note{background:var(--theme-hero);border:1px solid var(--theme-edge);color:var(--text);box-shadow:var(--theme-shadow)}
body[data-theme] .preview-mini{color:var(--text)}
body[data-theme="editorial"] .preview-polaroid.a{background:linear-gradient(160deg,#f5e4d9,#e8bac5,#a98c9c)}
body[data-theme="editorial"] .preview-polaroid.b{background:linear-gradient(160deg,#d6c9ca,#f7ebe7,#b59ca9)}
body[data-theme="editorial"] .preview-polaroid.c{background:linear-gradient(160deg,#fae9e1,#c6b1bc,#a890a9)}
body[data-theme="midnight"] .preview-polaroid.a{background:linear-gradient(165deg,#826647,#26232a,#0a0c12)}
body[data-theme="midnight"] .preview-polaroid.b{background:linear-gradient(165deg,#15151b,#8c7757,#15151b)}
body[data-theme="midnight"] .preview-polaroid.c{background:linear-gradient(165deg,#614c39,#171822,#0a0b10)}
body[data-theme="aurora"] .preview-polaroid.a{background:linear-gradient(165deg,#e76bc5,#7444c8,#163f73)}
body[data-theme="aurora"] .preview-polaroid.b{background:linear-gradient(165deg,#3ff6c9,#245fbd,#852ec1)}
body[data-theme="aurora"] .preview-polaroid.c{background:linear-gradient(165deg,#fe9ad2,#9328bc,#3adfc0)}
body[data-theme="lockedin"] .preview-polaroid.a{background:linear-gradient(165deg,#4ec5fe,#2056b8,#0b1d52)}
body[data-theme="lockedin"] .preview-polaroid.b{background:linear-gradient(165deg,#a5e8ff,#155eb7,#0a173a)}
body[data-theme="lockedin"] .preview-polaroid.c{background:linear-gradient(165deg,#5e89f3,#1d3c8a,#0c142c)}
body[data-theme="lockedin"] :is(.page-title,.brand,.hero h2,.preview-hero h4){font-family:var(--font-display);letter-spacing:.025em;text-transform:uppercase}
body[data-theme="aurora"] :is(.page-title,.hero h2,.preview-hero h4){font-family:var(--font-display);letter-spacing:-.055em;font-weight:900}
body[data-theme="midnight"] :is(.page-title,.hero h2,.preview-hero h4){font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:.04em;text-transform:uppercase}
body[data-theme="editorial"] :is(.page-title,.hero h2,.preview-hero h4){font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.045em}
body[data-theme="midnight"] .star{background:#ffdda6;box-shadow:0 0 3px rgba(248,216,162,.48)}
body[data-theme="editorial"] .star{background:#9b728f;box-shadow:none}
body[data-theme="aurora"] .star{background:#ffeaff;box-shadow:0 0 4px rgba(255,220,250,.6)}
body[data-theme="editorial"] .preview-dot{border-color:rgba(114,80,100,.36)}
body[data-theme="editorial"] .search input{color:var(--text)}
body[data-theme="editorial"] .search input::placeholder{color:#776b78}
body[data-theme="editorial"] .sidebar .nav button{color:var(--text)}
body[data-theme="editorial"] .section-head p{color:var(--muted)}
body[data-theme="editorial"] .studio-left{color:#f6f7ff;--text:#f6f7ff;--muted:#b6bdd7;color-scheme:dark}
body[data-theme="editorial"] .studio-mobile-heading{color:#f6f7ff}
body[data-theme="editorial"] .studio-right{color:#f6f7ff}
body[data-theme="editorial"] :is(.badge,.file-btn){color:#f7ecf2;background:rgba(28,26,42,.86);border-color:rgba(255,255,255,.18)}
body[data-theme="editorial"] .preview-content :is(.badge,.file-btn){color:#2e2631;background:rgba(255,255,255,.88);border-color:rgba(115,76,106,.23)}
body[data-theme="editorial"] :is(.modal-card){background:#f8f0ec;color:#2e2631}
body[data-theme="editorial"] .modal-card :is(.field,input,textarea,select){color:#2e2631}
body[data-theme="editorial"] .modal-card :is(input,textarea,select){background:#fffbf7;border-color:rgba(130,88,112,.28)}
body[data-theme="editorial"] .modal-card .ghost-btn{color:#2e2631}
body[data-theme="editorial"] .modal-card .tool-btn{color:#fff;background:#8c5474}
body[data-theme="editorial"] .modal-card .hint{color:#65596a}
#themeButtons .preset{min-height:77px;padding:35px 10px 10px;position:relative;overflow:hidden;isolation:isolate}
#themeButtons .preset::before{content:"";position:absolute;left:7px;right:7px;top:7px;height:22px;border-radius:8px;border:1px solid rgba(255,255,255,.24)}
#themeButtons .preset[data-theme="lockedin"]::before{background:linear-gradient(105deg,#101d55,#247bde,#0cd9f5)}
#themeButtons .preset[data-theme="aurora"]::before{background:linear-gradient(105deg,#e74eab,#662eb6,#19c8a3)}
#themeButtons .preset[data-theme="midnight"]::before{background:linear-gradient(105deg,#080b13,#4b3927,#d4b177)}
#themeButtons .preset[data-theme="editorial"]::before{background:linear-gradient(105deg,#fffaf2,#e1b9c2,#bba6b4)}
#themeButtons .preset[data-theme="candy"]::before{background:linear-gradient(105deg,#ff5fb1,#ff93db,#7ee1ff)}
#themeButtons .preset[data-theme="emerald"]::before{background:linear-gradient(105deg,#06201c,#1f8f73,#93f5d4)}
#themeButtons .preset[data-theme="sunset"]::before{background:linear-gradient(105deg,#3e1632,#ff7f8d,#ffd0aa)}
#themeButtons .preset[data-theme="mono"]::before{background:linear-gradient(105deg,#161d2a,#8aa3b7,#e8f3ff)}
#themeButtons .preset.active{outline:1px solid rgba(255,255,255,.65);background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.05))}
@media(max-width:1000px){
  body[data-theme] .sidebar{background:var(--theme-sidebar)}
  body[data-theme] .studio-right{background:linear-gradient(180deg,rgba(11,16,31,.98),rgba(11,16,31,.95))}
}
@media(prefers-reduced-motion:reduce){body[data-theme] .app-bg,body[data-theme] .preview-bg{transition:none}}


.brand-identity{display:flex;align-items:center;gap:12px;min-width:0}
.brand-icon{width:52px;height:52px;display:block;object-fit:cover;flex:none;border-radius:12px;border:1px solid rgba(255,255,255,.13)}
.brand-identity .brand{margin-top:0;min-width:0}
@media(max-width:1000px){.brand-icon{width:42px;height:42px;border-radius:10px}}
@media(max-width:400px){.brand-icon{width:38px;height:38px}.brand-identity .brand{font-size:19px}}
:root{
 --material-grain:none;
 --material-sheen:linear-gradient(150deg,rgba(255,255,255,.17),rgba(255,255,255,.01) 34%,rgba(255,255,255,.04) 72%,rgba(255,255,255,.12));
 --material-texture:none;
 --material-decor:none;
 --material-depth:inset 0 2px 1px rgba(255,255,255,.21),inset 0 -9px 18px rgba(9,13,39,.22),0 20px 38px rgba(0,0,0,.33);
 --material-top:rgba(255,255,255,.53);
 --material-bottom:rgba(255,255,255,.18);
 --material-saturation:155%;
 --material-letter:.005em;
 --material-label:rgba(255,255,255,.15);
}
body[data-theme="lockedin"]{
 --theme-stroke:rgba(92,196,255,.61);--theme-edge:rgba(165,234,255,.97);
 --theme-surface:linear-gradient(154deg,rgba(151,231,255,.24) 0%,rgba(21,80,159,.75) 22%,rgba(9,29,81,.93) 67%,rgba(3,12,39,.96));
 --theme-hero:linear-gradient(119deg,rgba(8,31,98,.98),rgba(33,110,210,.83) 57%,rgba(2,49,104,.96));
 --theme-bar:linear-gradient(120deg,rgba(52,119,215,.76),rgba(5,34,101,.81));
 --theme-sidebar:linear-gradient(180deg,rgba(3,18,64,.98),rgba(3,12,36,.97));
 --theme-shadow:0 23px 40px rgba(0,10,40,.55),inset 1px 2px 1px rgba(203,240,255,.39),inset -5px -9px 17px rgba(1,8,32,.43);
 --theme-radius:17px;--theme-widget-radius:12px;
 --material-sheen:linear-gradient(160deg,rgba(172,231,255,.35) 0%,rgba(100,204,255,.05) 26%,transparent 41%,rgba(21,175,248,.16) 81%,rgba(204,247,255,.20));
 --material-texture:repeating-linear-gradient(0deg,transparent 0 35px,rgba(164,224,255,.07) 36px,transparent 37px),linear-gradient(130deg,rgba(45,152,255,.19),transparent 36%);
 --material-depth:inset 2px 3px 1px rgba(191,231,255,.45),inset -5px -8px 15px rgba(0,10,59,.6),0 18px 30px rgba(0,7,45,.46);
 --scene-background:radial-gradient(circle at 81% 23%,rgba(9,142,255,.36),transparent 18%),linear-gradient(162deg,#0a215d 0%,#071b4a 43%,#040b26 100%);
}
body[data-theme="aurora"]{
 --text:#fff7fe;--muted:#f1d5f0;
 --theme-stroke:rgba(222,210,255,.72);--theme-edge:rgba(239,252,255,.96);
 --theme-surface:linear-gradient(148deg,rgba(255,255,255,.26) 0%,rgba(244,114,206,.22) 15%,rgba(113,55,157,.35) 42%,rgba(32,57,109,.36) 68%,rgba(30,221,194,.16) 100%),linear-gradient(0deg,rgba(48,22,89,.73),rgba(48,22,89,.73));
 --theme-hero:linear-gradient(115deg,rgba(252,82,193,.72),rgba(103,51,175,.74) 42%,rgba(33,169,158,.65)),linear-gradient(0deg,rgba(34,20,77,.64),rgba(34,20,77,.64));
 --theme-bar:linear-gradient(111deg,rgba(253,116,218,.37),rgba(112,83,242,.30) 48%,rgba(47,218,191,.26));
 --theme-sidebar:linear-gradient(154deg,rgba(58,13,77,.94),rgba(21,22,72,.96) 58%,rgba(5,53,68,.95));
 --theme-shadow:0 27px 40px rgba(29,4,57,.48),inset 2px 3px 2px rgba(255,255,255,.48),inset -6px -10px 16px rgba(16,18,98,.38),0 2px 0 rgba(255,194,244,.22);
 --theme-radius:38px;--theme-widget-radius:28px;
 --material-sheen:linear-gradient(153deg,rgba(255,255,255,.55),rgba(255,255,255,.05) 17%,rgba(255,202,241,.13) 32%,transparent 51%,rgba(73,255,239,.21) 79%,rgba(255,255,255,.29) 100%);
 --material-texture:linear-gradient(117deg,transparent 8%,rgba(255,145,223,.23) 21%,transparent 34%,rgba(113,235,255,.16) 64%,transparent 77%),radial-gradient(ellipse at 95% 96%,rgba(65,244,217,.25),transparent 51%);
 --material-depth:inset 2px 3px 1px rgba(255,255,255,.57),inset -5px -9px 18px rgba(49,25,99,.40),inset 7px 0 21px rgba(255,143,222,.11),0 24px 47px rgba(17,4,54,.37);
 --scene-background:radial-gradient(ellipse 44% 55% at 10% 12%,rgba(238,50,173,.55),transparent 73%),radial-gradient(ellipse 46% 55% at 87% 19%,rgba(36,215,220,.39),transparent 69%),radial-gradient(ellipse 52% 54% at 40% 95%,rgba(124,78,251,.40),transparent 73%),linear-gradient(135deg,#360a4a 0%,#241456 48%,#062e44 100%);
}
body[data-theme="midnight"]{
 --text:#fff1d8;--muted:#c6ad8b;
 --theme-stroke:rgba(202,152,82,.43);--theme-edge:rgba(248,213,149,.78);
 --theme-surface:linear-gradient(161deg,rgba(102,78,47,.19),rgba(21,20,23,.97) 28%,rgba(6,8,12,.99) 88%);
 --theme-hero:linear-gradient(115deg,rgba(12,12,16,.99),rgba(57,43,33,.88) 55%,rgba(8,10,16,.99));
 --theme-bar:linear-gradient(90deg,rgba(101,75,39,.36),rgba(15,15,20,.93));
 --theme-sidebar:linear-gradient(185deg,#09090d,#15120f 71%,#09090c);
 --theme-shadow:0 15px 35px rgba(0,0,0,.66),inset 0 1px 0 rgba(255,224,160,.13),inset 0 -1px 0 rgba(168,120,56,.13);
 --theme-radius:7px;--theme-widget-radius:4px;
 --material-sheen:linear-gradient(160deg,rgba(250,211,145,.16),transparent 27%,rgba(255,229,176,.03) 83%,rgba(187,126,50,.09));
 --material-texture:repeating-linear-gradient(98deg,transparent 0 3px,rgba(238,194,130,.022) 4px,transparent 5px),linear-gradient(40deg,rgba(170,122,56,.09),transparent 58%);
 --material-depth:0 20px 37px rgba(0,0,0,.62),inset 0 2px 0 rgba(233,198,140,.14),inset 0 -1px 0 rgba(255,202,111,.10);
 --scene-background:radial-gradient(ellipse at 79% 23%,rgba(128,86,36,.19),transparent 28%),linear-gradient(160deg,#050508,#15110f 54%,#040509);
}
body[data-theme="editorial"]{
 color-scheme:light;
 --text:#34282b;--muted:#78636b;
 --theme-stroke:rgba(149,103,117,.24);--theme-edge:rgba(179,119,139,.35);
 --theme-surface:linear-gradient(154deg,rgba(255,255,255,.98),rgba(251,243,238,.96) 57%,rgba(238,226,220,.97));
 --theme-hero:linear-gradient(110deg,rgba(255,252,246,.99),rgba(250,223,221,.98) 54%,rgba(237,226,227,.99));
 --theme-bar:linear-gradient(110deg,#f5e6e3,#fffbf7);
 --theme-sidebar:linear-gradient(175deg,#fffdf9,#f1e9e4);
 --theme-shadow:0 14px 35px rgba(104,64,75,.12),inset 0 2px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(147,99,114,.08);
 --theme-radius:12px;--theme-widget-radius:9px;
 --material-sheen:linear-gradient(130deg,rgba(255,255,255,.92),rgba(255,255,255,.04) 50%,rgba(255,251,246,.35));
 --material-texture:repeating-linear-gradient(0deg,transparent 0 4px,rgba(120,78,84,.012) 5px,transparent 6px);
 --material-depth:0 15px 30px rgba(77,43,49,.10),inset 0 2px 0 white,inset 0 -1px 0 rgba(136,82,101,.06);
 --scene-background:radial-gradient(ellipse at 90% 8%,rgba(224,178,188,.24),transparent 32%),radial-gradient(ellipse at 10% 93%,rgba(197,166,175,.23),transparent 35%),linear-gradient(155deg,#fffaf3 0%,#f5eae3 52%,#e9dce1 100%);
}
body[data-theme="candy"]{
 --text:#fff8ff;--muted:#ffe1f4;
 --theme-stroke:rgba(255,231,251,.88);--theme-edge:rgba(255,255,255,.99);
 --theme-surface:linear-gradient(135deg,rgba(255,255,255,.46),rgba(255,124,196,.40) 24%,rgba(238,62,174,.88) 63%,rgba(139,75,238,.86));
 --theme-hero:linear-gradient(106deg,rgba(255,139,193,.99),rgba(241,78,180,.96) 48%,rgba(131,145,255,.92) 100%);
 --theme-bar:linear-gradient(110deg,rgba(255,186,223,.82),rgba(212,96,201,.70));
 --theme-sidebar:linear-gradient(165deg,#b7318f,#76228b 55%,#3f2480);
 --theme-shadow:0 28px 48px rgba(102,10,86,.34), inset 2px 3px 2px rgba(255,255,255,.70), inset -6px -10px 18px rgba(123,28,95,.32), 0 0 0 1px rgba(255,255,255,.10);
 --theme-radius:40px;--theme-widget-radius:34px;
 --material-sheen:linear-gradient(155deg,rgba(255,255,255,.70),transparent 18%,rgba(255,255,255,.26) 31%,transparent 49%,rgba(255,255,255,.30) 74%,rgba(255,255,255,.48) 100%);
 --material-texture:radial-gradient(ellipse at 12% 12%,rgba(255,255,255,.36),transparent 30%),radial-gradient(ellipse at 90% 88%,rgba(255,225,246,.26),transparent 42%),radial-gradient(circle at 78% 18%,rgba(142,240,255,.20),transparent 24%);
 --material-depth:inset 3px 4px 2px rgba(255,255,255,.72), inset -6px -10px 18px rgba(138,31,98,.33), 0 24px 38px rgba(112,12,87,.33);
 --scene-background:radial-gradient(circle at 19% 18%,rgba(255,235,179,.50),transparent 24%),radial-gradient(circle at 83% 30%,rgba(107,237,255,.56),transparent 29%),linear-gradient(135deg,#ff84bd,#fd66bf 44%,#975be2 100%);
}
body[data-theme="emerald"]{
 --text:#e9fff4;--muted:#b0dccb;
 --theme-stroke:rgba(133,226,174,.49);--theme-edge:rgba(191,255,209,.83);
 --theme-surface:linear-gradient(155deg,rgba(145,241,176,.16),rgba(7,75,57,.81) 38%,rgba(4,38,36,.96));
 --theme-hero:linear-gradient(120deg,rgba(4,60,47,.97),rgba(22,139,102,.83) 53%,rgba(4,42,42,.98));
 --theme-bar:linear-gradient(116deg,rgba(47,145,98,.63),rgba(12,71,61,.83));
 --theme-sidebar:linear-gradient(180deg,#062c26,#041a1e);
 --theme-shadow:0 20px 36px rgba(0,30,24,.48),inset 2px 2px 1px rgba(190,255,212,.28),inset -4px -8px 12px rgba(0,41,31,.41);
 --theme-radius:24px;--theme-widget-radius:18px;
 --material-sheen:linear-gradient(145deg,rgba(224,255,228,.24),rgba(255,255,255,.01) 28%,rgba(79,232,171,.09) 74%,rgba(212,255,212,.14));
 --material-texture:repeating-linear-gradient(120deg,transparent 0 30px,rgba(174,250,203,.055) 31px,transparent 32px),radial-gradient(ellipse at 100% 0%,rgba(65,237,157,.20),transparent 60%);
 --material-depth:inset 2px 3px 1px rgba(189,255,214,.33),inset -4px -9px 13px rgba(2,41,33,.47),0 20px 37px rgba(0,27,22,.44);
 --scene-background:radial-gradient(ellipse at 86% 13%,rgba(97,238,153,.17),transparent 24%),radial-gradient(ellipse at 9% 84%,rgba(16,177,134,.18),transparent 35%),linear-gradient(145deg,#05261e,#074739 53%,#021e22);
}
body[data-theme="sunset"]{
 --text:#fff4e9;--muted:#ffd5cb;
 --theme-stroke:rgba(255,206,166,.58);--theme-edge:rgba(255,228,196,.88);
 --theme-surface:linear-gradient(162deg,rgba(255,198,171,.27),rgba(138,54,88,.80) 35%,rgba(55,23,63,.94));
 --theme-hero:linear-gradient(116deg,rgba(148,48,97,.92),rgba(244,129,114,.84) 52%,rgba(137,81,124,.84));
 --theme-bar:linear-gradient(116deg,rgba(245,144,153,.58),rgba(109,46,92,.82));
 --theme-sidebar:linear-gradient(165deg,#7b3059,#341b49 75%,#1a1028);
 --theme-shadow:0 28px 48px rgba(42,11,39,.44), inset 2px 3px 1px rgba(255,236,211,.42), inset -5px -10px 18px rgba(78,28,69,.30), 0 0 0 1px rgba(255,255,255,.09);
 --theme-radius:30px;--theme-widget-radius:24px;
 --material-sheen:linear-gradient(145deg,rgba(255,238,208,.40),transparent 22%,rgba(255,194,163,.12) 51%,rgba(255,228,203,.23) 88%);
 --material-texture:repeating-linear-gradient(145deg,transparent 0 15px,rgba(255,224,202,.035) 16px,transparent 17px),radial-gradient(ellipse at 100% 90%,rgba(252,136,123,.24),transparent 51%),radial-gradient(circle at 16% 16%,rgba(255,255,255,.16),transparent 22%);
 --material-depth:inset 2px 3px 1px rgba(255,234,214,.35), inset -5px -8px 15px rgba(86,32,67,.40), 0 24px 42px rgba(49,14,49,.46);
 --scene-background:radial-gradient(ellipse 63% 34% at 57% 20%,rgba(255,176,118,.40),transparent 82%),linear-gradient(165deg,#a94b79,#743356 50%,#291836);
}
body[data-theme="mono"]{
 --text:#090d14;--muted:#2d3b4d;
 --theme-stroke:rgba(133,166,196,.58);--theme-edge:rgba(252,255,255,.99);
 --theme-surface:linear-gradient(142deg,rgba(255,255,255,.99),rgba(224,239,250,.96) 44%,rgba(175,203,226,.92));
 --theme-hero:linear-gradient(121deg,rgba(251,254,255,.995),rgba(214,233,247,.97) 58%,rgba(160,194,221,.98));
 --theme-bar:linear-gradient(120deg,rgba(240,248,255,.96),rgba(184,210,232,.92));
 --theme-sidebar:linear-gradient(180deg,#f6fbff,#bfd7ed);
 --theme-shadow:0 24px 42px rgba(25,51,79,.18), inset 3px 4px 1px rgba(255,255,255,.98), inset -7px -12px 18px rgba(83,121,157,.19), 0 0 0 1px rgba(255,255,255,.55);
 --theme-radius:18px;--theme-widget-radius:15px;
 --material-sheen:linear-gradient(150deg,rgba(255,255,255,.90),rgba(255,255,255,.18) 19%,rgba(255,255,255,.08) 42%,rgba(255,255,255,.44) 68%,rgba(255,255,255,.58) 100%);
 --material-texture:repeating-linear-gradient(120deg,transparent 0 40px,rgba(91,140,176,.08) 41px,transparent 42px),radial-gradient(circle at 20% 14%,rgba(255,255,255,.24),transparent 24%),radial-gradient(ellipse at 84% 88%,rgba(154,200,232,.22),transparent 36%);
 --material-depth:0 22px 36px rgba(43,83,115,.18), inset 3px 4px 1px rgba(255,255,255,.98), inset -6px -11px 18px rgba(74,113,149,.18), inset 8px 0 16px rgba(255,255,255,.22);
 --scene-background:radial-gradient(ellipse at 76% 12%,rgba(169,213,249,.48),transparent 30%),linear-gradient(149deg,#eef7ff 0%,#c7ddef 54%,#8fb1cd 100%);
}
body[data-theme] :is(.hero,.surface,.widget,.preview-hero,.preview-card,.preview-mini,.side-quote,.studio-preview-stage){
 background-image:var(--material-sheen),var(--material-texture),var(--theme-surface)!important;
 background-color:transparent!important;
 box-shadow:var(--material-depth)!important;
 border:1px solid var(--theme-stroke)!important;
 border-radius:var(--theme-radius);
 -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--material-saturation));
 backdrop-filter:blur(var(--glass-blur)) saturate(var(--material-saturation));
}
body[data-theme] :is(.hero,.preview-hero){background-image:var(--material-sheen),var(--material-texture),var(--theme-hero)!important}
body[data-theme] .widget{border-radius:var(--theme-widget-radius)}
body[data-theme] :is(.widget-head,.preview-check){background:var(--theme-bar)!important}
body[data-theme] .sidebar{background:var(--theme-sidebar)!important}
body[data-theme] :is(.nav button,.side-footer button,.search,.ghost-btn,.tool-btn,.chip,.mini-btn,.mood-btn){background:var(--theme-surface)!important;color:var(--text)!important;border-color:var(--theme-stroke)!important}
body[data-theme] :is(.nav button.active,.tool-btn){background:var(--theme-bar)!important}
body[data-theme] :is(.hero,.surface,.widget,.preview-hero,.preview-card,.preview-mini,.side-quote,.studio-preview-stage)::before{
 background:linear-gradient(129deg,var(--material-top),transparent 28%,var(--theme-edge) 70%,transparent 82%,var(--material-bottom));
 opacity:.88;
}
body[data-theme] .hero::after{background:linear-gradient(121deg,rgba(255,255,255,.29),transparent 33%);opacity:.7}
body[data-theme] .preview-scene{background:var(--scene-background)!important}
body[data-theme] .app-bg,body[data-theme] .preview-bg{background:var(--scene-background)!important}
body[data-theme] :is(.page-title,.brand,.hero h2,.preview-hero h4){font-family:var(--font-display)!important}
body[data-theme] .hero p,body[data-theme] .preview-hero p{color:var(--text)!important;opacity:.87}
body[data-theme] :is(.title-eyebrow,.hero-side .tiny,.section-head p,.brand small){color:var(--muted)!important}
body[data-theme] .widget-body.quote{color:var(--text)!important}
body[data-theme] .preview-glow{background:var(--material-texture),linear-gradient(112deg,color-mix(in srgb,var(--pink) 20%,transparent),transparent 45%,color-mix(in srgb,var(--cyan) 16%,transparent));opacity:calc(var(--gel-opacity) * .78)}
body[data-theme="aurora"] .preview-glow{background:linear-gradient(115deg,rgba(255,122,207,.28),transparent 31%,rgba(58,239,219,.25) 75%,transparent 92%);opacity:.9}
body[data-theme="aurora"] :is(.hero,.widget,.preview-hero,.preview-card,.preview-mini){
 border-color:rgba(230,241,255,.79)!important;
 box-shadow:var(--material-depth),inset 0 0 0 2px rgba(255,255,255,.13),inset 0 -6px 11px rgba(49,39,114,.24)!important;
}
body[data-theme="aurora"] :is(.hero,.widget,.preview-card,.preview-hero)::before{
 background:conic-gradient(from 188deg at 50% 45%,rgba(255,255,255,.12) 0deg,rgba(128,255,241,.89) 52deg,rgba(255,255,255,.97) 105deg,rgba(255,145,226,.96) 161deg,rgba(255,255,255,.11) 210deg,rgba(132,235,255,.90) 278deg,rgba(255,255,255,.83) 330deg,rgba(255,255,255,.12) 360deg);
 opacity:1;
}
body[data-theme="aurora"] :is(.hero,.preview-hero)::after{
 background:linear-gradient(127deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,.055) 15%,transparent 21%,rgba(255,175,240,.12) 37%,transparent 52%),linear-gradient(77deg,transparent 43%,rgba(120,255,239,.20) 53%,transparent 64%);
 opacity:.9;
}
body[data-theme="aurora"] :is(.hero-lock,.avatar,.preview-avatar){
 border:1px solid rgba(236,251,255,.77);
 background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.68),transparent 34%),linear-gradient(145deg,rgba(255,143,220,.53),rgba(54,186,200,.25) 78%);
 box-shadow:inset 2px 3px 2px rgba(255,255,255,.62),inset -5px -8px 11px rgba(56,33,123,.31),0 14px 26px rgba(15,9,47,.35);
}
body[data-theme="aurora"] :is(.widget-head,.preview-check){background:linear-gradient(120deg,rgba(247,157,230,.28),rgba(81,242,228,.14))!important}
body[data-theme="aurora"] .orb{background:radial-gradient(circle at 26% 16%,rgba(255,255,255,.55),transparent 28%),linear-gradient(140deg,rgba(240,164,255,.31),rgba(83,246,224,.18));border-color:rgba(255,255,255,.54)}
body[data-theme="aurora"] :is(.app-bg,.preview-bg)::before{
 inset:-23% -12% auto -18%;height:84%;transform:rotate(-22deg);
 background:linear-gradient(180deg,transparent 1%,rgba(255,112,202,.13) 16%,rgba(255,113,209,.46) 27%,rgba(240,166,255,.26) 33%,transparent 40%,rgba(74,255,217,.38) 52%,rgba(9,188,188,.17) 60%,transparent 76%);
 opacity:.96;
}
body[data-theme="aurora"] :is(.app-bg,.preview-bg)::after{
 background:linear-gradient(115deg,transparent 30%,rgba(248,87,185,.19) 35%,transparent 40%,rgba(68,243,206,.18) 58%,transparent 66%),radial-gradient(ellipse at 80% 90%,rgba(68,232,240,.16),transparent 44%);
}
body[data-theme="lockedin"] :is(.hero,.preview-hero)::after{background:linear-gradient(127deg,rgba(185,238,255,.22),transparent 30%,rgba(22,185,249,.08) 74%)}
body[data-theme="midnight"] :is(.hero,.surface,.widget,.preview-card,.preview-mini,.preview-hero)::before{background:linear-gradient(120deg,rgba(251,218,152,.70),transparent 30%,rgba(191,127,50,.40) 83%,rgba(233,187,120,.54))}
body[data-theme="editorial"] :is(.hero,.surface,.widget,.preview-card,.preview-mini,.preview-hero)::before{background:linear-gradient(150deg,rgba(255,255,255,.95),transparent 44%,rgba(172,116,140,.31) 93%)}
body[data-theme="candy"] :is(.hero,.surface,.widget,.preview-hero,.preview-card,.preview-mini)::before{background:conic-gradient(from 155deg,rgba(255,255,255,.62),rgba(255,255,255,.98) 26%,rgba(255,177,232,.46) 56%,rgba(147,235,255,.32) 74%,rgba(255,255,255,.86) 86%,rgba(255,255,255,.42))}
body[data-theme="emerald"] :is(.hero,.surface,.widget,.preview-hero,.preview-card,.preview-mini)::before{background:linear-gradient(140deg,rgba(231,255,229,.62),transparent 29%,rgba(76,207,147,.40) 83%,rgba(223,255,214,.55))}
body[data-theme="sunset"] :is(.hero,.surface,.widget,.preview-hero,.preview-card,.preview-mini)::before{background:linear-gradient(142deg,rgba(255,243,221,.76),transparent 23%,rgba(255,183,151,.58) 70%,rgba(255,223,180,.70) 100%)}
body[data-theme="mono"] :is(.hero,.surface,.widget,.preview-hero,.preview-card,.preview-mini)::before{background:linear-gradient(142deg,rgba(255,255,255,.995),rgba(255,255,255,.28) 18%,transparent 34%,rgba(203,227,245,.92) 82%,rgba(255,255,255,.995))}
body[data-theme="editorial"],body[data-theme="mono"]{color-scheme:light}
body[data-theme="editorial"] :is(.search input,.widget-body.links a),body[data-theme="mono"] :is(.search input,.widget-body.links a){color:var(--text)!important}
body[data-theme="editorial"] .search input::placeholder,body[data-theme="mono"] .search input::placeholder{color:var(--muted)!important}
body[data-theme="mono"] :is(.hero,.surface,.widget,.preview-card,.preview-mini){backdrop-filter:blur(12px) saturate(135%)}
body[data-theme="midnight"] :is(.hero,.surface,.widget,.preview-card,.preview-mini){backdrop-filter:none}
body[data-theme="editorial"] :is(.hero,.surface,.widget,.preview-card,.preview-mini){backdrop-filter:blur(3px) saturate(100%)}
body[data-theme="candy"] :is(.hero,.surface,.widget,.preview-card,.preview-mini){backdrop-filter:blur(12px) saturate(178%)}
body[data-theme="aurora"] :is(.hero,.surface,.widget,.preview-card,.preview-mini){backdrop-filter:blur(13px) saturate(182%)}
body[data-theme="editorial"] .side-quote{color:var(--text)!important}
body[data-theme="mono"] .side-quote{color:var(--text)!important}
body[data-theme="mono"] :is(.page-title,.brand,.hero h2,.preview-hero h4,.widget-head strong,.section-head h3,.widget-body.quote,.hero p,.preview-note,.preview-topline,.preview-date,.preview-mini,.preview-check,.badge,.chip,.tool-btn,.ghost-btn,.mood-btn,.mini-btn,.hero-side em,.brand small,.title-eyebrow){color:#0b1119!important}
body[data-theme="mono"] :is(.nav button,.side-footer button,.search,.file-btn){color:#0b1119!important;border-color:rgba(72,103,129,.22)!important;background:rgba(255,255,255,.70)!important}
body[data-theme="aurora"] :is(.hero,.surface,.widget,.preview-card,.preview-mini),body[data-theme="candy"] :is(.hero,.surface,.widget,.preview-card,.preview-mini),body[data-theme="sunset"] :is(.hero,.surface,.widget,.preview-card,.preview-mini){box-shadow:var(--theme-shadow),0 0 0 1px rgba(255,255,255,.11), inset 0 1px 0 rgba(255,255,255,.18), var(--rim)!important}
body[data-theme="aurora"] :is(.hero,.surface,.widget,.preview-card,.preview-mini)::after{background:linear-gradient(165deg,rgba(255,255,255,.24),transparent 33%,rgba(255,177,238,.10) 62%,transparent 76%);opacity:.92}
body[data-theme="candy"] :is(.hero,.surface,.widget,.preview-card,.preview-mini)::after{background:linear-gradient(165deg,rgba(255,255,255,.28),transparent 34%,rgba(255,194,233,.12) 65%,transparent 78%);opacity:.94}
body[data-theme="sunset"] :is(.hero,.surface,.widget,.preview-card,.preview-mini)::after{background:linear-gradient(165deg,rgba(255,245,222,.25),transparent 35%,rgba(255,194,156,.11) 66%,transparent 80%);opacity:.90}
body[data-theme="mono"] :is(.hero,.surface,.widget,.preview-card,.preview-mini)::after{background:linear-gradient(165deg,rgba(255,255,255,.34),transparent 36%,rgba(205,229,245,.18) 66%,transparent 82%);opacity:.95}
body[data-theme="mono"] .preview-glow{opacity:.16}

body[data-theme="editorial"] .preview-polaroid.a{background:linear-gradient(145deg,#ddc0bf,#f3e4dc,#b68e9e)}
body[data-theme="candy"] .preview-polaroid.a{background:linear-gradient(145deg,#ffccf1,#ff65af,#c444ca)}
body[data-theme="emerald"] .preview-polaroid.a{background:linear-gradient(145deg,#b1f4c4,#288f75,#09433a)}
body[data-theme="sunset"] .preview-polaroid.a{background:linear-gradient(145deg,#ffd2ad,#e87679,#69325e)}
body[data-theme="mono"] .preview-polaroid.a{background:linear-gradient(145deg,#fff,#c3dded,#6f9fcb)}
body[data-theme="candy"] .preview-polaroid.b{background:linear-gradient(145deg,#93f4ff,#b781f8,#fa66bd)}
body[data-theme="emerald"] .preview-polaroid.b{background:linear-gradient(145deg,#65d6b9,#0d5b50,#052d31)}
body[data-theme="sunset"] .preview-polaroid.b{background:linear-gradient(145deg,#ffe0b9,#ff9d84,#774a78)}
body[data-theme="mono"] .preview-polaroid.b{background:linear-gradient(145deg,#e9f9ff,#abcadd,#4d7394)}
body[data-theme="candy"] .preview-polaroid.c{background:linear-gradient(145deg,#fbd4ec,#e95da7,#e3a8ff)}
body[data-theme="emerald"] .preview-polaroid.c{background:linear-gradient(145deg,#e1ffce,#54bb8f,#054f45)}
body[data-theme="sunset"] .preview-polaroid.c{background:linear-gradient(145deg,#e69587,#fad4aa,#734077)}
body[data-theme="mono"] .preview-polaroid.c{background:linear-gradient(145deg,#f2fbff,#94bcd8,#d0e0f1)}
@media(max-width:1000px){
 body[data-theme] .studio-right{background:linear-gradient(180deg,rgba(10,13,28,.98),rgba(10,13,28,.95))!important}
 body[data-theme] .studio-preview-stage{min-height:0}
 body[data-theme="editorial"] .studio-right,body[data-theme="mono"] .studio-right{background:linear-gradient(180deg,rgba(11,16,30,.98),rgba(11,16,30,.95))!important}
}


:root{
  --live-gel: .70;
  --live-refraction: .55;
}
body[data-theme] .glow-layer{
  display:block;
  z-index:-1;
  filter:none;
  opacity:var(--live-gel);
  background:
    radial-gradient(ellipse 33% 34% at 16% 17%,color-mix(in srgb,var(--pink) 47%,transparent),transparent 90%),
    radial-gradient(ellipse 35% 33% at 83% 21%,color-mix(in srgb,var(--cyan) 42%,transparent),transparent 89%),
    radial-gradient(ellipse 42% 20% at 47% 86%,color-mix(in srgb,var(--violet) 32%,transparent),transparent 92%),
    linear-gradient(116deg,transparent 13%,color-mix(in srgb,var(--pink) 9%,transparent) 23%,transparent 35%,color-mix(in srgb,var(--cyan) 10%,transparent) 67%,transparent 83%);
}
body[data-theme] .glow-layer::before,body[data-theme] .glow-layer::after{
  content:"";
  position:absolute;
  border-radius:50%;
  filter:none;
}
body[data-theme] .glow-layer::before{
  width:min(55vw,780px);
  height:min(55vw,780px);
  top:-12%;left:-11%;
  background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--pink) 29%,transparent),transparent 68%);
}
body[data-theme] .glow-layer::after{
  width:min(57vw,820px);
  height:min(57vw,820px);
  top:5%;right:-18%;
  background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--cyan) 30%,transparent),transparent 68%);
}
body[data-theme] :is(.app-bg,.preview-bg)::before,
body[data-theme] :is(.app-bg,.preview-bg)::after{
  opacity:var(--live-gel)!important;
}
body[data-theme] .preview-glow{
  opacity:var(--live-gel)!important;
  background:
    radial-gradient(ellipse 60% 56% at 13% 20%,color-mix(in srgb,var(--pink) 58%,transparent),transparent 86%),
    radial-gradient(ellipse 56% 60% at 85% 16%,color-mix(in srgb,var(--cyan) 52%,transparent),transparent 84%),
    linear-gradient(120deg,transparent 9%,color-mix(in srgb,var(--pink) 20%,transparent) 25%,transparent 39%,color-mix(in srgb,var(--cyan) 22%,transparent) 70%,transparent 91%)!important;
}
body[data-theme] :is(.hero,.surface,.widget,.preview-hero,.preview-card,.preview-mini,.side-quote,.studio-preview-stage){
  backdrop-filter:blur(var(--glass-blur)) saturate(var(--backdrop-saturation))!important;
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--backdrop-saturation))!important;
}
body[data-theme] :is(.surface,.widget,.preview-card,.preview-mini,.side-quote)::after{
  opacity:var(--live-refraction)!important;
  background:linear-gradient(115deg,
    rgba(255,255,255,.48) 0%,
    rgba(255,255,255,.14) 17%,
    transparent 34%,
    color-mix(in srgb,var(--cyan) 32%,transparent) 50%,
    transparent 60%,
    color-mix(in srgb,var(--pink) 31%,transparent) 77%,
    rgba(255,255,255,.25) 100%)!important;
}
body[data-theme] :is(.hero,.preview-hero)::after{
  opacity:var(--live-refraction)!important;
}
body[data-theme] .preview-orb{
  box-shadow:inset 2px 3px 3px rgba(255,255,255,.40),inset -5px -8px 12px rgba(20,42,86,.22),0 10px 24px rgba(0,0,0,.18);
}
@media(max-width:1000px){
  body[data-theme] .glow-layer{
    background:
      radial-gradient(ellipse 68% 27% at 5% 11%,color-mix(in srgb,var(--pink) 45%,transparent),transparent 92%),
      radial-gradient(ellipse 67% 28% at 91% 25%,color-mix(in srgb,var(--cyan) 43%,transparent),transparent 90%),
      radial-gradient(ellipse 65% 27% at 44% 69%,color-mix(in srgb,var(--violet) 36%,transparent),transparent 90%);
  }
}


body[data-theme] .preview-stars{z-index:2;pointer-events:none;}
body[data-theme] .preview-stars .star{
  width:5px;height:5px;
  background:rgba(247,251,255,.95);
  box-shadow:0 0 0 1px rgba(255,255,255,.20),0 0 6px color-mix(in srgb,var(--cyan) 45%,transparent);
  clip-path:polygon(50% 0%,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0% 50%,38% 38%);
}
body[data-theme] .preview-stars .star.big{width:10px;height:10px}
body[data-theme] .stars .star.big{width:6px;height:6px}
body[data-theme] .preview-orb{
  z-index:3;
  pointer-events:none;
  border:1.5px solid rgba(242,249,255,.66);
  background:radial-gradient(circle at 27% 19%,rgba(255,255,255,.44),transparent 35%),linear-gradient(136deg,color-mix(in srgb,var(--pink) 28%,transparent),rgba(255,255,255,.045) 47%,color-mix(in srgb,var(--cyan) 25%,transparent));
  box-shadow:inset 2px 3px 2px rgba(255,255,255,.56),inset -5px -7px 9px rgba(16,43,86,.22),0 8px 21px rgba(0,0,0,.16);
}
@media(max-width:1000px){
  body[data-theme] .preview-orb.one{width:76px;height:76px;right:3%;top:9%}
  body[data-theme] .preview-orb.two{width:38px;height:38px;right:34%;top:4%}
}

body[data-theme] .stars .star{width:3px;height:3px;box-shadow:0 0 3px rgba(255,255,255,.9)}
body[data-theme] .stars .star.big{
  width:9px;height:9px;
  background:rgba(247,251,255,.95);
  clip-path:polygon(50% 0%,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0% 50%,39% 38%);
  box-shadow:none;
}
body[data-theme] .orb-layer .orb{
  border:1.5px solid rgba(255,255,255,.66);
  background:radial-gradient(circle at 26% 20%,rgba(255,255,255,.43),transparent 31%),linear-gradient(145deg,color-mix(in srgb,var(--pink) 26%,transparent),rgba(255,255,255,.05) 51%,color-mix(in srgb,var(--cyan) 23%,transparent));
  box-shadow:inset 3px 3px 3px rgba(255,255,255,.48),inset -6px -10px 13px rgba(17,48,91,.22),0 8px 25px rgba(0,0,0,.20);
}

.photo-shell{isolation:isolate}
.photo-shell .photo-frame{transition:border-color .18s,box-shadow .18s}
.photo-shell.frame-gloss .photo-frame{inset:8px;border-radius:18px;border:2px solid rgba(255,255,255,.65);box-shadow:inset 0 2px 2px rgba(255,255,255,.48),inset 0 -6px 14px rgba(51,65,112,.23),0 0 0 4px rgba(255,255,255,.09),0 12px 30px rgba(0,0,0,.24)}
.photo-shell.frame-polaroid{background:linear-gradient(145deg,#fffdfb,#e8e9f0);border-radius:10px;box-shadow:0 13px 32px rgba(0,0,0,.26)}
.photo-shell.frame-polaroid .photo-frame{inset:13px 13px 54px;border-radius:3px;border-color:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.photo-shell.frame-polaroid .photo-caption{position:absolute;bottom:12px;left:15px;right:15px;text-align:center;color:#222837;font:600 15px Georgia,serif;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.photo-shell.frame-holo{border-radius:20px;background:linear-gradient(125deg,#8be5ff,#fa9ef0,#a29bff,#78f3d3);padding:5px;box-shadow:inset 1px 1px #fff,0 15px 28px #050a2080}
.photo-shell.frame-holo .photo-frame{inset:10px;border:2px solid rgba(255,255,255,.76);border-radius:16px;box-shadow:inset 2px 2px rgba(255,255,255,.54),inset -3px -5px 12px rgba(17,29,85,.30),0 0 0 3px rgba(255,255,255,.12)}
.photo-shell.frame-film{border-radius:12px;background:repeating-linear-gradient(90deg,#10121e 0 17px,#0a0b14 17px 29px);border:4px solid #111421}
.photo-shell.frame-film .photo-frame{inset:21px 9px;border-radius:3px;border:1px solid #dce4ff}
.photo-shell.frame-film:before,.photo-shell.frame-film:after{content:'▣ ▣ ▣ ▣ ▣ ▣ ▣ ▣';position:absolute;left:8px;right:8px;font-size:12px;line-height:13px;height:13px;text-align:center;letter-spacing:9px;color:#f5f4fc;z-index:2;overflow:hidden;white-space:nowrap;pointer-events:none}
.photo-shell.frame-film:before{top:0}.photo-shell.frame-film:after{bottom:0}
.photo-shell.frame-chrome{border-radius:22px;background:linear-gradient(140deg,#fbfdff,#9faabc 19%,#eff9ff 38%,#8496b1 64%,#fff 83%,#96b2d5);box-shadow:inset 2px 2px rgba(255,255,255,.85),inset -5px -6px 9px rgba(16,23,49,.27),0 14px 27px rgba(0,0,0,.26)}
.photo-shell.frame-chrome .photo-frame{inset:13px;border:2px solid #f7fdff;border-radius:15px}
.photo-shell.frame-none .photo-frame{inset:0;border:0;border-radius:12px;box-shadow:none}
.photo-custom-stickers{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}
.photo-custom-sticker{position:absolute;display:block;line-height:1;white-space:nowrap;transform:translate(-50%,-50%) rotate(var(--sticker-angle,0deg));font-size:var(--sticker-size,44px);filter:drop-shadow(0 3px 5px rgba(0,0,0,.33));user-select:none}
.photo-editor-dialog{width:min(760px,100%)}
.photo-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.78fr);gap:14px}
.photo-editor-stage{position:relative;width:100%;aspect-ratio:1/1;border:1px solid var(--theme-stroke,rgba(255,255,255,.2));border-radius:19px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--pink) 18%,#14192b),color-mix(in srgb,var(--cyan) 20%,#14192b));touch-action:none}
.photo-editor-stage .photo-shell{width:100%;height:100%}
.photo-editor-stage .photo-custom-stickers{pointer-events:auto}
.photo-editor-stage .photo-custom-sticker{pointer-events:auto;cursor:grab;touch-action:none}
.photo-editor-stage .photo-custom-sticker.selected{outline:2px dashed #fff;outline-offset:6px;border-radius:5px}
.photo-editor-empty{position:absolute;inset:22%;display:grid;place-items:center;text-align:center;font-size:14px;color:var(--text);padding:12px;line-height:1.4;pointer-events:none}
.photo-studio-controls{display:grid;gap:12px;align-content:start}
.photo-studio-stickers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.photo-studio-stickers button{font-size:25px;line-height:1.2;padding:8px 2px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:10px}
.photo-studio-stickers button:hover,.photo-studio-stickers button:focus-visible{border-color:var(--cyan);background:rgba(255,255,255,.17)}
.photo-studio-actions{display:flex;gap:8px;flex-wrap:wrap}
.photo-studio-actions button{flex:1;min-width:85px}
.photo-studio-controls .field select,.photo-studio-controls .field input{color:var(--text)}
.photo-studio-counter{font-size:12px;color:var(--muted);line-height:1.35}
.photo-widget-share{width:31px;height:31px;display:grid;place-items:center;padding:0}
.photo-share-preview{width:min(250px,100%);display:block;margin:10px auto;border-radius:16px;border:1px solid rgba(255,255,255,.25);box-shadow:0 12px 32px rgba(0,0,0,.18)}
.photo-share-actions{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}
.photo-share-actions button{flex:1;min-width:120px}
.photo-share-status{font-size:13px;line-height:1.45;min-height:34px;color:var(--muted)}
.photo-share-link{width:100%;padding:12px;background:rgba(12,16,29,.55);border:1px solid rgba(255,255,255,.19);border-radius:12px;color:var(--text)}
.photo-share-captcha{min-height:65px;display:flex;align-items:center;justify-content:center;margin:8px auto}
body[data-theme="editorial"] .photo-share-status,body[data-theme="mono"] .photo-share-status{color:var(--text)}
@media(max-width:680px){.photo-editor-layout{grid-template-columns:1fr}.photo-editor-stage{max-width:390px;margin:auto}.photo-editor-dialog{max-height:94dvh}.photo-studio-stickers{grid-template-columns:repeat(8,minmax(0,1fr))}.photo-studio-stickers button{font-size:22px}.photo-studio-actions button{min-width:70px}.photo-share-captcha{min-height:72px}}


.canvas>.widget[data-type="sticker"]{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
.canvas>.widget[data-type="sticker"]::before,.canvas>.widget[data-type="sticker"]::after{display:none!important}
.canvas>.widget[data-type="sticker"] .widget-head{background:rgba(18,23,43,.62)!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:12px;height:40px}
.canvas>.widget[data-type="sticker"] .widget-body.sticker{background:transparent!important}
@media(max-width:680px){.canvas>.widget[data-type="sticker"]{height:165px!important}}
