.theme-app-page{
    position:fixed;
    inset:0;
    z-index:110;
    display:flex;
    flex-direction:column;
    min-width:0;
    overflow:hidden;
    background:var(--ui-color);
    transform:translate3d(18px,0,0);
    transition:opacity .22s ease,transform .27s cubic-bezier(.2,.72,.24,1),visibility 0s linear .27s;
  }
  .theme-app-page.active{transform:translate3d(0,0,0);transition-delay:0s}

  .theme-browser-header{
    --theme-browser-surface:var(--ui-surface-background);
    --theme-browser-control-height:34px;
    position:relative;
    z-index:5;
    flex:0 0 auto;
    padding:calc(env(safe-area-inset-top) + var(--system-status-offset) + 8px) 0 0;
    background:transparent;
  }
  .theme-browser-chrome{
    position:relative;
    overflow:visible;
  }
  .theme-browser-tabs-row{
    position:relative;
    z-index:4;
    height:39px;
    display:flex;
    align-items:flex-end;
    padding:0 var(--side-pad);
    overflow:visible;
  }
  .theme-browser-tabs{
    display:flex;
    align-items:flex-end;
    gap:4px;
    min-width:max-content;
    height:100%;
  }

  .theme-browser-tab{
    appearance:none;
    -webkit-appearance:none;
    position:relative;
    z-index:2;
    flex:0 0 auto;
    height:34px;
    min-width:70px;
    margin:0;
    padding:0 14px;
    border:var(--app-shell-border);
    border-radius:14px 14px 0 0;
    background:var(--ui-color);
    color:rgba(var(--ui-ink-rgb),.58);
    font-size:12px;
    font-weight:400;
    line-height:1;
    white-space:nowrap;
    box-shadow:var(--app-shell-shadow);
    clip-path:inset(-9px -11px 0 -11px);
    transition:color .16s ease,height .16s ease,box-shadow .16s ease;
  }
  .theme-browser-tab:active{box-shadow:var(--app-shell-shadow-active)}
  .theme-browser-tab::before,
  .theme-browser-tab::after{
    content:"";
    position:absolute;
    z-index:3;
    bottom:-1px;
    width:10px;
    height:10px;
    background:transparent;
    pointer-events:none;
  }
  .theme-browser-tab::before{
    left:-10px;
    border-radius:0 0 100% 0;
    box-shadow:4px 4px 0 3px var(--ui-surface-background);
  }
  .theme-browser-tab::after{
    right:-10px;
    border-radius:0 0 0 100%;
    box-shadow:-4px 4px 0 3px var(--ui-surface-background);
  }

  .theme-browser-tab.is-active{
    z-index:6;
    height:44px;
    margin-bottom:-7px;
    padding:0 16px 7px;
    color:rgb(var(--ui-ink-rgb));
    font-weight:500;
    background:var(--theme-browser-surface);
    border:var(--app-shell-border);
    border-bottom:0;
    border-radius:15px 15px 0 0;
    box-shadow:var(--app-shell-shadow);
    clip-path:inset(-10px -12px 0 -12px);
  }
  .theme-browser-tab.is-active::before,
  .theme-browser-tab.is-active::after{
    z-index:7;
    bottom:0;
    width:11px;
    height:11px;
  }
  .theme-browser-tab.is-active::before{
    left:-11px;
    box-shadow:4px 4px 0 3px var(--theme-browser-surface);
  }
  .theme-browser-tab.is-active::after{
    right:-11px;
    box-shadow:-4px 4px 0 3px var(--theme-browser-surface);
  }

  .theme-browser-toolbar-shell{
    position:relative;
    z-index:3;
    width:100%;
    padding:13px var(--side-pad) 8px;
    background:var(--theme-browser-surface);
    clip-path:inset(-10px 0 0 0);
    overflow:visible;
  }
  .theme-browser-toolbar-shell::before{
    content:"";
    position:absolute;
    z-index:0;
    left:0;
    right:0;
    top:1px;
    height:1px;
    background:var(--ui-ridge-color);
    box-shadow:var(--ui-ridge-shadow);
    transform:scaleY(-1);
    transform-origin:50% 50%;
    pointer-events:none;
  }
  .theme-browser-toolbar{
    position:relative;
    z-index:1;
    min-height:42px;
    display:grid;
    grid-template-columns:var(--theme-browser-control-height) minmax(0,1fr) var(--theme-browser-control-height);
    gap:7px;
    align-items:center;
  }
  .theme-browser-close,
  .theme-browser-action{
    appearance:none;
    -webkit-appearance:none;
    width:var(--theme-browser-control-height);
    height:var(--theme-browser-control-height);
    padding:0;
    border:var(--app-shell-border);
    border-radius:12px;
    background:var(--ui-color);
    color:rgb(var(--ui-ink-rgb));
    box-shadow:var(--app-shell-shadow);
    display:grid;
    place-items:center;
    transition:transform .14s ease,box-shadow .14s ease;
  }
  .theme-browser-close:active,
  .theme-browser-action:active{
    transform:scale(var(--app-shell-active-scale));
    box-shadow:var(--app-shell-shadow-active);
  }
  .theme-address-field{
    min-width:0;
    height:var(--theme-browser-control-height);
    display:grid;
    place-items:center;
    padding:0 14px;
    border:var(--app-shell-border);
    border-radius:15px;
    background:var(--ui-color);
    color:rgb(var(--ui-ink-rgb));
    box-shadow:var(--app-shell-shadow);
    overflow:hidden;
  }
  .theme-address-title{
    min-width:0;
    text-align:center;
    font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:1;
    letter-spacing:.20em;
    text-indent:.20em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .theme-browser-header .lucide-icon{
    display:block;
    width:18px;
    height:18px;
    flex:0 0 auto;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .theme-browser-close .lucide-icon{width:20px;height:20px}
  .theme-browser-action .lucide-icon{width:18px;height:18px;stroke-width:1.7}

  .theme-preview-zone{
    --theme-switch-offset:12px;
    position:relative;
    flex:0 0 min(274px,33dvh);
    min-height:214px;
    overflow:hidden;
    padding:7px var(--side-pad) 13px;
    touch-action:pan-y;
    cursor:grab;
  }
  .theme-preview-zone:active{cursor:grabbing}
  .theme-preview-stage{
    position:relative;
    width:min(100%,520px);
    height:100%;
    margin:0 auto;
    display:grid;
    place-items:center;
  }
  .theme-preview-panel{
    position:absolute;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    opacity:0;
    pointer-events:none;
  }
  .theme-preview-panel.is-active{display:flex;opacity:1;pointer-events:auto;animation:theme-preview-in .20s ease both}
  @keyframes theme-preview-in{from{opacity:.18;transform:translate3d(var(--theme-switch-offset),0,0) rotate(.25deg)}to{opacity:1;transform:none}}
  .theme-preview-home{
    position:relative;
    height:min(222px,100%);
    width:auto;
    max-width:62vw;
    aspect-ratio:390 / 620;
    overflow:hidden;
    border:var(--app-shell-border);
    border-radius:28px;
    background-color:var(--ui-color);
    background-image:var(--home-wallpaper);
    background-size:cover;background-position:center;
    box-shadow:var(--app-shell-shadow);
    padding:15px 13px 13px;
  }
  .theme-preview-home-status{height:12px;display:flex;justify-content:space-between;align-items:center;padding:0 3px;font-size:5.5px;color:var(--home-text-color);opacity:.68}
  .theme-preview-status-glyphs{font-size:5px;letter-spacing:.12em;color:currentColor;white-space:nowrap}
  .theme-preview-widget{
    height:92px;
    margin-top:8px;
    border:var(--app-shell-border);
    border-radius:18px;
    background:var(--ui-color);
    box-shadow:var(--app-shell-shadow);
    position:relative;
    overflow:hidden;
  }
  .theme-preview-widget::before{content:"";position:absolute;left:12px;top:14px;width:38px;height:38px;border-radius:50%;background:var(--placeholder-bg)}
  .theme-preview-widget::after{content:"";position:absolute;left:60px;right:13px;top:22px;height:5px;border-radius:3px;background:color-mix(in srgb,var(--ui-color) 72%,#777);box-shadow:0 14px 0 color-mix(in srgb,var(--ui-color) 82%,#888)}
  .theme-preview-mini-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px;padding:0 4px}
  .theme-preview-mini-icon{
    aspect-ratio:1;
    border-radius:30%;
    background:var(--ui-color);
    box-shadow:var(--app-shell-shadow);
    border:var(--app-shell-border);
  }

  .theme-preview-icons-grid{width:min(268px,76vw);display:grid;grid-template-columns:repeat(4,1fr);gap:18px 14px;align-items:start;justify-items:center}
  .theme-preview-icons-grid .app-icon{margin:0;transform:scale(.78);transform-origin:50% 50%}
  .theme-preview-icons-grid .theme-preview-icon-cell{width:58px;display:flex;flex-direction:column;align-items:center;gap:3px;overflow:hidden}
  .theme-preview-icons-grid .theme-preview-icon-name{width:100%;text-align:center;font-size:7.5px;color:var(--home-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .theme-preview-type{
    width:min(310px,82vw);
    padding:20px 22px;
    border-radius:24px;
    background:var(--ui-color);
    box-shadow:var(--app-shell-shadow);
    border:var(--app-shell-border);
  }
  .theme-preview-type .sample-kicker{font-size:8px;letter-spacing:.2em;color:var(--text-secondary)}
  .theme-preview-type .sample-title{margin-top:9px;font-size:24px;line-height:1.1;color:var(--text-main)}
  .theme-preview-type .sample-body{margin-top:10px;font-size:10px;line-height:1.65;color:var(--text-secondary)}

  .theme-preview-audio{
    width:min(300px,80vw);
    height:150px;
    border-radius:26px;
    background:var(--ui-color);
    box-shadow:var(--app-shell-shadow);
    border:var(--app-shell-border);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:16px;
  }
  .theme-preview-speaker{
    width:54px;
    height:54px;
    border-radius:18px;
    display:grid;
    place-items:center;
    background:var(--ui-color);
    box-shadow:var(--app-shell-shadow);
    border:var(--app-shell-border);
    color:color-mix(in srgb,var(--text-main) 70%,transparent);
    font-size:24px;
    font-weight:400;
    line-height:1;
  }
  .theme-preview-wave{height:23px;display:flex;gap:4px;align-items:center}
  .theme-preview-wave i{display:block;width:3px;border-radius:3px;background:color-mix(in srgb,var(--ui-color) 48%,#333);height:7px}
  .theme-preview-wave i:nth-child(2),.theme-preview-wave i:nth-child(6){height:13px}.theme-preview-wave i:nth-child(3),.theme-preview-wave i:nth-child(5){height:19px}.theme-preview-wave i:nth-child(4){height:23px}
  .theme-preview-wave.is-playing i{animation:theme-wave .48s ease-in-out infinite alternate}.theme-preview-wave.is-playing i:nth-child(2){animation-delay:.06s}.theme-preview-wave.is-playing i:nth-child(3){animation-delay:.12s}.theme-preview-wave.is-playing i:nth-child(4){animation-delay:.18s}.theme-preview-wave.is-playing i:nth-child(5){animation-delay:.24s}.theme-preview-wave.is-playing i:nth-child(6){animation-delay:.3s}
  @keyframes theme-wave{to{transform:scaleY(.35)}}
  .theme-preview-audio-label{font-size:9px;letter-spacing:.12em;color:var(--text-secondary)}

  .theme-device-preview{
    position:relative;
    width:132px;
    height:206px;
    border:6px solid var(--system-shell-color);
    border-radius:28px;
    background:var(--ui-color);
    box-shadow:var(--app-shell-shadow);
    overflow:hidden;
    transition:width .18s ease,height .18s ease,border-width .18s ease,border-color .18s ease;
  }
  .theme-device-preview-screen{position:absolute;inset:0;border-radius:21px;background:var(--ui-color);overflow:hidden}
  .theme-device-preview-status{height:20px;padding:7px 11px 0;display:flex;justify-content:space-between;font-size:5.5px;color:var(--text-main);opacity:.85}
  .theme-device-preview-grid{padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .theme-device-preview-grid i{
    aspect-ratio:1;
    border-radius:30%;
    background:var(--ui-color);
    box-shadow:var(--app-shell-shadow);
    border:var(--app-shell-border);
  }
  .theme-device-preview-effect{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:none;opacity:1}
  .theme-device-preview-effect[data-mode="sunny"]{background:none}
  .theme-preview-rain{
    position:absolute;top:-24%;display:block;width:1px;height:22%;border-radius:999px;
    background:linear-gradient(to bottom,rgba(226,238,246,0),rgba(142,172,196,.72));
    transform:rotate(13deg);opacity:var(--preview-rain-opacity,.45);
    animation:theme-preview-rain linear infinite;
  }
  .theme-preview-snow{
    position:absolute;top:-12%;width:var(--preview-snow-size,8px);height:var(--preview-snow-size,8px);
    color:rgba(var(--highlight-tint-rgb),var(--preview-snow-opacity,.7));fill:none;stroke:currentColor;
    animation:theme-preview-snow linear infinite;
  }
  .theme-preview-snow path{fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
  @keyframes theme-preview-rain{from{transform:translate3d(0,-15%,0) rotate(13deg)}to{transform:translate3d(-28px,650%,0) rotate(13deg)}}
  @keyframes theme-preview-snow{from{transform:translate3d(0,-10%,0) rotate(0deg)}to{transform:translate3d(var(--preview-snow-drift,8px),690%,0) rotate(250deg)}}

  .theme-editor-shell{
    --theme-switch-offset:12px;
    position:relative;
    z-index:3;
    flex:1 1 auto;
    min-height:0;
    margin-top:var(--convex-divider-depth);
    border:var(--app-shell-border);
    border-bottom:0;
    border-radius:var(--convex-divider-depth) var(--convex-divider-depth) 0 0;
    background:var(--ui-color);
    box-shadow:var(--app-shell-shadow);
    overflow:hidden;
  }
  .theme-editor-scroll{
    position:absolute;inset:0;
    overflow-x:hidden;overflow-y:auto;
    overscroll-behavior-y:contain;
    scrollbar-width:none;
    touch-action:pan-y;
    padding:calc(var(--convex-divider-depth) - 7px) calc(var(--side-pad) + 12px) calc(28px + env(safe-area-inset-bottom)) var(--side-pad);
  }
  .theme-editor-scroll::-webkit-scrollbar{display:none}
  .theme-category{display:none;width:min(100%,560px);margin:0 auto}.theme-category.is-active{display:block}
  .theme-subpanel{display:none}.theme-subpanel.is-active{display:block;animation:theme-panel-in .18s ease both}
  @keyframes theme-panel-in{from{opacity:.18;transform:translate3d(var(--theme-switch-offset),0,0)}to{opacity:1;transform:translate3d(0,0,0)}}

  .theme-scrollbar{
    position:absolute;
    z-index:10;
    top:calc(var(--convex-divider-depth) + 8px);
    right:max(4px,env(safe-area-inset-right));
    bottom:calc(14px + env(safe-area-inset-bottom));
    width:10px;
    opacity:1;
    transition:opacity .18s ease;
    touch-action:none;
  }
  .theme-scrollbar[hidden]{display:none}
  .theme-scrollbar-track{
    position:absolute;
    top:0;bottom:0;left:4px;right:4px;
    border-radius:999px;
    background:var(--ui-color);
    border:var(--app-shell-border);
    box-shadow:var(--app-shell-shadow);
  }
  .theme-scrollbar-thumb{
    position:absolute;
    left:1px;right:1px;top:0;
    min-height:34px;
    border-radius:999px;
    background:var(--ui-color);
    border:var(--app-shell-border);
    box-shadow:var(--app-shell-shadow);
    will-change:transform,height;
  }
  .theme-scrollbar-thumb:active{transform:scaleX(.92)}

  .theme-panel-stack{display:flex;flex-direction:column;gap:14px}
  .theme-section-card{
    padding:15px;
    border:var(--app-shell-border);
    border-radius:22px;
    background:var(--ui-color);
    box-shadow:var(--app-shell-shadow);
  }
  .theme-section-title{margin:0 0 11px;padding-left:3px;color:var(--text-main);font-size:11px;font-weight:500;letter-spacing:.035em}
  .theme-section-note{margin:5px 0 0;color:color-mix(in srgb,var(--text-secondary) 76%,transparent);font-size:9px;font-weight:400;line-height:1.55}
  .theme-control-stack{display:flex;flex-direction:column;gap:10px}
  .theme-control-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:11px;min-height:40px}
  .theme-control-label{min-width:0;color:var(--text-secondary);font-size:10.5px;font-weight:400;line-height:1.35}
  .theme-control-value{color:var(--text-main);font-size:9px;white-space:nowrap}
  .theme-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}
  .theme-input,.theme-button{
    appearance:none;-webkit-appearance:none;
    min-height:42px;
    border:var(--app-shell-border);
    border-radius:14px;
    background:var(--ui-color);
    color:var(--text-main);
    box-shadow:var(--app-shell-shadow);
    outline:none;
    font:inherit;
    font-size:10.5px;
    font-weight:400;
    transition:transform .14s ease,box-shadow .14s ease;
  }
  .theme-input{width:100%;min-width:0;padding:0 13px;user-select:text;-webkit-user-select:text}.theme-input:focus{transform:translateY(-1px);box-shadow:var(--app-shell-shadow)}
  .theme-button{min-width:68px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.theme-button:active{transform:scale(var(--app-shell-active-scale));box-shadow:var(--app-shell-shadow-active)}.theme-button[disabled]{opacity:.42;box-shadow:none}
  .theme-button.theme-danger-lite{width:100%;margin-top:2px}
  .theme-color-input{
    appearance:none;-webkit-appearance:none;
    width:42px;
    height:38px;
    padding:4px;
    border:var(--app-shell-border);
    border-radius:12px;
    background:var(--ui-color);
    box-shadow:var(--app-shell-shadow);
  }
  .theme-color-input::-webkit-color-swatch-wrapper{padding:0}.theme-color-input::-webkit-color-swatch{border:0;border-radius:7px}.theme-color-input::-moz-color-swatch{border:0;border-radius:7px}
  .theme-color-orb{
    width:38px;
    height:38px;
    flex:0 0 38px;
    padding:0;
    border:0;
    border-radius:50%;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .theme-color-orb::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}
  .theme-color-orb::-webkit-color-swatch{border:0;border-radius:50%}
  .theme-color-orb::-moz-color-swatch{border:0;border-radius:50%}
  .theme-quality-divider{height:1px;margin:14px 0;background:color-mix(in srgb,var(--ui-ink-rgb) 10%,transparent)}
  .theme-quality-colors{display:grid;grid-template-columns:1fr;gap:12px}
  .theme-quality-color-title{margin:0 0 6px 3px;color:var(--text-secondary);font-size:10px;font-weight:400}
  .theme-texture-picker{position:relative;margin-top:2px}
  .theme-texture-current{
    appearance:none;-webkit-appearance:none;width:100%;height:42px;padding:0 13px;
    border:var(--app-shell-border);border-radius:14px;background-color:var(--ui-surface-background);
    color:var(--text-main);box-shadow:var(--app-shell-shadow);display:flex;align-items:center;justify-content:space-between;
    gap:12px;font-size:10.5px;font-weight:400;text-align:left;
  }
  .theme-texture-current svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
  .theme-texture-picker.is-open .theme-texture-current svg{transform:rotate(180deg)}
  .theme-texture-menu{
    display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;transition:grid-template-rows .2s ease,opacity .16s ease,margin-top .2s ease;
    margin-top:0;
  }
  .theme-texture-picker.is-open .theme-texture-menu{grid-template-rows:1fr;opacity:1;margin-top:8px}
  .theme-texture-menu-inner{min-height:0;display:flex;flex-direction:column;gap:7px}
  .theme-texture-option{
    appearance:none;-webkit-appearance:none;min-height:38px;padding:0 13px;border:var(--app-shell-border);border-radius:12px;
    background-color:var(--ui-surface-background);color:var(--text-secondary);box-shadow:var(--app-shell-shadow);
    display:flex;align-items:center;justify-content:space-between;font-size:10.5px;font-weight:400;text-align:left;
  }
  .theme-texture-option.is-active{color:var(--text-main)}
  .theme-texture-option.is-active::after{content:"✓";font-size:11px;color:var(--text-main);opacity:.72}
  :root[data-theme-texture="solid"] .theme-input:focus,
  :root[data-theme-texture="solid"] .theme-segment.is-active{transform:none}
  .theme-range{appearance:none;-webkit-appearance:none;width:min(230px,54vw);height:28px;background:transparent;outline:none}
  .theme-range::-webkit-slider-runnable-track{height:8px;border:var(--app-shell-border);border-radius:999px;background:var(--ui-color);box-shadow:var(--app-shell-shadow)}
  .theme-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border:var(--app-shell-border);border-radius:7px;background:var(--ui-color);box-shadow:var(--app-shell-shadow)}
  .theme-range::-moz-range-track{height:8px;border:var(--app-shell-border);border-radius:999px;background:var(--ui-color);box-shadow:var(--app-shell-shadow)}
  .theme-range::-moz-range-thumb{width:18px;height:18px;border:var(--app-shell-border);border-radius:7px;background:var(--ui-color);box-shadow:var(--app-shell-shadow)}
  .theme-toggle{
    appearance:none;-webkit-appearance:none;
    position:relative;
    width:44px;
    height:27px;
    padding:0;
    border:var(--app-shell-border);
    border-radius:10px;
    background:var(--ui-color);
    box-shadow:var(--app-shell-shadow);
  }
  .theme-toggle::after{
    content:"";
    position:absolute;
    top:5px;left:5px;
    width:15px;height:15px;
    border-radius:5px;
    background:color-mix(in srgb,var(--ui-color) 60%,#333);
    border:var(--app-shell-border);
    box-shadow:var(--app-shell-shadow);
    transition:transform .18s ease,background .18s ease;
  }
  .theme-toggle.is-on::after{transform:translateX(18px);background:color-mix(in srgb,var(--ui-color) 24%,#111)}
  .theme-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .theme-segment{appearance:none;-webkit-appearance:none;min-height:38px;padding:0 8px;border:var(--app-shell-border);border-radius:12px;background:var(--ui-color);color:var(--text-secondary);box-shadow:var(--app-shell-shadow);font-size:10.5px;transition:transform .14s ease,box-shadow .14s ease}.theme-segment.is-active{color:var(--text-main);box-shadow:var(--app-shell-shadow);transform:translateY(-1px)}
  .theme-file-input{display:none}.theme-inline-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}

  .theme-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:2px 0 12px}
  .theme-swatch{
    appearance:none;-webkit-appearance:none;
    aspect-ratio:1;
    border:var(--app-shell-border);
    border-radius:10px;
    background:var(--swatch);
    box-shadow:var(--app-shell-shadow);
    position:relative;
    transition:transform .14s ease,box-shadow .14s ease;
  }
  .theme-swatch.is-active::after{content:"";position:absolute;inset:6px;border:1px solid rgba(0,0,0,.34);border-radius:5px}
  .theme-color-line{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center}

  .theme-wallpaper-preview{
    position:relative;
    width:100%;
    aspect-ratio:16/8;
    margin-top:10px;
    overflow:hidden;
    border:var(--app-shell-border);
    border-radius:18px;
    background:var(--ui-color);
    box-shadow:var(--app-shell-shadow);
  }
  .theme-wallpaper-preview::before{content:"";position:absolute;inset:0;background-image:var(--home-wallpaper);background-size:cover;background-position:center}
  .theme-wallpaper-preview::after{content:"HOME";position:absolute;left:14px;bottom:12px;color:rgba(0,0,0,.52);font-size:9px;letter-spacing:.18em}

  #themeFontPresetList{margin-top:12px}
  .theme-app-list,.theme-preset-list{display:flex;flex-direction:column;gap:9px}
  .theme-app-editor{
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    gap:11px;
    align-items:center;
    padding:10px 11px;
    border:var(--app-shell-border);
    border-radius:16px;
    background:var(--ui-color);
    box-shadow:var(--app-shell-shadow);
  }
  .theme-app-editor:last-child{border-bottom:var(--app-shell-border)}
  .theme-app-preview{width:46px;height:46px;display:grid;place-items:center;overflow:visible}.theme-app-preview .app-icon{margin:0;transform:scale(.68)}
  .theme-app-editor-body{display:flex;flex-direction:column;gap:7px;min-width:0}
  .theme-app-editor-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 2px}
  .theme-app-editor-name{min-width:0;color:var(--text-main);font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-app-editor-area{color:var(--text-secondary);font-size:8px;white-space:nowrap}
  .theme-app-url-row{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:8px;align-items:center}.theme-app-url-row .theme-input,.theme-app-url-row .theme-button{min-height:38px}
  .theme-app-reset-wrap{padding-top:12px}

  .theme-preset-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:8px;
    align-items:center;
    padding:10px 11px;
    border:var(--app-shell-border);
    border-radius:15px;
    background:var(--ui-color);
    box-shadow:var(--app-shell-shadow);
    margin-bottom:0;
  }
  .theme-preset-name{min-width:0;font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-preset-meta{display:block;margin-top:2px;color:var(--text-secondary);font-size:8.5px}
  .theme-preset-mini{
    appearance:none;-webkit-appearance:none;
    min-width:48px;
    min-height:32px;
    padding:0 9px;
    border:var(--app-shell-border);
    border-radius:10px;
    background:var(--ui-color);
    color:var(--text-main);
    box-shadow:var(--app-shell-shadow);
    font-size:9px;
  }
  .theme-empty-state{
    padding:18px 12px;
    text-align:center;
    color:var(--text-secondary);
    font-size:9.5px;
    border:var(--app-shell-border);
    border-radius:14px;
    background:var(--ui-color);
    box-shadow:var(--app-shell-shadow);
  }

  @media (max-width:380px){
    .theme-browser-tabs-row,.theme-browser-toolbar-shell,.theme-preview-zone,.theme-editor-scroll{padding-left:12px;padding-right:12px}
    .theme-browser-tab{font-size:11px}.theme-palette{gap:7px}.theme-app-editor{grid-template-columns:44px minmax(0,1fr)}.theme-app-preview{width:42px;height:42px}
  }
  @media (max-height:720px){.theme-preview-zone{flex-basis:205px;min-height:178px}.theme-preview-home{width:174px}.theme-device-preview{width:122px;height:166px}.theme-preview-audio{height:126px}}
  @media (prefers-reduced-motion:reduce){.global-weather-layer .weather-drop,.global-weather-layer .weather-flake-svg,.theme-preview-rain,.theme-preview-snow{animation:none}.theme-app-page,.theme-subpanel.is-active,.theme-preview-panel.is-active{transition:none;animation:none}}

  .soft-panel,
  .personal-info,
  .location,
  .app-icon,
  .status-pill,
  .pager-dot,
  .dock,
  .widget-context-menu,
  .editor-controls-shell,
  .editor-input,
  .editor-upload,
  .editor-reset,
  .layout-toolbar,
  .layout-toolbar-button,
  .layout-picker,
  .layout-picker-size-tab,
  .theme-browser-tab,
  .theme-browser-toolbar-shell,
  .theme-browser-close,
  .theme-browser-action,
  .theme-address-field,
  .theme-preview-widget,
  .theme-preview-mini-icon,
  .theme-preview-type,
  .theme-preview-audio,
  .theme-preview-speaker,
  .theme-device-preview,
  .theme-device-preview-grid i,
  .theme-editor-shell,
  .theme-scrollbar-track,
  .theme-scrollbar-thumb,
  .theme-section-card,
  .theme-input,
  .theme-button,
  .theme-color-input,
  .theme-toggle,
  .theme-segment,
  .theme-texture-current,
  .theme-texture-option,
  .theme-wallpaper-preview,
  .theme-app-editor,
  .theme-preset-row,
  .theme-preset-mini,
  .theme-preview-home,
  .theme-empty-state{
    background-color:var(--ui-surface-background);
    backdrop-filter:var(--ui-surface-backdrop);
    -webkit-backdrop-filter:var(--ui-surface-backdrop);
  }
  .editor-controls-shell,
  .layout-picker,
  .theme-browser-toolbar-shell,
  .theme-editor-shell{
    backdrop-filter:var(--ui-surface-backdrop-strong);
    -webkit-backdrop-filter:var(--ui-surface-backdrop-strong);
  }
  .dock{
    backdrop-filter:var(--ui-surface-backdrop-dock);
    -webkit-backdrop-filter:var(--ui-surface-backdrop-dock);
  }
  :root[data-theme-texture="glass"] .theme-app-page :is(
    .theme-browser-tab,.theme-browser-close,.theme-browser-action,.theme-address-field,
    .theme-scrollbar-track,.theme-scrollbar-thumb,.theme-section-card,.theme-input,.theme-button,
    .theme-color-input,.theme-toggle,.theme-segment,.theme-texture-current,.theme-texture-option,
    .theme-app-editor,.theme-preset-row,.theme-preset-mini,.theme-empty-state
  ){
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }