html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#080811;color:#f3f4f6;font-family:Outfit,Microsoft YaHei,sans-serif}.pg-app *{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}.pg-app{--pg-bg: #080811;--pg-sidebar-bg: #0b0b14;--pg-panel-bg: rgba(13, 13, 23, .78);--pg-border: rgba(255, 255, 255, .08);--pg-border-hover: rgba(6, 182, 212, .3);--pg-cyan: #06b6d4;--pg-cyan-glow: rgba(6, 182, 212, .25);--pg-indigo: #6366f1;--pg-purple: #a855f7;--pg-text: #f3f4f6;--pg-text-dim: #9ca3af;--pg-text-muted: #64748b;--pg-font: "Outfit", "Microsoft YaHei", sans-serif;--pg-code: "JetBrains Mono", monospace;font-family:var(--pg-font);background:var(--pg-bg);color:var(--pg-text);overflow:hidden;height:100vh;width:100vw;font-size:13px}.pg-layout{display:flex;width:100%;height:100%}.pg-mobile-tabbar{display:none}.pg-sidebar{width:330px;min-width:330px;height:100%;background:var(--pg-sidebar-bg);border-right:1px solid var(--pg-border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;z-index:10;box-shadow:6px 0 24px #00000080}.pg-sidebar::-webkit-scrollbar{width:4px}.pg-sidebar::-webkit-scrollbar-thumb{background:rgba(6,182,212,.2);border-radius:2px}.pg-header{padding:16px 18px;border-bottom:1px solid var(--pg-border);display:flex;align-items:center;gap:10px;flex-shrink:0;background:rgba(11,11,20,.95)}.pg-logo-link{display:flex;align-items:center;flex-shrink:0;text-decoration:none;transition:opacity .2s}.pg-logo-badge{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#0891b2 0%,#6366f1 100%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 12px #06b6d459;border:1px solid rgba(255,255,255,.15);transition:transform .2s,box-shadow .2s}.pg-logo-link:hover .pg-logo-badge{transform:scale(1.05);box-shadow:0 0 16px #06b6d480}.pg-logo-img{width:32px;height:32px;border-radius:8px;object-fit:contain}.pg-header-title{font-size:15px;font-weight:700;letter-spacing:.5px;color:#fff}.pg-header-badge{font-size:10px;color:var(--pg-cyan);background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.2);padding:2px 8px;border-radius:10px;margin-left:auto;font-weight:600}.pg-section{position:relative;padding:14px 18px;border-bottom:1px solid var(--pg-border)}.pg-section-title{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--pg-text-dim);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;transition:color .2s}.pg-section-title-left{display:flex;align-items:center;gap:8px}.pg-section-title-left i{width:15px;height:15px;color:var(--pg-cyan)}.pg-section-title:hover{color:var(--pg-text)}.pg-section-chevron{width:14px;height:14px;margin-left:auto;transition:transform .25s ease;opacity:.5;display:flex;align-items:center;justify-content:center}.pg-section.collapsed .pg-section-chevron{transform:rotate(-90deg)}.pg-section-content{overflow:hidden;max-height:2000px;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s ease;opacity:1}.pg-section.collapsed .pg-section-content{max-height:0;opacity:0;pointer-events:none}.pomo-styles-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:4px}.pomo-category-header{font-size:11px;font-weight:700;color:#94a3b8;padding:10px 4px 4px;display:flex;align-items:center;gap:6px;letter-spacing:.5px;border-bottom:1px dashed rgba(255,255,255,.08);margin-bottom:2px}.pomo-category-header:first-child{padding-top:0}.pomo-style-card{display:flex;align-items:center;gap:12px;padding:10px 12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.pomo-style-card:hover{background:rgba(255,255,255,.06);border-color:#06b6d44d;transform:translateY(-1px)}.pomo-style-card.active{background:linear-gradient(135deg,rgba(6,182,212,.15) 0%,rgba(99,102,241,.15) 100%);border-color:var(--pg-cyan);box-shadow:0 0 16px #06b6d433}.pomo-card-icon{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;border:1px solid rgba(255,255,255,.08);transition:all .2s}.pomo-style-card.active .pomo-card-icon{background:rgba(6,182,212,.2);border-color:#06b6d466}.pomo-card-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.pomo-card-title{font-size:13px;font-weight:600;color:var(--pg-text);display:flex;align-items:center;gap:6px}.pomo-style-card.active .pomo-card-title{color:#38bdf8}.pomo-card-desc{font-size:11px;color:var(--pg-text-dim);line-height:1.3}.pg-param-group{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:12px;margin-bottom:12px}.pg-param-group:last-child{margin-bottom:0}.pg-param-header{font-size:11px;font-weight:600;color:#94a3b8;margin-bottom:10px;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.8px}.pg-param-header i{width:14px;height:14px;color:var(--pg-cyan)}.pg-param-row{margin-bottom:12px}.pg-param-row:last-child{margin-bottom:0}.pg-param-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11.5px;color:#cbd5e1;font-weight:500}.pg-label-text{display:flex;align-items:center;gap:5px;font-size:11.5px;color:#cbd5e1;font-weight:500}.pg-label-sub{display:none!important;font-size:10px;color:var(--pg-text-muted);font-family:var(--pg-code)}.pg-param-value{color:#38bdf8;font-family:var(--pg-code);font-size:11px;font-weight:600;background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.22);padding:1px 6px;border-radius:4px;min-width:36px;text-align:right}.pg-slider{width:100%;height:4px;border-radius:2px;background:rgba(255,255,255,.1);outline:none;-webkit-appearance:none;cursor:pointer;margin:4px 0;transition:background .2s}.pg-slider:hover{background:rgba(255,255,255,.16)}.pg-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#38bdf8;cursor:pointer;border:2px solid #0b0b14;box-shadow:0 0 8px #38bdf880;transition:transform .1s,box-shadow .2s}.pg-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 12px #38bdf8cc}.pg-toggle-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pg-toggle-row:last-child{margin-bottom:0}.pg-toggle{width:36px;height:20px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);position:relative;cursor:pointer;transition:all .25s ease;outline:none;flex-shrink:0}.pg-toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#9ca3af;transition:all .25s ease}.pg-toggle.on{background:rgba(6,182,212,.25);border-color:var(--pg-cyan);box-shadow:0 0 10px #06b6d44d}.pg-toggle.on:after{transform:translate(16px);background:#38bdf8;box-shadow:0 0 6px #38bdf8cc}.pg-color-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pg-color-row:last-child{margin-bottom:0}.pg-color-picker-wrap{display:flex;align-items:center;gap:8px}.pg-color-hex{font-family:var(--pg-code);font-size:11px;color:var(--pg-text-dim)}.pg-color-picker{width:32px;height:22px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:none;cursor:pointer;outline:none;transition:border-color .2s}.pg-color-picker:hover{border-color:var(--pg-cyan)}.pomo-upload-box{border:1px dashed rgba(255,255,255,.15);border-radius:8px;padding:14px;text-align:center;cursor:pointer;transition:all .2s ease;background:rgba(255,255,255,.02);display:flex;flex-direction:column;align-items:center;gap:6px}.pomo-upload-box:hover{border-color:var(--pg-cyan);background:rgba(6,182,212,.05)}.pomo-upload-icon{width:24px;height:24px;color:var(--pg-cyan)}.pomo-upload-text{font-size:12px;font-weight:500;color:var(--pg-text)}.pomo-upload-hint{font-size:10px;color:var(--pg-text-muted)}.pomo-upload-input{display:none}.pg-sidebar-actions{margin-top:auto;padding:16px 18px;border-top:1px solid var(--pg-border);background:rgba(11,11,20,.95);display:flex;flex-direction:column;gap:8px}.pg-action-row{display:flex;gap:8px}.pg-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;outline:none;font-family:var(--pg-font);flex:1}.pg-btn i{width:14px;height:14px}.pg-btn-primary{background:linear-gradient(135deg,#0891b2 0%,#4f46e5 100%);color:#fff;border-color:#06b6d466}.pg-btn-primary:hover{background:linear-gradient(135deg,#06b6d4 0%,#6366f1 100%);box-shadow:0 0 14px #06b6d466}.pg-btn-secondary{background:rgba(255,255,255,.05);color:var(--pg-text);border-color:#ffffff1a}.pg-btn-secondary:hover{background:rgba(255,255,255,.1);border-color:#fff3}.pg-btn-accent{background:rgba(6,182,212,.1);color:#38bdf8;border-color:#06b6d440}.pg-btn-accent:hover{background:rgba(6,182,212,.2);border-color:var(--pg-cyan)}.pg-btn-upload{background:linear-gradient(135deg,rgba(16,185,129,.18) 0%,rgba(6,182,212,.18) 100%);color:#34d399;border-color:#34d39959;cursor:pointer;margin:0;-webkit-user-select:none;user-select:none}.pg-btn-upload:hover{background:linear-gradient(135deg,rgba(16,185,129,.32) 0%,rgba(6,182,212,.32) 100%);border-color:#34d399;box-shadow:0 0 14px #34d3994d;color:#6ee7b7}.pg-preview{flex:1;height:100%;background:radial-gradient(circle at center,#14142b 0%,#080811 100%);display:flex;flex-direction:column;position:relative;overflow:hidden}.pg-mobile-brand{display:none}.pg-toolbar-actions{display:flex;align-items:center;gap:8px}.pg-toolbar{height:48px;min-height:48px;background:rgba(11,11,20,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--pg-border);display:flex;align-items:center;padding:0 16px;gap:8px;z-index:5;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.pg-toolbar::-webkit-scrollbar{height:3px}.pg-toolbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:3px}.pg-toolbar-select-group{position:relative;display:inline-flex;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:0 8px 0 10px;height:30px;transition:all .2s ease;flex-shrink:0}.pg-toolbar-select-group:hover,.pg-toolbar-select-group:focus-within{background:rgba(6,182,212,.08);border-color:#06b6d466;box-shadow:0 0 12px #06b6d42e}.pg-toolbar-select-icon{display:flex;align-items:center;justify-content:center;color:var(--pg-cyan);margin-right:6px;pointer-events:none}.pg-toolbar-select-icon i{width:14px;height:14px}.pg-toolbar-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;outline:none;color:var(--pg-text);font-family:var(--pg-font);font-size:12px;font-weight:600;cursor:pointer;padding-right:18px;min-width:175px}.pg-toolbar-select optgroup{background:#111122;color:#94a3b8;font-weight:700}.pg-toolbar-select option{background:#0d0d1a;color:var(--pg-text);font-size:12px;font-weight:500;padding:6px 10px}.pg-toolbar-select-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--pg-text-dim);pointer-events:none;display:flex;align-items:center;justify-content:center}.pg-toolbar-select-arrow i{width:13px;height:13px}.pg-toolbar-btn{height:30px;padding:0 10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--pg-text-dim);font-size:11.5px;font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.pg-toolbar-btn i{width:14px;height:14px}.pg-toolbar-btn:hover{color:var(--pg-text);background:rgba(255,255,255,.08);border-color:#ffffff29}.pg-toolbar-btn.active{color:#38bdf8;background:rgba(6,182,212,.12);border-color:#06b6d459;box-shadow:0 0 10px #06b6d426}.pg-lang-badge{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);color:#ffffff73;font-family:var(--pg-font-mono, monospace);font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;cursor:pointer;line-height:1.2;transition:all .2s ease;-webkit-user-select:none;user-select:none;flex-shrink:0}.pg-lang-badge:hover{background:rgba(255,255,255,.1);border-color:#ffffff40;color:#fff;box-shadow:0 0 8px #ffffff26}.pg-lang-badge:active{transform:scale(.94)}.pg-toolbar-sep{width:1px;height:20px;background:var(--pg-border);margin:0 4px}.pg-toolbar-info{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:11px;color:var(--pg-text-dim)}.pg-toolbar-stat{display:flex;align-items:center;gap:6px;font-family:var(--pg-code)}.pg-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981}#pgFpsDisplay{font-family:var(--pg-code);color:#a855f7}.pomo-stage-viewport{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:auto;padding:24px;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:24px 24px}#canvas-container{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:calc(100vh - 100px);border:1px solid rgba(255,255,255,.15);border-radius:8px;overflow:hidden;position:relative;background:#f4efe6;box-shadow:0 20px 50px #000000b3,0 0 0 1px #ffffff0d;transition:box-shadow .3s;-webkit-user-select:none;user-select:none;--split-pos: 50%}#canvas-container canvas{display:block;max-width:100%;max-height:calc(100vh - 110px);width:auto!important;height:auto!important;object-fit:contain;box-sizing:border-box}#canvas-container:hover{box-shadow:0 24px 60px #000c,0 0 24px #06b6d440,0 0 0 1px #06b6d466}.pomo-compare-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;clip-path:inset(0 calc(100% - var(--split-pos, 50%)) 0 0);z-index:5;background:transparent}.pomo-compare-img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.pomo-compare-label{position:absolute;top:14px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.5px;background:rgba(11,11,20,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;pointer-events:none;z-index:8;box-shadow:0 4px 14px #00000080;-webkit-user-select:none;user-select:none;text-transform:uppercase}.pomo-label-before{left:14px;color:#fbbf24;border-color:#fbbf2459}.pomo-label-after{right:14px;color:var(--pg-cyan);border-color:#06b6d459}.pomo-compare-divider{position:absolute;top:0;bottom:0;left:var(--split-pos, 50%);width:36px;margin-left:-18px;z-index:10;display:flex;align-items:center;justify-content:center;cursor:ew-resize;touch-action:none}.pomo-compare-line{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#ffffff;box-shadow:0 0 6px #000000e6,0 0 10px #06b6d4b3}.pomo-compare-handle{width:34px;height:34px;border-radius:50%;background:rgba(15,15,26,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid #ffffff;box-shadow:0 4px 16px #000000b3,0 0 12px #06b6d480;display:flex;align-items:center;justify-content:center;color:#fff;z-index:11;transition:transform .15s ease,border-color .2s,box-shadow .2s}.pomo-compare-divider:hover .pomo-compare-handle,.pomo-compare-divider.dragging .pomo-compare-handle{transform:scale(1.15);border-color:var(--pg-cyan);box-shadow:0 6px 20px #000000e6,0 0 18px var(--pg-cyan)}.pomo-handle-icon{width:16px;height:16px;color:var(--pg-cyan);pointer-events:none}.pg-param-row-segmented{flex-direction:column!important;align-items:stretch!important;gap:8px}.pg-param-row-segmented .pg-param-label{margin-bottom:2px}.pg-segmented-group{display:flex;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);border-radius:7px;padding:3px;gap:3px;width:100%}.pg-seg-btn{flex:1;padding:6px 4px;font-size:11px;font-weight:500;color:var(--pg-text-dim);background:transparent;border:none;border-radius:5px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:var(--pg-font)}.pg-seg-btn:hover{color:var(--pg-text);background:rgba(255,255,255,.07)}.pg-seg-btn.active{color:#fff;background:linear-gradient(135deg,rgba(6,182,212,.8) 0%,rgba(99,102,241,.8) 100%);box-shadow:0 2px 8px #06b6d44d;font-weight:600}.ink-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#ink-base{z-index:2}#ink-overlay{z-index:3}.pomo-drag-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(11,11,20,.85);border:2px dashed var(--pg-cyan);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pomo-drag-overlay.active{opacity:1;pointer-events:auto}.pomo-drag-overlay i{width:48px;height:48px;color:var(--pg-cyan);animation:bounce 1s infinite alternate}@keyframes bounce{0%{transform:translateY(-4px)}to{transform:translateY(4px)}}/*!
* SR-DevBox 开发者效率工具箱 - SR-Art 绘境
*
* @author Zhu Rui
* @website https://srdevbox.com
* @email 30501250@qq.com
* @copyright © 2026 Zhu Rui. All Rights Reserved.
*
* 本文件及其相关代码为 SR-DevBox 项目的组成部分，版权归作者 Zhu Rui 所有。
* 未经书面许可，禁止以任何形式复制、修改、分发或用于商业目的。
*
* This file is part of the SR-DevBox project.
* Copyright (c) 2026 Zhu Rui. All rights reserved.
* Unauthorized copying, modification, distribution, or commercial use is prohibited.
*/@media (max-width: 768px){html,body.pg-app{overflow:hidden!important;height:100%!important;height:100dvh!important;position:fixed;width:100%}.pg-layout{display:flex!important;flex-direction:column!important;height:100%!important;height:100dvh!important;overflow:hidden!important}.pg-preview{order:1!important;flex:1 1 auto!important;min-height:240px!important;max-height:55vh!important;display:flex!important;flex-direction:column!important;padding:8px!important;background:radial-gradient(circle at center,#111422 0%,#080a10 100%)!important;position:relative!important;z-index:10!important;overflow:hidden!important}.pg-toolbar{height:40px!important;padding:0 8px!important;margin-bottom:6px!important;border-radius:8px!important;background:rgba(13,17,27,.85)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;overflow:hidden!important}.pg-mobile-brand-wrapper{display:inline-flex!important;align-items:center!important;gap:6px!important;margin-right:auto!important;flex-shrink:0!important}.pg-mobile-brand{display:inline-flex!important;align-items:center!important;gap:5px!important;text-decoration:none!important;color:#fff!important;-webkit-user-select:none!important;user-select:none!important;cursor:pointer!important;padding:2px!important;border-radius:5px!important;transition:opacity .2s ease,transform .15s ease!important}.pg-mobile-brand:active{opacity:.8!important;transform:scale(.97)!important}.pg-mobile-brand .pg-logo-img,.pg-mobile-brand .pg-mobile-brand-img{width:22px!important;height:22px!important;border-radius:5px!important;object-fit:contain!important;flex-shrink:0!important}.pg-mobile-brand-title{font-size:13px!important;font-weight:700!important;color:#fff!important;font-family:inherit!important;letter-spacing:.2px!important;white-space:nowrap!important}.pg-lang-badge{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important;color:#ffffff73!important;font-family:var(--pg-font-mono, monospace)!important;font-size:9.5px!important;font-weight:600!important;padding:1px 4px!important;border-radius:3px!important;cursor:pointer!important;line-height:1.1!important;transition:all .2s ease!important;-webkit-user-select:none!important;user-select:none!important;flex-shrink:0!important}.pg-lang-badge:active{opacity:.85!important;color:#fff!important;border-color:#ffffff4d!important;background:rgba(255,255,255,.12)!important}.pg-toolbar-select-group,.pg-toolbar-sep,.pg-toolbar-info{display:none!important}.pg-toolbar-actions{display:flex!important;align-items:center!important;gap:5px!important;margin-left:auto!important;flex-shrink:0!important}.pg-toolbar-btn{padding:0 7px!important;height:26px!important;font-size:11px!important;gap:3px!important;border-radius:5px!important}.pg-toolbar-btn i{width:13px!important;height:13px!important}.tb-btn-upload-text{font-size:0!important}.tb-btn-upload-text:after{content:"换图"!important;font-size:11px!important}html[data-lang=en] .tb-btn-upload-text:after,body[data-lang=en] .tb-btn-upload-text:after{content:"Replace"!important;font-size:10.5px!important}.pomo-stage-viewport{flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:4px!important;overflow:hidden!important}#canvas-container{max-width:100%!important;max-height:100%!important;box-shadow:0 6px 24px #0009!important;border-radius:6px!important}#canvas-container canvas{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.pg-sidebar{order:2!important;width:100%!important;height:45vh!important;min-height:240px!important;max-height:450px!important;background:rgba(10,13,20,.95)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-right:none!important;border-top:1px solid rgba(6,182,212,.3)!important;border-radius:20px 20px 0 0!important;box-shadow:0 -8px 32px #000000b3!important;display:flex!important;flex-direction:column!important;z-index:20!important;overflow:hidden!important}.pg-header{display:none!important}.pg-mobile-tabbar{display:flex!important;align-items:center!important;justify-content:space-around!important;background:rgba(15,20,32,.9)!important;padding:6px 8px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;gap:6px!important;flex-shrink:0!important}.pg-mobile-tab{flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:8px 6px!important;height:38px!important;border-radius:8px!important;border:1px solid transparent!important;background:rgba(255,255,255,.04)!important;color:var(--pg-text-dim)!important;font-size:13px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;-webkit-tap-highlight-color:transparent!important}.pg-mobile-tab i{width:15px!important;height:15px!important}.pg-mobile-tab.active{background:linear-gradient(135deg,rgba(6,182,212,.25) 0%,rgba(99,102,241,.25) 100%)!important;border-color:#06b6d499!important;color:var(--pg-cyan)!important;font-weight:600!important;box-shadow:0 0 12px #06b6d433!important}.pg-sidebar .pg-section{display:none!important;padding:12px 14px 20px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;flex:1 1 auto!important;margin-bottom:0!important}.pg-sidebar[data-active-tab=styles] #section-styles,.pg-sidebar[data-active-tab=params] #section-params{display:block!important}.pg-sidebar .pg-section-title{display:none!important}.pg-sidebar .pg-section-content{display:block!important}.pg-param-row{margin-bottom:14px!important}.pg-param-label{margin-bottom:6px!important}.pg-label-text{font-size:13px!important}.pg-param-value{font-size:13px!important;padding:2px 8px!important}.pg-slider{height:10px!important;margin:8px 0!important}.pg-slider::-webkit-slider-thumb{width:26px!important;height:26px!important;box-shadow:0 2px 8px #00000080,0 0 10px var(--pg-cyan)!important}.pg-slider::-moz-range-thumb{width:26px!important;height:26px!important}.pg-segmented-group{display:flex!important;flex-wrap:wrap!important;gap:6px!important}.pg-seg-btn{flex:1 1 calc(50% - 4px)!important;min-height:38px!important;font-size:12px!important;padding:6px 4px!important}.pg-toggle-row,.pg-color-row{min-height:38px!important;padding:4px 0!important;margin-bottom:8px!important}.pg-color-picker{width:38px!important;height:28px!important}.pg-toggle{width:44px!important;height:24px!important}.pg-toggle.on:after{transform:translate(18px)!important}.pomo-styles-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.pomo-category-header{grid-column:1 / -1!important;font-size:12px!important;margin-top:10px!important;margin-bottom:4px!important}.pomo-style-card{padding:10px 8px!important;min-height:52px!important;border-radius:8px!important}.pomo-card-icon{font-size:18px!important}.pomo-card-title{font-size:12px!important}.pomo-card-desc{display:none!important}.pg-sidebar-actions{padding:8px 12px 12px!important;background:rgba(10,13,20,.98)!important;border-top:1px solid rgba(255,255,255,.08)!important;flex-shrink:0!important}.pg-sidebar-actions .pg-action-row{display:flex!important;gap:8px!important;width:100%!important}.pg-sidebar-actions .pg-btn{flex:1!important;height:40px!important;font-size:12.5px!important}}