.pp-root{position:absolute;left:0;right:0;bottom:0;background:var(--c-white);border-top-left-radius:14px;border-top-right-radius:14px;box-shadow:0 -2px 8px #0000000a,0 -6px 20px #0000000f;display:flex;flex-direction:column;z-index:8;overflow:hidden;max-height:60vh}.pp-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;background:var(--c-input);min-height:0}.pp-content-inner{padding:10px}.pp-stack{display:flex;flex-direction:column;gap:6px}.pp-shape-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.pp-shape-item{display:flex;align-items:center;justify-content:center;height:36px;background:var(--c-white);border:1.5px solid transparent;border-radius:6px;color:var(--c-gray);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s cubic-bezier(.4,0,.2,1),background .15s,color .15s,border-color .15s;touch-action:manipulation}.pp-shape-item:active{transform:scale(.9)}.pp-shape-item.active{background:var(--c-primary-soft-strong);color:var(--c-primary);border-color:var(--c-primary-ring)}.pp-preset-row{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.pp-preset-btn{height:32px;background:var(--c-white);border:1.5px solid transparent;border-radius:6px;color:var(--c-gray);font-size:11px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s cubic-bezier(.4,0,.2,1),background .15s,color .15s,border-color .15s;touch-action:manipulation}.pp-preset-btn:active{transform:scale(.93)}.pp-preset-btn.active{background:var(--c-primary-soft-strong);color:var(--c-primary);border-color:var(--c-primary-ring)}.pp-toggle-row{display:flex;align-items:center;justify-content:space-between;background:var(--c-white);border-radius:8px;padding:8px 10px;min-height:44px}.pp-toggle-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--c-dark);font-weight:600}.pp-switch{position:relative;display:inline-block;width:34px;height:20px;cursor:pointer;flex-shrink:0}.pp-switch input{opacity:0;width:0;height:0}.pp-switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#dcdce0;border-radius:10px;transition:background .25s ease-out}.pp-switch-slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;background:#fff;border-radius:50%;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0003}.pp-switch input:checked+.pp-switch-slider{background:var(--c-primary)}.pp-switch input:checked+.pp-switch-slider:before{transform:translate(14px)}.pp-color-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.pp-color-swatch{aspect-ratio:1;border:2px solid transparent;border-radius:6px;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;transition:transform .1s cubic-bezier(.4,0,.2,1),border-color .15s ease-out;touch-action:manipulation;box-shadow:inset 0 0 0 1px #0000000d}.pp-color-swatch:active{transform:scale(.88)}.pp-color-swatch.active{border-color:var(--c-primary)}.pp-tabbar{display:flex;align-items:center;background:var(--c-white);border-top:1px solid rgba(0,0,0,.05);flex-shrink:0;height:64px;padding:0 4px env(safe-area-inset-bottom,0);position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch}.pp-tabbar::-webkit-scrollbar{display:none}.pp-tab{flex:none;width:44px;min-width:44px;display:flex;align-items:center;justify-content:center;height:44px;background:transparent;border:none;border-radius:8px;color:var(--c-gray);cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent;transition:background .15s,color .15s;touch-action:manipulation}.pp-tab:active{transform:scale(.92)}.pp-tab.active{color:var(--c-primary);background:var(--c-primary-soft)}.pp-tab-indicator{position:absolute;top:0;left:50%;transform:translate(-50%);width:22px;height:2.5px;background:var(--c-primary);border-radius:1.5px}.pp-tab-ico-fallback{width:18px;height:18px;border-radius:3px;background:currentColor;opacity:.9;flex-shrink:0}.pp-tab-sep{width:1px;height:18px;background:var(--c-border);margin:0 2px;flex-shrink:0}.pp-tab-action{width:40px;height:40px;background:transparent;border:none;color:var(--c-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:transform .1s cubic-bezier(.4,0,.2,1),background .15s,color .15s;touch-action:manipulation}.pp-tab-action:active{transform:scale(.88);background:var(--c-input)}.pp-tab-del:active{background:var(--c-danger-soft);color:var(--c-danger)}.ps-field{background:var(--c-white);border-radius:10px;padding:8px 10px;transition:background .2s ease-out,opacity .2s ease-out}.ps-field.is-modified{background:linear-gradient(90deg,var(--c-primary-soft-faint) 0%,var(--c-primary-soft) 100%)}.ps-field.is-disabled{opacity:.55}.ps-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:8px}.ps-label{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;padding:2px 0;cursor:pointer;color:var(--c-light);font-size:11px;font-weight:600;letter-spacing:.3px;-webkit-tap-highlight-color:transparent;transition:color .2s ease-out;touch-action:manipulation}.ps-label.is-enabled{color:var(--c-dark)}.ps-label.is-modified{color:var(--c-primary)}.ps-dot{width:6px;height:6px;border-radius:50%;background:#d8d8d8;flex-shrink:0;transition:background .2s ease-out}.ps-dot.is-enabled{background:var(--c-dark)}.ps-dot.is-modified{background:var(--c-primary)}.ps-text{white-space:nowrap}.ps-right{display:flex;align-items:center;gap:5px;flex-shrink:0}.ps-step{width:28px;height:28px;background:var(--c-input);border:none;border-radius:6px;color:var(--c-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:transform .1s cubic-bezier(.4,0,.2,1),background .15s,color .15s,opacity .15s;touch-action:manipulation}.ps-step:disabled{opacity:.35;cursor:not-allowed}.ps-step:not(:disabled):active{transform:scale(.88);background:var(--c-primary-soft-strong);color:var(--c-primary)}.ps-input-wrap{width:42px;height:28px;background:var(--c-input);border-radius:6px;display:flex;align-items:center;justify-content:center}.ps-input{width:100%;height:100%;background:transparent;border:none;outline:none;text-align:center;font-size:12px;font-weight:600;color:var(--c-dark);font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,monospace;padding:0;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.ps-input::-webkit-outer-spin-button,.ps-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ps-input:focus{color:var(--c-primary)}.is-modified .ps-input{color:var(--c-primary)}.ps-reset{width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:var(--c-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:transform .1s cubic-bezier(.4,0,.2,1),background .15s,color .15s,opacity .15s;touch-action:manipulation}.ps-reset:disabled{opacity:.3;cursor:not-allowed}.ps-reset:not(:disabled):active{transform:scale(.88);background:var(--c-primary-soft-strong);color:var(--c-primary)}.ps-track{position:relative;height:20px;display:flex;align-items:center;cursor:pointer}.ps-track:before{content:"";position:absolute;left:0;right:0;top:50%;height:3px;background:var(--c-input);border-radius:2px;transform:translateY(-50%)}.ps-fill{position:absolute;left:0;top:50%;height:3px;background:linear-gradient(90deg,var(--c-primary),#ff5577);border-radius:2px 0 0 2px;pointer-events:none;transform:translateY(-50%);transition:width .08s linear}.ps-zero{position:absolute;top:50%;width:1px;height:8px;background:var(--c-gray);opacity:.5;transform:translate(-50%,-50%);pointer-events:none}.ps-slider{position:relative;width:100%;height:20px;background:transparent;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;cursor:pointer;touch-action:manipulation;z-index:1}.ps-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;cursor:grab;border:none;box-shadow:0 1px 2px #00000026,0 0 0 1.5px var(--c-primary);transition:transform .1s cubic-bezier(.4,0,.2,1),box-shadow .15s}.ps-slider::-webkit-slider-thumb:active{transform:scale(1.15);cursor:grabbing;box-shadow:0 2px 6px var(--c-primary-ring),0 0 0 2px var(--c-primary)}.ps-slider::-moz-range-thumb{width:14px;height:14px;background:#fff;border-radius:50%;cursor:grab;border:none;box-shadow:0 1px 2px #00000026,0 0 0 1.5px var(--c-primary)}.ps-slider::-moz-range-thumb:active{transform:scale(1.15)}.cr{display:flex;align-items:center;gap:10px;background:var(--c-white);border-radius:10px;padding:6px 8px 6px 6px;height:44px;border:1.5px solid transparent;transition:border-color .15s ease-out}.cr.focused{border-color:var(--c-primary)}.cr.error{border-color:var(--c-danger)}.cr-swatch{position:relative;width:44px;height:32px;flex-shrink:0;border:none;border-radius:8px;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 0 0 1px #00000014;transition:transform .1s cubic-bezier(.4,0,.2,1);touch-action:manipulation;overflow:hidden}.cr-swatch:active{transform:scale(.95)}.cr-checker{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(45deg,#DDD 25%,transparent 25%),linear-gradient(-45deg,#DDD 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#DDD 75%),linear-gradient(-45deg,transparent 75%,#DDD 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.cr-hex{flex:1;min-width:0;height:32px;border:none;background:transparent;font-size:14px;font-family:ui-monospace,SF Mono,monospace;color:var(--c-dark);outline:none;padding:0;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.cr-hex::placeholder{color:var(--c-light);font-weight:400}.psc-row{display:grid;gap:4px;background:var(--c-input);border-radius:8px;padding:2px}.psc-btn{display:flex;align-items:center;justify-content:center;gap:3px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--c-gray);font-size:11px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease-out;touch-action:manipulation}.psc-btn:active{transform:scale(.95)}.psc-btn.active{background:var(--c-white);color:var(--c-primary);box-shadow:0 1px 2px #0000000f}.pf-field{background:var(--c-white);border-radius:10px;padding:10px 12px}.pf-field.is-modified{background:linear-gradient(90deg,var(--c-primary-soft-faint) 0%,var(--c-primary-soft) 100%)}.ph-head{display:flex;align-items:center;justify-content:space-between;background:var(--c-white);border-radius:10px;padding:8px 10px;min-height:44px;flex-shrink:0;gap:8px}.ph-head-left{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.ph-head-icon{color:var(--c-gray);flex-shrink:0;transition:color .2s ease-out}.ph-head-icon.is-on{color:var(--c-primary)}.ph-head-title{font-size:12px;color:var(--c-dark);font-weight:600}.ph-head-badge{display:inline-flex;align-items:center;height:16px;padding:0 6px;background:var(--c-primary-soft-strong);color:var(--c-primary);border-radius:8px;font-size:10px;font-weight:600;white-space:nowrap}.ph-head-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.ph-reset-btn{display:inline-flex;align-items:center;gap:3px;height:30px;padding:0 10px;background:transparent;border:none;border-radius:7px;color:var(--c-gray);font-size:11px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease-out,color .15s ease-out,opacity .15s;touch-action:manipulation}.ph-reset-btn:disabled{opacity:.35;cursor:not-allowed}.ph-reset-btn:not(:disabled):active{transform:scale(.94);background:var(--c-primary-soft-strong);color:var(--c-primary)}.ps-root{width:100%}.ps-stack{display:flex;flex-direction:column;gap:8px}.ppa-root{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.18) transparent;background:var(--c-input);box-shadow:inset 0 1px #fff9,inset 0 -1px #0000000a}.ppa-root::-webkit-scrollbar{width:3px}.ppa-root::-webkit-scrollbar-thumb{background:#0000002e;border-radius:2px}.ppa-root::-webkit-scrollbar-track{background:transparent}.ppa-stack{display:flex;flex-direction:column;gap:6px}.st-section-label{font-size:10px;color:var(--c-light);font-weight:600;letter-spacing:.3px;margin-bottom:4px}.st-color-row{display:flex;align-items:center;gap:8px}.st-swatch{width:40px;height:32px;flex-shrink:0;border-radius:8px;border:1.5px solid var(--c-border);cursor:pointer;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:transform .1s cubic-bezier(.4,0,.2,1);touch-action:manipulation;background-image:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.st-swatch:active{transform:scale(.95)}.st-swatch.is-empty{background:var(--c-white)}.st-swatch-slash{position:absolute;top:50%;left:0;right:0;height:1.5px;background:var(--c-danger);transform:translateY(-50%) rotate(-30deg)}.st-clear-btn{display:flex;align-items:center;gap:3px;height:32px;padding:0 10px;background:var(--c-input);border:1.5px solid transparent;border-radius:8px;font-size:11px;font-weight:600;color:var(--c-gray);cursor:pointer;flex-shrink:0;position:relative;-webkit-tap-highlight-color:transparent;transition:transform .1s cubic-bezier(.4,0,.2,1),background .15s,color .15s,border-color .15s;touch-action:manipulation}.st-clear-btn:active{transform:scale(.95)}.st-clear-btn.active{background:var(--c-primary-soft-strong);border-color:var(--c-primary);color:var(--c-primary)}.st-clear-slash{position:absolute;top:50%;left:50%;width:14px;height:1.5px;background:currentColor;transform:translate(-50%,-50%) rotate(-45deg);opacity:.55}.st-presets-compact{flex:1;display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.st-swatch-mini{aspect-ratio:1;border:2px solid transparent;border-radius:5px;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;transition:transform .1s cubic-bezier(.4,0,.2,1),border-color .15s;touch-action:manipulation;box-shadow:inset 0 0 0 1px #0000000d}.st-swatch-mini:active{transform:scale(.88)}.st-swatch-mini.active{border-color:var(--c-primary)}.st-preset-row{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.st-preset-btn{height:32px;background:var(--c-input);border:1.5px solid transparent;border-radius:6px;color:var(--c-gray);font-size:11px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s cubic-bezier(.4,0,.2,1),background .15s,color .15s,border-color .15s;touch-action:manipulation}.st-preset-btn:active{transform:scale(.93)}.st-preset-btn.active{background:var(--c-primary-soft-strong);color:var(--c-primary);border-color:var(--c-primary-ring)}.st-style-row{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.st-style-btn{display:flex;flex-direction:column;align-items:center;gap:3px;height:50px;padding:6px 4px;background:var(--c-input);border:1.5px solid transparent;border-radius:6px;color:var(--c-gray);font-size:10px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s cubic-bezier(.4,0,.2,1),background .15s,color .15s,border-color .15s;touch-action:manipulation}.st-style-btn:active{transform:scale(.94)}.st-style-btn.active{background:var(--c-primary-soft-strong);color:var(--c-primary);border-color:var(--c-primary-ring)}.st-style-label{font-size:10px;font-weight:500}.ct-preset-row{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.ct-preset-btn{height:32px;background:var(--c-input);border:1.5px solid transparent;border-radius:6px;color:var(--c-gray);font-size:10px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s cubic-bezier(.4,0,.2,1),background .15s,color .15s,border-color .15s;touch-action:manipulation}.ct-preset-btn:active{transform:scale(.93)}.ct-preset-btn.active{background:var(--c-primary-soft-strong);color:var(--c-primary);border-color:var(--c-primary-ring)}.ct-reset-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:100%;height:32px;background:transparent;border:1px solid var(--c-border);border-radius:6px;color:var(--c-gray);font-size:11px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease-out;touch-action:manipulation}.ct-reset-btn:active{transform:scale(.95);background:#0000000a}.at-row{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.at-btn{height:40px;background:var(--c-input);border:1.5px solid transparent;border-radius:8px;color:var(--c-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:transform .1s cubic-bezier(.4,0,.2,1),background .15s,color .15s,border-color .15s;touch-action:manipulation}.at-btn:active{transform:scale(.92);background:var(--c-primary-soft-strong);color:var(--c-primary);border-color:var(--c-primary-ring)}.stp{display:flex;flex-direction:column;gap:6px;background:var(--c-white);border-radius:10px;padding:8px 10px;border:1.5px solid transparent;transition:border-color .15s ease-out,background .15s ease-out}.stp.focused{border-color:var(--c-primary);background:#fff}.stp-label{font-size:10px;color:var(--c-light);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stp-control{display:flex;align-items:center;gap:4px;height:36px}.stp-btn{width:36px;height:36px;flex-shrink:0;background:var(--c-input);border:none;border-radius:8px;color:var(--c-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:transform .1s cubic-bezier(.4,0,.2,1),background .15s ease-out,color .15s ease-out;touch-action:manipulation}.stp-btn:active:not(.disabled){transform:scale(.92);background:var(--c-primary-soft-strong);color:var(--c-primary)}.stp-btn.disabled{opacity:.35;cursor:not-allowed}.stp-input{flex:1;min-width:0;height:32px;border:none;background:transparent;text-align:center;font-size:15px;font-weight:600;color:var(--c-dark);outline:none;font-family:ui-monospace,SF Mono,monospace;font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;padding:0}.stp-input::-webkit-outer-spin-button,.stp-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sr-row{display:flex;align-items:center;gap:8px;background:var(--c-white);border-radius:8px;padding:6px 8px;min-height:44px}.sr-label{flex-shrink:0}.sr-label-text{font-size:12px;color:var(--c-dark);font-weight:600}.sr-controls{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.sr-btn{width:28px;height:28px;flex-shrink:0;border:1px solid var(--c-border);border-radius:5px;background:var(--c-white);color:var(--c-gray);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sr-btn:hover{background:var(--c-input)}.sr-btn:active{background:var(--c-border)}.sr-btn:disabled{opacity:.35;cursor:not-allowed}.sr-input{width:48px;height:28px;flex-shrink:0;border:1px solid var(--c-border);border-radius:5px;background:var(--c-white);color:var(--c-dark);font-size:12px;font-weight:600;text-align:center;font-family:ui-monospace,SF Mono,monospace;padding:0;outline:none;-moz-appearance:textfield}.sr-input::-webkit-outer-spin-button,.sr-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sr-input:focus{border-color:var(--c-primary)}.sr-unit{font-size:10px;color:var(--c-gray);font-weight:500;flex-shrink:0;min-width:12px}.sr-slider{flex:1;min-width:60px;height:22px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;touch-action:manipulation}.sr-slider::-webkit-slider-runnable-track{height:3px;background:var(--c-border);border-radius:1.5px}.sr-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--c-primary);margin-top:-5.5px;cursor:pointer;box-shadow:0 1px 3px #0003}.sr-slider::-moz-range-track{height:3px;background:var(--c-border);border-radius:1.5px}.sr-slider::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--c-primary);cursor:pointer;box-shadow:0 1px 3px #0003}.ft-presets-scroll{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 0 4px;mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 18px),transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 18px),transparent 100%)}.ft-presets-scroll::-webkit-scrollbar{display:none}.ft-preset{display:flex;flex-direction:column;align-items:center;gap:2px;background:transparent;border:none;padding:0;cursor:pointer;flex-shrink:0;width:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ft-preset-thumb{width:36px;height:36px;border-radius:6px;border:1.5px solid rgba(0,0,0,.08);transition:all .15s cubic-bezier(.4,0,.2,1);flex-shrink:0}.ft-preset:active .ft-preset-thumb{transform:scale(.9)}.ft-preset.active .ft-preset-thumb{border-color:var(--c-primary);box-shadow:0 0 0 1.5px var(--c-primary)}.ft-preset-name{font-size:9px;color:var(--c-light);width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;font-weight:500}.ft-preset.active .ft-preset-name{color:var(--c-primary);font-weight:600}.gp-root{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--c-white);border-radius:10px;user-select:none;-webkit-user-select:none}.gp-shape-row{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--c-input);border-radius:8px;padding:2px}.gp-shape-btn{display:flex;align-items:center;justify-content:center;gap:4px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--c-gray);font-size:11px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease-out;touch-action:manipulation}.gp-shape-btn:active{transform:scale(.95)}.gp-shape-btn.active{background:var(--c-white);color:var(--c-primary);box-shadow:0 1px 2px #0000000f}.gp-shape-icon{display:inline-flex;align-items:center;justify-content:center;color:currentColor}.gp-angle-field{display:flex;flex-direction:column;gap:6px}.gp-label-row{display:flex;align-items:center;justify-content:space-between}.gp-label{font-size:11px;font-weight:600;color:var(--c-dark);letter-spacing:.3px}.gp-value-with-rotate{display:inline-flex;align-items:center;gap:4px}.gp-angle-deg{font-size:11px;font-weight:600;color:var(--c-gray);font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,monospace}.gp-rotate-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:5px;color:var(--c-gray);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,color .15s;touch-action:manipulation}.gp-rotate-icon:active{background:var(--c-primary-soft-strong);color:var(--c-primary)}.gp-angle-control{position:relative;width:100%;height:36px;display:flex;align-items:center;justify-content:center}.gp-angle-track{position:relative;width:36px;height:36px;border-radius:50%;background:conic-gradient(from 0deg,#f57,#f59e0b,#fcd337,#10b981,#3b82f6,#8b5cf6,#f57);z-index:1;box-shadow:inset 0 0 0 1px #0000000f}.gp-angle-handle{position:absolute;top:50%;left:50%;width:4px;height:4px}.gp-angle-handle-line{position:absolute;top:0;left:50%;width:1.5px;height:18px;background:#fff;border-radius:1px;transform:translate(-50%,-100%);box-shadow:0 0 0 1px #00000026}.gp-angle-slider{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;opacity:0;z-index:2;touch-action:manipulation}.gp-preview-wrap{position:relative;width:100%;height:36px;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.gp-preview{position:absolute;top:0;right:0;bottom:0;left:0}.gp-stops{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.gp-stop{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;border:2px solid #fff;cursor:grab;pointer-events:auto;box-shadow:0 1px 3px #00000040;transition:transform .1s cubic-bezier(.4,0,.2,1);touch-action:none;-webkit-tap-highlight-color:transparent}.gp-stop:active,.gp-stop.dragging{cursor:grabbing;transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 0 2px var(--c-primary),0 1px 4px #0000004d}.gp-stop-edit{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--c-input);border-radius:8px}.gp-stop-edit-row{display:flex;align-items:center;gap:8px}.gp-color-swatch{width:32px;height:32px;border-radius:6px;border:1.5px solid var(--c-border);cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;transition:transform .1s cubic-bezier(.4,0,.2,1);touch-action:manipulation}.gp-color-swatch:active{transform:scale(.95)}.gp-stop-edit-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.gp-stop-hex{font-size:11px;font-weight:600;font-family:ui-monospace,SF Mono,monospace;color:var(--c-dark)}.gp-stop-alpha{font-size:10px;color:var(--c-gray);font-weight:500}.gp-icon-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--c-gray);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,color .15s;touch-action:manipulation}.gp-icon-btn:active,.gp-icon-btn.danger:active{background:var(--c-danger-soft, rgba(255, 59, 48, .1));color:var(--c-danger)}.gp-mini-row{display:flex;align-items:center;gap:6px;background:var(--c-white);padding:4px 6px;border-radius:6px}.gp-mini-label{font-size:10px;font-weight:600;color:var(--c-gray);flex-shrink:0;min-width:32px}.gp-mini-track{position:relative;flex:1;height:14px;display:flex;align-items:center;cursor:pointer}.gp-mini-track:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:var(--c-input);border-radius:1px;transform:translateY(-50%)}.gp-mini-fill{position:absolute;left:0;top:50%;height:2px;background:var(--c-primary);border-radius:1px;pointer-events:none;transform:translateY(-50%)}.gp-mini-input{position:relative;width:100%;height:14px;background:transparent;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;cursor:pointer;touch-action:manipulation;z-index:1}.gp-mini-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;background:#fff;border-radius:50%;cursor:grab;border:none;box-shadow:0 1px 2px #00000026,0 0 0 1.5px var(--c-primary)}.gp-mini-input::-moz-range-thumb{width:10px;height:10px;background:#fff;border-radius:50%;cursor:grab;border:none;box-shadow:0 1px 2px #00000026,0 0 0 1.5px var(--c-primary)}.gp-mini-value{font-size:10px;font-weight:600;color:var(--c-gray);font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,monospace;flex-shrink:0;min-width:28px;text-align:right}.gp-action-row{display:flex;gap:6px}.gp-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:32px;background:var(--c-input);border:1.5px solid transparent;border-radius:6px;color:var(--c-gray);font-size:11px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease-out;touch-action:manipulation}.gp-action-btn:active:not(:disabled){transform:scale(.95);background:var(--c-primary-soft-strong);color:var(--c-primary)}.gp-action-btn:disabled{opacity:.35;cursor:not-allowed}.pp-up-enter{animation:pp-up-in .25s cubic-bezier(.32,.72,0,1)}@keyframes pp-up-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@supports (padding: env(safe-area-inset-bottom)){.pp-root{padding-bottom:env(safe-area-inset-bottom)}}.pp-text-edit{background:var(--c-white);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px}.pp-textarea{width:100%;min-height:72px;max-height:140px;border:1.5px solid var(--c-border);border-radius:6px;padding:8px 10px;font-size:13px;line-height:1.4;resize:none;outline:none;font-family:inherit;background:var(--c-input);color:var(--c-dark);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s ease-out;touch-action:manipulation}.pp-textarea:focus{border-color:var(--c-primary);background:var(--c-white)}.pp-textarea::placeholder{color:var(--c-light)}.pp-text-meta{display:flex;justify-content:space-between;align-items:center}.pp-text-count{font-size:11px;color:var(--c-light);font-weight:500;font-variant-numeric:tabular-nums}.pp-text-done{background:var(--c-primary);color:#fff;border:none;border-radius:6px;padding:4px 14px;height:26px;font-size:12px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s cubic-bezier(.4,0,.2,1),opacity .15s ease-out;touch-action:manipulation}.pp-text-done:active{transform:scale(.94);opacity:.9}.pp-text-grid{display:grid;gap:6px}.pp-text-grid-2{grid-template-columns:1fr 1fr}.pp-text-grid-4{grid-template-columns:repeat(4,1fr)}.pp-text-grid-5{grid-template-columns:repeat(5,1fr)}.pp-text-grid-8{grid-template-columns:repeat(8,1fr)}.pp-text-item-with-icon{gap:4px;font-weight:600}.pp-text-item{display:flex;align-items:center;justify-content:center;height:36px;background:var(--c-white);border:1.5px solid transparent;border-radius:8px;color:var(--c-gray);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s cubic-bezier(.4,0,.2,1),background .15s,color .15s,border-color .15s;touch-action:manipulation;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;padding:0 4px}.pp-text-item:active{transform:scale(.9)}.pp-text-item.active{background:var(--c-primary-soft-strong);color:var(--c-primary);border-color:var(--c-primary-ring)}.pp-image-preview{width:100%;height:120px;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:var(--c-input);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #0000000d}.pp-image-placeholder{color:var(--c-light);font-size:12px;font-weight:500}.pp-image-btn{display:flex;align-items:center;justify-content:center;gap:6px;height:36px;background:var(--c-white);border:1.5px solid var(--c-border);border-radius:8px;color:var(--c-dark);font-size:13px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s cubic-bezier(.4,0,.2,1),background .15s,color .15s,border-color .15s;touch-action:manipulation}.pp-image-btn:active{transform:scale(.97);background:var(--c-input)}.pp-image-btn-secondary{display:flex;align-items:center;justify-content:center;height:32px;background:transparent;border:1.5px solid var(--c-border);border-radius:8px;color:var(--c-gray);font-size:12px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s cubic-bezier(.4,0,.2,1),background .15s,color .15s;touch-action:manipulation}.pp-image-btn-secondary:active{transform:scale(.97);background:var(--c-input);color:var(--c-dark)}.pp-crop-frame{width:100%;aspect-ratio:4 / 3;background:var(--c-white);border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000d}.pp-crop-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;pointer-events:none}.pp-crop-cell{border-right:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}.pp-crop-cell:nth-child(3n){border-right:none}.pp-crop-cell:nth-child(n+7){border-bottom:none}.pp-slide-left,.pp-slide-right{animation-duration:.18s;animation-timing-function:cubic-bezier(.32,.72,0,1)}.pp-slide-left{animation-name:pp-slide-left-in}.pp-slide-right{animation-name:pp-slide-right-in}@keyframes pp-slide-left-in{0%{transform:translate(16px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pp-slide-right-in{0%{transform:translate(-16px);opacity:0}to{transform:translate(0);opacity:1}}.cp-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:20px}.cp-dialog{width:100%;max-width:340px;background:var(--c-white);border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #0000004d;display:flex;flex-direction:column}.cp-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--c-border)}.cp-title{font-size:14px;font-weight:600;color:var(--c-dark)}.cp-close{background:none;border:none;cursor:pointer;padding:4px;color:var(--c-gray);display:flex;-webkit-tap-highlight-color:transparent}.cp-body{padding:16px;display:flex;flex-direction:column;gap:12px;max-height:70vh;overflow-y:auto}.cp-preview-row{display:flex;gap:10px;align-items:center}.cp-preview{width:48px;height:48px;border-radius:8px;border:1px solid var(--c-border);flex-shrink:0}.cp-hex-input{flex:1;display:flex;align-items:center;gap:6px;border-radius:6px;transition:border-color .15s ease-out,box-shadow .15s ease-out}.cp-hex-input label{font-size:12px;color:var(--c-gray)}.cp-hex-input input{flex:1;border:1px solid var(--c-border);border-radius:6px;padding:6px 8px;font-size:12px;font-family:ui-monospace,SF Mono,Menlo,monospace;text-transform:uppercase;background:transparent;transition:border-color .15s ease-out,box-shadow .15s ease-out;width:100%;min-width:0}.cp-hex-input.is-focused input{border-color:var(--c-primary);outline:1.5px solid var(--c-primary);outline-offset:-1.5px}.cp-hex-input.is-error input{border-color:var(--c-danger);outline:1.5px solid var(--c-danger);outline-offset:-1.5px;color:var(--c-danger);animation:cp-shake .18s ease-out}@keyframes cp-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.cp-sv{position:relative;width:100%;height:160px;border-radius:8px;cursor:crosshair;overflow:hidden;touch-action:none}.cp-sv-bg{position:absolute;top:0;right:0;bottom:0;left:0}.cp-sv-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000 0%,transparent 100%),linear-gradient(to right,#fff 0%,transparent 100%)}.cp-sv-cursor{position:absolute;width:14px;height:14px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0003;pointer-events:none}.cp-hue{position:relative;width:100%;height:14px;border-radius:7px;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);cursor:pointer;touch-action:none}.cp-hue-cursor{position:absolute;top:-3px;width:20px;height:20px;background:#fff;border:2px solid #fff;border-radius:50%;transform:translate(-50%);box-shadow:0 1px 4px #0000004d;pointer-events:none}.cp-alpha{position:relative;width:100%;height:14px;border-radius:7px;cursor:pointer;touch-action:none;overflow:hidden;background:linear-gradient(to right,transparent,currentColor)}.cp-alpha-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,transparent,#fff)}.cp-alpha:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-conic-gradient(#e5e7eb,#e5e7eb 25%,#fff 0%,#fff 50%);background-size:12px 12px;border-radius:7px;z-index:-1}.cp-alpha-cursor{position:absolute;top:-3px;width:20px;height:20px;background:#fff;border:2px solid #fff;border-radius:50%;transform:translate(-50%);box-shadow:0 1px 4px #0000004d;pointer-events:none}.cp-channels{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:6px}.cp-channel{display:flex;align-items:center;gap:2px;background:var(--c-input);border-radius:6px;padding:4px 6px}.cp-channel label{font-size:11px;color:var(--c-gray);font-weight:600}.cp-channel input{width:100%;border:none;background:none;font-size:11px;outline:none;padding:0;min-width:0}.cp-channel span{font-size:11px;color:var(--c-light)}.cp-presets-title{font-size:11px;color:var(--c-gray);margin-bottom:6px;font-weight:600}.cp-presets-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}.cp-preset{aspect-ratio:1;border-radius:6px;border:1px solid var(--c-border);cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;transition:transform .15s;touch-action:manipulation}.cp-preset:active{transform:scale(.92)}.cp-preset.recent{border-style:dashed;border-color:#0000002e}.cp-foot{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--c-border)}.cp-btn{flex:1;height:40px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s,transform .1s;touch-action:manipulation}.cp-btn:active{transform:scale(.98)}.cp-btn.ghost{background:var(--c-input);color:var(--c-gray)}.cp-btn.primary{background:var(--c-primary);color:var(--c-white)}.cp-fade-enter-active,.cp-fade-leave-active{transition:opacity .2s}.cp-fade-enter-from,.cp-fade-leave-to{opacity:0}.cp-pop-enter-active{transition:all .25s cubic-bezier(.34,1.56,.64,1)}.cp-pop-leave-active{transition:all .15s ease-in}.cp-pop-enter-from{opacity:0;transform:scale(.85)}.cp-pop-leave-to{opacity:0;transform:scale(.95)}.cp-mask.cp-anim-in{animation:cp-fade-in .2s ease-out}.cp-dialog.cp-anim-in{animation:cp-pop-in .25s cubic-bezier(.34,1.56,.64,1)}@keyframes cp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cp-pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.sheet-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:var(--z-sheet);display:flex;align-items:flex-end;justify-content:center;animation:sheet-mask-fade .25s var(--ease-out)}@keyframes sheet-mask-fade{0%{opacity:0}to{opacity:1}}@keyframes sheet-root-slide{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-root{width:100%;max-width:500px;background:var(--c-white);border-radius:var(--r-xl) var(--r-xl) 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-sheet);animation:sheet-root-slide .3s var(--ease-out);padding-bottom:env(safe-area-inset-bottom)}.sheet-handle{width:40px;height:4px;background:var(--c-border);border-radius:var(--r-full);margin:8px auto 0;cursor:grab;flex-shrink:0;transition:background .15s}.sheet-handle:hover{background:var(--c-light)}.sheet-handle:active{cursor:grabbing;background:var(--c-gray)}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px;flex-shrink:0}.sheet-title{font-size:var(--fs-lg, 17px);font-weight:var(--fw-bold, 700);color:var(--c-dark);letter-spacing:-.2px}.sheet-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--c-input);color:var(--c-gray);cursor:pointer;border:none;transition:all .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sheet-close:hover{background:var(--c-border);color:var(--c-dark)}.sheet-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.sheet-enter-active,.sheet-leave-active{transition:opacity .25s var(--ease-out)}.sheet-enter-active .sheet-root,.sheet-leave-active .sheet-root{transition:transform .3s var(--ease-out)}.sheet-enter-from,.sheet-leave-to{opacity:0}.sheet-enter-from .sheet-root,.sheet-leave-to .sheet-root{transform:translateY(100%)}.file-menu{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.fm-item{display:flex;align-items:center;gap:14px;width:100%;min-height:48px;padding:14px 20px;background:none;border:none;cursor:pointer;border-bottom:1px solid var(--c-border);transition:background .15s;font:inherit;color:inherit;text-align:left;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.fm-item:hover{background:var(--c-input)}.fm-item:active{background:var(--c-border)}.fm-icon{width:32px;height:32px;border-radius:8px;background:var(--c-input);display:flex;align-items:center;justify-content:center;color:var(--c-dark);flex-shrink:0}.fm-label{flex:1;text-align:left;font-size:var(--fs-md);color:var(--c-dark);font-weight:500}.fm-arrow{color:var(--c-light);flex-shrink:0}.sticker-sheet{display:flex;height:100%;background:var(--c-white)}.ss-cats{width:84px;background:var(--c-input);flex-shrink:0;overflow-y:auto;padding:8px 0;-webkit-overflow-scrolling:touch}.ss-cat{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;background:none;border:none;cursor:pointer;position:relative;transition:background .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ss-cat:hover{background:#00000008}.ss-cat:active{transform:scale(.97)}.ss-cat.active{background:var(--c-white)}.ss-cat.active:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;background:var(--c-primary);border-radius:0 2px 2px 0}.ss-cat-icon{color:var(--c-gray);display:flex}.ss-cat.active .ss-cat-icon{color:var(--c-primary)}.ss-cat-name{font-size:var(--fs-xs);color:var(--c-gray)}.ss-cat.active .ss-cat-name{color:var(--c-primary);font-weight:var(--fw-semibold)}.ss-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.ss-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--c-border);gap:8px;flex-shrink:0}.ss-title{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--c-dark)}.ss-search{display:flex;align-items:center;gap:6px;background:var(--c-input);border-radius:16px;padding:6px 12px;width:140px}.ss-search input{border:none;background:none;outline:none;font-size:var(--fs-sm);color:var(--c-dark);flex:1;min-width:0}.ss-search input::placeholder{color:var(--c-light)}.ss-grid{flex:1;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;-webkit-overflow-scrolling:touch}.ss-item{display:flex;flex-direction:column;gap:4px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ss-item:active{transform:scale(.95)}.ss-thumb{width:100%;aspect-ratio:1;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:36px;color:var(--c-white);transition:transform .15s;border:1px solid transparent}.ss-item:hover .ss-thumb{transform:scale(1.03);border-color:var(--c-primary)}.ss-emoji{text-shadow:0 1px 4px rgba(0,0,0,.15)}.ss-name{font-size:var(--fs-xs);color:var(--c-gray);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--c-light)}.ss-empty-icon{font-size:36px}.ss-empty-text{font-size:var(--fs-sm)}.text-sheet{height:100%;overflow-y:auto;padding:4px 0 20px;-webkit-overflow-scrolling:touch}.ts-section{padding:14px 16px 0}.ts-section-head{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--c-gray);margin-bottom:10px}.ts-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ts-preset{display:flex;flex-direction:column;background:var(--c-input);border:1px solid var(--c-border);border-radius:var(--r-md);padding:14px;cursor:pointer;text-align:left;transition:all .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ts-preset:hover{border-color:var(--c-primary);background:var(--c-primary-soft-faint)}.ts-preset:active{transform:scale(.98)}.ts-preset-preview{color:var(--c-dark);margin-bottom:6px;min-height:30px;display:flex;align-items:center}.ts-preset-name{font-size:var(--fs-xs);color:var(--c-gray)}.ts-fonts{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.ts-fonts::-webkit-scrollbar{display:none}.ts-font{flex-shrink:0;height:40px;padding:0 12px;background:var(--c-input);border:1px solid transparent;border-radius:8px;font-size:var(--fs-md);color:var(--c-dark);cursor:pointer;white-space:nowrap;display:flex;align-items:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ts-font.active{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-soft)}.ts-sizes{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.ts-sizes::-webkit-scrollbar{display:none}.ts-size{min-width:44px;height:44px;background:var(--c-input);border:1px solid transparent;border-radius:8px;cursor:pointer;flex-shrink:0;color:var(--c-dark);display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ts-size.active{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-soft)}.ts-weights{display:flex;gap:6px}.ts-weight{flex:1;height:40px;background:var(--c-input);border:1px solid transparent;border-radius:8px;font-size:var(--fs-md);color:var(--c-dark);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ts-weight.active{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-soft)}.ts-colors{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.ts-color{width:100%;aspect-ratio:1;border-radius:6px;border:1.5px solid transparent;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ts-color.active{border-color:var(--c-primary);transform:scale(1.1);box-shadow:0 0 0 2px var(--c-primary-ring)}.ts-aligns{display:flex;gap:6px}.ts-align{flex:1;height:36px;background:var(--c-input);border:1px solid transparent;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--c-gray);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ts-align.active{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-soft)}.ts-input{display:flex;gap:8px;align-items:center}.ts-input input{flex:1;min-width:0;height:44px;border-radius:10px;border:1px solid var(--c-border);background:var(--c-input);padding:0 12px;font-size:var(--fs-md);color:var(--c-dark);outline:none;transition:border-color .15s}.ts-input input:focus{border-color:var(--c-primary);background:var(--c-white)}.ts-add-btn{height:44px;padding:0 14px;background:var(--c-primary);color:var(--c-white);border:none;border-radius:10px;font-size:var(--fs-md);font-weight:var(--fw-semibold);display:flex;align-items:center;gap:4px;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ts-add-btn:hover{background:var(--c-primary-hover, #D41E3C)}.ts-add-btn:active{transform:scale(.97)}.is-root{display:flex;flex-direction:column;height:100%;overflow:hidden}.is-tabs{display:flex;gap:0;background:var(--c-input);border-radius:9px;padding:3px;margin:12px 16px 10px;flex-shrink:0}.is-tab{flex:1;height:40px;border:none;border-radius:7px;background:transparent;font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--c-gray);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.is-tab:active{transform:scale(.97)}.is-tab.active{background:var(--c-white);color:var(--c-dark);box-shadow:0 1px 3px #00000014}.is-section{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:0 16px 12px;-webkit-overflow-scrolling:touch}.is-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:36px 0;border:2px dashed var(--c-border);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin-top:8px}.is-upload-area:hover{border-color:var(--c-primary)}.is-upload-area:active,.is-upload-area.dragging{background:var(--c-input);border-color:var(--c-primary)}.is-upload-icon{width:56px;height:56px;border-radius:50%;background:var(--c-input);display:flex;align-items:center;justify-content:center;color:var(--c-gray)}.is-upload-text{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--c-dark)}.is-upload-hint{font-size:var(--fs-xs);color:var(--c-light)}.is-hidden-input{display:none}.is-search{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--c-input);border-radius:10px;margin-bottom:8px;flex-shrink:0}.is-search input{flex:1;min-width:0;border:none;background:transparent;font-size:var(--fs-base);color:var(--c-dark);outline:none}.is-search input::placeholder{color:var(--c-light)}.is-cats{display:flex;gap:6px;overflow-x:auto;flex-shrink:0;margin-bottom:8px;-webkit-overflow-scrolling:touch}.is-cats::-webkit-scrollbar{display:none}.is-cat-btn{flex-shrink:0;height:34px;padding:0 12px;border:1.5px solid var(--c-border);border-radius:14px;background:var(--c-white);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-gray);cursor:pointer;transition:background .15s,color .15s,border-color .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.is-cat-btn:active{transform:scale(.95)}.is-cat-btn.active{background:var(--c-primary-soft-strong);border-color:var(--c-primary);color:var(--c-primary)}.is-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-bottom:env(safe-area-inset-bottom,12px)}.is-item{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s cubic-bezier(.4,0,.2,1);touch-action:manipulation}.is-item:active{transform:scale(.95)}.is-thumb{aspect-ratio:1;background:var(--c-input);background-size:cover;background-position:center;border-radius:10px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.is-thumb-fallback{color:var(--c-light)}.is-emoji{font-size:36px;line-height:1}.is-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .15s,background .15s}.is-item:active .is-thumb-overlay{background:#0000004d;opacity:1}.is-name{font-size:var(--fs-xs);color:var(--c-gray);text-align:center;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--c-light)}.is-empty-icon{font-size:36px}.is-empty-text{font-size:var(--fs-base)}.is-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--c-light)}.is-spin{animation:is-spin .9s linear infinite}@keyframes is-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.layer-sheet{height:100%;display:flex;flex-direction:column;background:var(--c-white, #fff)}.ls-tabs{display:flex;gap:0;padding:0 16px;border-bottom:1px solid var(--c-border, #F1F0ED);flex-shrink:0}.ls-tab{flex:1;height:38px;min-height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-bottom:2px solid transparent;font-size:var(--fs-md, 14px);font-weight:500;color:var(--c-gray, #6B7280);cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;font-family:inherit}.ls-tab.active{color:var(--c-dark, #161823);font-weight:600;border-bottom-color:var(--c-primary, #EE2746)}.ls-tab:active{opacity:.7}.ls-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.ls-section-title{font-size:var(--fs-sm, 12px);font-weight:600;color:var(--c-gray, #6B7280)}.ls-boards{border-bottom:1px solid var(--c-border, #F1F0ED);padding:12px 16px 8px}.ls-boards-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ls-add-board{display:flex;align-items:center;gap:4px;background:var(--c-input, #F1F0ED);border:none;border-radius:14px;padding:4px 10px;font-size:var(--fs-sm, 12px);color:var(--c-dark, #161823);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit}.ls-add-board:hover{background:var(--c-border, #E5E7EB)}.ls-add-board:active{transform:scale(.95)}.ls-board-list{display:flex;gap:10px;overflow-x:auto;padding:4px 0 8px;-webkit-overflow-scrolling:touch}.board-thumb{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--r-md, 10px);background:var(--c-white, #fff);border:1px solid var(--c-border, #F1F0ED);cursor:pointer;transition:all .15s;flex-shrink:0;min-width:140px}.board-thumb:hover{border-color:var(--c-primary, #EE2746)}.board-thumb.active{border-color:var(--c-primary, #EE2746);background:var(--c-primary-soft)}.bt-preview{width:48px;height:48px;border-radius:var(--r-sm, 6px);background:var(--c-input, #F1F0ED);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.bt-placeholder{opacity:.5}.bt-info{flex:1;min-width:0}.bt-name{font-size:12px;font-weight:500;color:var(--c-dark, #161823);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bt-size{font-size:10px;color:var(--c-gray, #6B7280);margin-top:2px;font-family:monospace}.ls-layers{flex:1;display:flex;flex-direction:column;overflow:hidden}.ls-layers-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 8px;border-bottom:1px solid var(--c-border, #F1F0ED)}.ls-layers-actions{display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:70%}.ls-layers-actions::-webkit-scrollbar{display:none}.ls-action-btn{width:28px;height:28px;min-width:44px;min-height:44px;background:var(--c-input, #F1F0ED);border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--c-gray, #6B7280);cursor:pointer;transition:all .15s;flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:0}.ls-action-btn:hover:not(:disabled){background:var(--c-border, #E5E7EB);color:var(--c-dark, #161823)}.ls-action-btn:active:not(:disabled){transform:scale(.92)}.ls-action-btn:disabled{opacity:.4;cursor:not-allowed}.ls-action-btn.danger:hover{background:var(--c-primary-soft-strong);color:var(--c-primary, #EE2746)}.ls-layer-list{flex:1;overflow-y:auto;padding:6px 8px 12px;-webkit-overflow-scrolling:touch}.ls-layer{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 10px;border-radius:8px;cursor:pointer;margin-bottom:2px;transition:background .1s,transform .1s;position:relative;touch-action:pan-y}.ls-layer:hover{background:var(--c-input, #F1F0ED)}.ls-layer.selected{background:var(--c-primary-soft-strong)}.ls-layer.selected:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2.5px;background:var(--c-primary, #EE2746);border-radius:2px}.ls-layer.locked{opacity:.6}.ls-layer.hidden .ls-layer-name,.ls-layer.hidden .ls-layer-meta{opacity:.5;text-decoration:line-through}.ls-layer.dragging{background:var(--c-white, #fff);transition:none}.ls-layer.drag-over{border-top:2px solid var(--c-primary, #EE2746)}.ls-layer-handle{color:var(--c-light, #9CA3AF);cursor:grab;display:flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;opacity:.6;-webkit-tap-highlight-color:transparent}.ls-layer-handle:active{cursor:grabbing}.ls-layer-thumb{width:28px;height:28px;border-radius:6px;background:var(--c-input, #F1F0ED);display:flex;align-items:center;justify-content:center;color:var(--c-gray, #6B7280);flex-shrink:0;border:1px solid var(--c-border, #F1F0ED)}.ls-layer-info{flex:1;min-width:0}.ls-layer-name{font-size:var(--fs-md, 14px);color:var(--c-dark, #161823);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ls-layer-meta{font-size:var(--fs-xs, 11px);color:var(--c-light, #9CA3AF);margin-top:1px}.ls-layer-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s}.ls-layer:hover .ls-layer-actions,.ls-layer.selected .ls-layer-actions{opacity:1}.ls-layer-btn{width:24px;height:24px;min-width:44px;min-height:44px;background:none;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--c-light, #9CA3AF);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:0}.ls-layer-btn:hover{background:var(--c-border, #E5E7EB);color:var(--c-dark, #161823)}.ls-layer-btn:active{transform:scale(.9)}.ls-empty{padding:40px 20px;text-align:center;color:var(--c-light, #9CA3AF);display:flex;flex-direction:column;align-items:center;gap:8px}.ls-empty-text{font-size:var(--fs-md, 14px);color:var(--c-gray, #6B7280)}.ls-empty-hint{font-size:var(--fs-sm, 12px);color:var(--c-light, #9CA3AF)}.ls-board-props{border-bottom:1px solid var(--c-border, #F1F0ED);background:var(--c-white, #fff)}.ls-props-head{display:flex;align-items:center;gap:6px;padding:10px 16px;-webkit-user-select:none;user-select:none}.ls-props-body{padding:0 16px 14px;max-height:60vh;overflow-y:auto}.ls-prop{padding:10px 0;border-bottom:1px dashed var(--c-border, #F1F0ED)}.ls-prop:last-of-type{border-bottom:none}.ls-prop-label{font-size:11px;color:var(--c-gray, #6B7280);font-weight:600;margin-bottom:6px;letter-spacing:.3px}.ls-prop-name-row{position:relative}.ls-prop-name-input{width:100%;height:34px;min-height:44px;border:1px solid var(--c-border, #F1F0ED);border-radius:8px;padding:0 48px 0 10px;font-size:var(--fs-md, 14px);color:var(--c-dark, #161823);outline:none;background:var(--c-white, #fff);transition:border-color .15s;font-family:inherit}.ls-prop-name-input:focus{border-color:var(--c-primary, #EE2746)}.ls-prop-name-count{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--c-light, #9CA3AF);font-family:monospace}.ls-prop-dim-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}.ls-prop-input-row{flex:1;display:flex;align-items:center;gap:4px;min-width:0}.ls-prop-input-row label{font-size:11px;color:var(--c-gray, #6B7280);width:18px;flex-shrink:0}.ls-prop-input-row input{flex:1;min-width:0;height:32px;min-height:44px;border:1px solid var(--c-border, #F1F0ED);border-radius:6px;padding:0 6px;font-size:12px;color:var(--c-dark, #161823);outline:none;background:var(--c-white, #fff);font-family:monospace;-moz-appearance:textfield;-webkit-appearance:none;appearance:none}.ls-prop-input-row input::-webkit-outer-spin-button,.ls-prop-input-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ls-prop-input-row input:focus{border-color:var(--c-primary, #EE2746)}.ls-prop-unit{font-size:10px;color:var(--c-gray, #6B7280)}.ls-prop-swap{width:28px;height:32px;min-width:44px;min-height:44px;background:var(--c-input, #F1F0ED);border:1px solid var(--c-border, #F1F0ED);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--c-gray, #6B7280);cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .15s}.ls-prop-swap:active{transform:scale(.92)}.ls-prop-swap:hover{color:var(--c-primary, #EE2746)}.ls-prop-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.ls-prop-preset{display:flex;flex-direction:column;align-items:center;gap:1px;min-height:44px;padding:5px 2px;background:var(--c-input, #F1F0ED);border:1.5px solid transparent;border-radius:6px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .15s;font-family:inherit}.ls-prop-preset.active{background:var(--c-primary-soft);border-color:var(--c-primary, #EE2746)}.ls-prop-preset-name{font-size:10px;color:var(--c-dark, #161823);font-weight:600}.ls-prop-preset.active .ls-prop-preset-name{color:var(--c-primary, #EE2746)}.ls-prop-preset-dim{font-size:9px;color:var(--c-gray, #6B7280);font-family:monospace}.ls-prop-colors{display:grid;grid-template-columns:repeat(12,1fr);gap:5px}.ls-prop-color{width:100%;aspect-ratio:1;min-height:44px;border-radius:5px;border:1.5px solid transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .15s;padding:0}.ls-prop-color.active{border-color:var(--c-primary, #EE2746);box-shadow:0 0 0 2px var(--c-primary-ring);transform:scale(1.05)}.ls-prop-color-picker{width:100%;aspect-ratio:1;min-height:44px;border-radius:5px;border:1.5px dashed var(--c-border, #F1F0ED);cursor:pointer;background-size:6px 6px;background-image:linear-gradient(45deg,var(--c-input, #F1F0ED) 25%,transparent 25%),linear-gradient(-45deg,var(--c-input, #F1F0ED) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--c-input, #F1F0ED) 75%),linear-gradient(-45deg,transparent 75%,var(--c-input, #F1F0ED) 75%);background-position:0 0,0 3px,3px -3px,-3px 0;padding:0}.ls-prop-color-clear{width:100%;aspect-ratio:1;min-height:44px;border-radius:5px;border:1.5px solid var(--c-border, #F1F0ED);background:var(--c-white, #fff);color:var(--c-gray, #6B7280);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:0}.ls-prop-color-clear:active{transform:scale(.9)}.ls-prop-radius-row{position:relative;margin-bottom:8px}.ls-prop-radius-slider{width:100%;height:4px;min-height:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--c-input, #F1F0ED);border-radius:2px;outline:none;padding:20px 0;margin:-20px 0}.ls-prop-radius-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--c-primary, #EE2746);border-radius:50%;cursor:pointer}.ls-prop-radius-slider::-moz-range-thumb{width:16px;height:16px;background:var(--c-primary, #EE2746);border-radius:50%;cursor:pointer;border:none}.ls-prop-radius-val{position:absolute;right:0;top:-16px;font-size:11px;color:var(--c-primary, #EE2746);font-weight:600;font-family:monospace}.ls-prop-radius-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.ls-prop-radius-preset{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:44px;padding:5px 2px;background:var(--c-input, #F1F0ED);border:1.5px solid transparent;border-radius:6px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .15s;font-family:inherit}.ls-prop-radius-preset.active{background:var(--c-primary-soft);border-color:var(--c-primary, #EE2746)}.ls-prop-radius-preview{width:24px;height:24px;background:var(--c-white, #fff);display:flex;align-items:center;justify-content:center}.ls-prop-radius-preview-inner{width:16px;height:16px;background:var(--c-dark, #161823)}.ls-prop-radius-preset.active .ls-prop-radius-preview-inner{background:var(--c-primary, #EE2746)}.ls-prop-radius-preset-label{font-size:9px;color:var(--c-gray, #6B7280)}.ls-prop-radius-preset.active .ls-prop-radius-preset-label{color:var(--c-primary, #EE2746);font-weight:600}.ls-prop-states{display:flex;gap:6px}.ls-prop-state{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;background:var(--c-input, #F1F0ED);border:1.5px solid transparent;border-radius:7px;font-size:12px;color:var(--c-gray, #6B7280);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .15s;font-family:inherit}.ls-prop-state.active{background:var(--c-primary-soft);border-color:var(--c-primary, #EE2746);color:var(--c-primary, #EE2746);font-weight:600}.ls-prop-actions{display:flex;gap:8px;padding-top:8px}.ls-prop-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .15s;font-family:inherit}.ls-prop-btn.secondary{background:var(--c-input, #F1F0ED);color:var(--c-dark, #161823)}.ls-prop-btn.danger{background:var(--c-primary-soft-strong);color:var(--c-primary, #EE2746)}.ls-prop-btn:disabled{opacity:.4;cursor:not-allowed}.ls-prop-btn:not(:disabled):active{transform:scale(.97)}.ls-cp-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1500;display:flex;align-items:center;justify-content:center}.ls-cp-dialog{width:280px;background:var(--c-white, #fff);border-radius:14px;overflow:hidden;box-shadow:0 8px 32px #0000002e}.ls-cp-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--c-border, #F1F0ED);font-weight:600;color:var(--c-dark, #161823)}.ls-cp-close{width:28px;height:28px;background:none;border:none;border-radius:6px;font-size:18px;color:var(--c-gray, #6B7280);cursor:pointer;-webkit-tap-highlight-color:transparent}.ls-cp-body{padding:16px}.ls-cp-preview{width:100%;height:60px;border-radius:10px;margin-bottom:10px;border:1px solid var(--c-border, #F1F0ED)}.ls-cp-input{width:100%;height:36px;padding:0 12px;border:1.5px solid var(--c-border, #F1F0ED);border-radius:8px;font-size:14px;font-family:monospace;outline:none;color:var(--c-dark, #161823)}.ls-cp-input:focus{border-color:var(--c-primary, #EE2746)}.ls-cp-foot{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--c-border, #F1F0ED)}.ls-cp-btn{flex:1;height:36px;min-height:44px;background:var(--c-input, #F1F0ED);color:var(--c-dark, #161823);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit}.ls-cp-btn.primary{background:var(--c-primary, #EE2746);color:var(--c-white, #fff)}.bcm-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1600}.bcm-panel{position:fixed;z-index:1700;width:220px;background:var(--c-white, #fff);border-radius:12px;box-shadow:0 8px 32px #0000002e;padding:6px;border:1px solid var(--c-border, #F1F0ED)}.bcm-head{padding:10px 12px;border-bottom:1px solid var(--c-border, #F1F0ED)}.bcm-title{font-size:13px;font-weight:600;color:var(--c-dark, #161823);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcm-sub{font-size:11px;color:var(--c-light, #9CA3AF);margin-top:2px}.bcm-count{font-size:10px;color:var(--c-light, #9CA3AF);margin-top:4px}.bcm-item{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:36px;padding:8px 12px;background:none;border:none;cursor:pointer;font-size:13px;color:var(--c-dark, #161823);border-radius:6px;font-family:inherit;text-align:left;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.bcm-item:hover:not(:disabled){background:var(--c-input, #F1F0ED)}.bcm-item:active:not(:disabled){background:var(--c-border, #E5E7EB)}.bcm-item:disabled{opacity:.4;cursor:not-allowed}.bcm-item.danger{color:var(--c-primary, #EE2746)}.bcm-shortcut{font-size:10px;color:var(--c-light, #9CA3AF);font-family:monospace}.bcm-sep{height:1px;background:var(--c-border, #F1F0ED);margin:4px 0}.bs-root{height:100%;display:flex;flex-direction:column;background:var(--c-white, #fff);overflow:hidden}.bs-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 8px;flex-shrink:0}.bs-head-info{display:flex;flex-direction:column;gap:2px}.bs-head-title{font-size:var(--fs-md, 14px);font-weight:600;color:var(--c-dark, #161823)}.bs-head-sub{font-size:var(--fs-xs, 11px);color:var(--c-light, #9CA3AF)}.bs-add-btn{display:flex;align-items:center;gap:4px;background:var(--c-primary, #EE2746);color:var(--c-white, #fff);border:none;border-radius:14px;padding:6px 12px;font-size:var(--fs-sm, 12px);font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .15s;font-family:inherit}.bs-add-btn:hover{background:var(--c-primary-hover, #D41E3C)}.bs-add-btn:active{transform:scale(.95)}.bs-add-empty{margin:12px auto 0}.bs-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:4px 16px 8px;overflow-y:auto;align-content:start;-webkit-overflow-scrolling:touch}.bs-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 8px;border:1.5px solid var(--c-border, #F1F0ED);border-radius:var(--r-md, 10px);background:var(--c-white, #fff);cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent;touch-action:pan-y;min-height:140px}.bs-card:hover{border-color:var(--c-primary, #EE2746);background:var(--c-primary-soft-faint)}.bs-card.active{border-color:var(--c-primary, #EE2746);background:var(--c-primary-soft)}.bs-card.locked{opacity:.85}.bs-card.hidden{opacity:.5}.bs-card.drag-over-up{box-shadow:inset 0 2px 0 0 var(--c-primary, #EE2746)}.bs-card.drag-over-down{box-shadow:inset 0 -2px 0 0 var(--c-primary, #EE2746)}.bs-card-thumb{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:100px;background:var(--c-input, #F1F0ED);border-radius:var(--r-sm, 6px)}.bs-card-frame{background:var(--c-white, #fff);padding:4px;border-radius:4px;box-shadow:0 2px 6px #0000001a;position:relative}.bs-card-inner{width:100%;height:100%}.bs-card-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:var(--c-dark, #161823);color:var(--c-white, #fff);font-size:10px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;line-height:1}.bs-card-hidden-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;border-radius:4px}.bs-card-active-bar{position:absolute;left:0;top:12px;bottom:12px;width:2.5px;background:var(--c-primary, #EE2746);border-radius:1.5px}.bs-card-info{width:100%;text-align:center;display:flex;flex-direction:column;gap:2px;min-width:0}.bs-card-name{font-size:var(--fs-sm, 12px);color:var(--c-dark, #161823);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bs-card-name-input{font-size:var(--fs-sm, 12px);color:var(--c-dark, #161823);font-weight:600;font-family:inherit;width:100%;text-align:center;padding:2px 6px;border:1.5px solid var(--c-primary, #EE2746);border-radius:4px;background:var(--c-white, #fff);outline:none;box-sizing:border-box}.bs-card-name-input:focus{background:var(--c-primary-soft-faint)}.bs-card-meta{font-size:var(--fs-xs, 11px);color:var(--c-gray, #6B7280);font-family:monospace}.bs-card-actions{position:absolute;top:4px;right:4px;display:flex;gap:2px;opacity:0;transition:opacity .15s}.bs-card:hover .bs-card-actions,.bs-card.active .bs-card-actions{opacity:1}.bs-icon-btn{width:22px;height:22px;background:#ffffffe6;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--c-gray, #6B7280);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .15s,color .15s;padding:0}.bs-icon-btn:hover{background:var(--c-white, #fff);color:var(--c-dark, #161823)}.bs-icon-btn:active{transform:scale(.9)}.bs-hint{display:flex;align-items:center;justify-content:center;gap:4px;padding:10px;font-size:var(--fs-xs, 11px);color:var(--c-light, #9CA3AF);flex-shrink:0}.bs-empty{grid-column:1 / -1;padding:40px 20px;text-align:center;color:var(--c-light, #9CA3AF);display:flex;flex-direction:column;align-items:center;gap:8px}.bs-empty-text{font-size:var(--fs-md, 14px);color:var(--c-gray, #6B7280)}.nb-root{height:100%;display:flex;flex-direction:column;background:var(--c-white, #fff);overflow:hidden}.nb-tabs{display:flex;gap:6px;padding:12px 16px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-shrink:0}.nb-tabs::-webkit-scrollbar{display:none}.nb-tab{flex-shrink:0;height:30px;min-height:44px;padding:0 14px;background:var(--c-input, #F1F0ED);border:none;border-radius:15px;font-size:var(--fs-sm, 12px);color:var(--c-gray, #6B7280);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .15s;font-family:inherit}.nb-tab.active{background:var(--c-primary, #EE2746);color:var(--c-white, #fff);font-weight:600}.nb-tab:active{transform:scale(.95)}.nb-section{padding:14px 16px 0;flex-shrink:0}.nb-section-head{font-size:var(--fs-sm, 12px);font-weight:600;color:var(--c-gray, #6B7280);margin-bottom:10px}.nb-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.nb-preset{background:var(--c-input, #F1F0ED);border:1.5px solid transparent;border-radius:var(--r-sm, 6px);padding:10px 6px 6px;cursor:pointer;text-align:center;transition:all .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:88px;font-family:inherit}.nb-preset:hover{border-color:var(--c-border, #E5E7EB)}.nb-preset.active{border-color:var(--c-primary, #EE2746);background:var(--c-primary-soft)}.nb-preset-frame{background:var(--c-white, #fff);padding:3px;border-radius:3px;box-shadow:0 1px 3px #0000001a;margin:0 auto 6px}.nb-preset-inner{width:100%;height:100%;background:linear-gradient(135deg,var(--c-input, #F1F0ED),var(--c-border, #E5E7EB));border-radius:2px}.nb-preset.active .nb-preset-inner{background:linear-gradient(135deg,#fa7e23,#ee2746)}.nb-preset-name{font-size:var(--fs-sm, 12px);color:var(--c-dark, #161823);font-weight:600}.nb-preset.active .nb-preset-name{color:var(--c-primary, #EE2746)}.nb-preset-dim{font-size:var(--fs-xs, 11px);color:var(--c-gray, #6B7280);font-family:monospace;margin-top:1px}.nb-custom{display:flex;flex-direction:column;gap:8px}.nb-input-row{display:flex;align-items:center;gap:10px}.nb-input-row label{font-size:var(--fs-sm, 12px);color:var(--c-gray, #6B7280);width:24px}.nb-input-row input{flex:1;height:36px;min-height:44px;border:1px solid var(--c-border, #F1F0ED);border-radius:8px;padding:0 10px;font-size:var(--fs-md, 14px);color:var(--c-dark, #161823);outline:none;background:var(--c-white, #fff);font-family:monospace;-moz-appearance:textfield}.nb-input-row input::-webkit-outer-spin-button,.nb-input-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.nb-input-row input:focus{border-color:var(--c-primary, #EE2746)}.nb-unit{font-size:var(--fs-sm, 12px);color:var(--c-gray, #6B7280)}.nb-orient{display:flex;gap:6px;margin-top:2px}.nb-orient-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;background:var(--c-input, #F1F0ED);border:1.5px solid transparent;border-radius:8px;font-size:var(--fs-sm, 12px);color:var(--c-gray, #6B7280);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .15s;font-family:inherit}.nb-orient-btn.active{background:var(--c-primary-soft);border-color:var(--c-primary, #EE2746);color:var(--c-primary, #EE2746);font-weight:600}.nb-colors{display:grid;grid-template-columns:repeat(11,1fr);gap:6px}.nb-color{width:100%;aspect-ratio:1;min-height:44px;border-radius:6px;border:1.5px solid transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .15s;padding:0}.nb-color.active{border-color:var(--c-primary, #EE2746);box-shadow:0 0 0 2px var(--c-primary-ring);transform:scale(1.05)}.nb-color-picker{width:100%;aspect-ratio:1;min-height:44px;border-radius:6px;border:1.5px dashed var(--c-border, #F1F0ED);cursor:pointer;background-size:8px 8px;background-image:linear-gradient(45deg,var(--c-input, #F1F0ED) 25%,transparent 25%),linear-gradient(-45deg,var(--c-input, #F1F0ED) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--c-input, #F1F0ED) 75%),linear-gradient(-45deg,transparent 75%,var(--c-input, #F1F0ED) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;padding:0}.nb-name-input{width:100%;height:38px;min-height:44px;border:1px solid var(--c-border, #F1F0ED);border-radius:8px;padding:0 12px;font-size:var(--fs-md, 14px);color:var(--c-dark, #161823);outline:none;background:var(--c-white, #fff);transition:border-color .15s;font-family:inherit}.nb-name-input:focus{border-color:var(--c-primary, #EE2746)}.nb-footer{display:flex;gap:8px;padding:14px 16px;margin-top:auto;border-top:1px solid var(--c-border, #F1F0ED);flex-shrink:0}.nb-btn{flex:1;height:42px;min-height:44px;border:none;border-radius:10px;font-size:var(--fs-md, 14px);font-weight:600;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit}.nb-btn.secondary{background:var(--c-input, #F1F0ED);color:var(--c-gray, #6B7280)}.nb-btn.primary{background:var(--c-primary, #EE2746);color:var(--c-white, #fff)}.nb-btn.primary:disabled{opacity:.4;cursor:not-allowed}.cp-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1500;display:flex;align-items:center;justify-content:center}.cp-dialog{width:280px;background:var(--c-white, #fff);border-radius:14px;overflow:hidden;box-shadow:0 8px 32px #0000002e}.cp-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--c-border, #F1F0ED);font-weight:600;color:var(--c-dark, #161823)}.cp-close{width:28px;height:28px;min-width:44px;min-height:44px;background:none;border:none;border-radius:6px;font-size:18px;color:var(--c-gray, #6B7280);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.cp-body{padding:16px}.cp-preview{width:100%;height:60px;border-radius:10px;margin-bottom:10px;border:1px solid var(--c-border, #F1F0ED)}.cp-input{width:100%;height:36px;min-height:44px;padding:0 12px;border:1.5px solid var(--c-border, #F1F0ED);border-radius:8px;font-size:14px;font-family:monospace;outline:none;color:var(--c-dark, #161823);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.cp-input:focus{border-color:var(--c-primary, #EE2746)}.cp-foot{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--c-border, #F1F0ED)}.cp-btn{flex:1;height:36px;min-height:44px;background:var(--c-input, #F1F0ED);color:var(--c-dark, #161823);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit}.cp-btn.primary{background:var(--c-primary, #EE2746);color:var(--c-white, #fff)}.bs2-root{height:100%;display:flex;flex-direction:column;background:var(--c-white, #fff);overflow:hidden}.bs2-empty{padding:40px 20px;text-align:center;color:var(--c-light, #9CA3AF);font-size:var(--fs-md, 14px)}.bs2-section{padding:14px 16px 0;flex-shrink:0}.bs2-section-head{font-size:var(--fs-sm, 12px);font-weight:var(--fw-semibold, 600);color:var(--c-gray, #6B7280);margin-bottom:10px}.bs2-name-row{position:relative}.bs2-name-input{width:100%;height:38px;min-height:44px;border:1px solid var(--c-border, #F1F0ED);border-radius:8px;padding:0 50px 0 12px;font-size:var(--fs-md, 14px);color:var(--c-dark, #161823);outline:none;background:var(--c-white, #fff);transition:border-color .15s;font-family:inherit;-webkit-tap-highlight-color:transparent}.bs2-name-input:focus{border-color:var(--c-primary, #EE2746)}.bs2-name-count{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--c-light, #9CA3AF);font-family:monospace;pointer-events:none}.bs2-dim-row{display:flex;align-items:center;gap:6px;margin-bottom:10px}.bs2-input-row{flex:1;display:flex;align-items:center;gap:6px;min-width:0}.bs2-input-row label{font-size:var(--fs-sm, 12px);color:var(--c-gray, #6B7280);width:24px;flex-shrink:0}.bs2-input-row input{flex:1;min-width:0;height:36px;min-height:44px;border:1px solid var(--c-border, #F1F0ED);border-radius:8px;padding:0 8px;font-size:var(--fs-md, 14px);color:var(--c-dark, #161823);outline:none;background:var(--c-white, #fff);font-family:monospace;-moz-appearance:textfield;-webkit-tap-highlight-color:transparent}.bs2-input-row input::-webkit-outer-spin-button,.bs2-input-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bs2-input-row input:focus{border-color:var(--c-primary, #EE2746)}.bs2-unit{font-size:var(--fs-xs, 11px);color:var(--c-gray, #6B7280);flex-shrink:0}.bs2-swap{width:30px;min-width:44px;height:36px;min-height:44px;background:var(--c-input, #F1F0ED);border:1px solid var(--c-border, #F1F0ED);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--c-gray, #6B7280);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .15s}.bs2-swap:hover{color:var(--c-primary, #EE2746)}.bs2-swap:active{transform:scale(.92)}.bs2-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.bs2-preset{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;min-height:44px;background:var(--c-input, #F1F0ED);border:1.5px solid transparent;border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .15s;font-family:inherit}.bs2-preset.active{background:var(--c-primary-soft);border-color:var(--c-primary, #EE2746)}.bs2-preset-name{font-size:var(--fs-xs, 11px);color:var(--c-dark, #161823);font-weight:var(--fw-semibold, 600)}.bs2-preset.active .bs2-preset-name{color:var(--c-primary, #EE2746)}.bs2-preset-dim{font-size:10px;color:var(--c-gray, #6B7280);font-family:monospace}.bs2-colors{display:grid;grid-template-columns:repeat(11,1fr);gap:6px}.bs2-color{width:100%;aspect-ratio:1;min-height:44px;border-radius:6px;border:1.5px solid transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .15s;padding:0}.bs2-color.active{border-color:var(--c-primary, #EE2746);box-shadow:0 0 0 2px var(--c-primary-ring);transform:scale(1.05)}.bs2-color-picker{width:100%;aspect-ratio:1;min-height:44px;border-radius:6px;border:1.5px dashed var(--c-border, #F1F0ED);cursor:pointer;background-size:6px 6px;background-image:linear-gradient(45deg,var(--c-input, #F1F0ED) 25%,transparent 25%),linear-gradient(-45deg,var(--c-input, #F1F0ED) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--c-input, #F1F0ED) 75%),linear-gradient(-45deg,transparent 75%,var(--c-input, #F1F0ED) 75%);background-position:0 0,0 3px,3px -3px,-3px 0;padding:0}.bs2-color-clear{width:100%;aspect-ratio:1;min-height:44px;border-radius:6px;border:1.5px solid var(--c-border, #F1F0ED);background:var(--c-white, #fff);color:var(--c-gray, #6B7280);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.bs2-color-clear:active{transform:scale(.92)}.bs2-radius{display:flex;flex-direction:column;gap:10px;position:relative}.bs2-radius-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--c-input, #F1F0ED);border-radius:2px;outline:none;margin:0}.bs2-radius-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--c-primary, #EE2746);border-radius:50%;cursor:pointer}.bs2-radius-slider::-moz-range-thumb{width:18px;height:18px;background:var(--c-primary, #EE2746);border-radius:50%;cursor:pointer;border:none}.bs2-radius-val{font-size:var(--fs-sm, 12px);color:var(--c-primary, #EE2746);font-weight:var(--fw-semibold, 600);font-family:monospace;align-self:flex-end;margin-top:-22px}.bs2-radius-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:4px}.bs2-radius-preset{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;min-height:44px;background:var(--c-input, #F1F0ED);border:1.5px solid transparent;border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .15s;font-family:inherit}.bs2-radius-preset.active{background:var(--c-primary-soft);border-color:var(--c-primary, #EE2746)}.bs2-radius-preview{width:28px;height:28px;background:var(--c-white, #fff);display:flex;align-items:center;justify-content:center}.bs2-radius-preview-inner{width:20px;height:20px;background:var(--c-dark, #161823)}.bs2-radius-preset.active .bs2-radius-preview-inner{background:var(--c-primary, #EE2746)}.bs2-radius-preset-label{font-size:10px;color:var(--c-gray, #6B7280)}.bs2-radius-preset.active .bs2-radius-preset-label{color:var(--c-primary, #EE2746);font-weight:var(--fw-semibold, 600)}.bs2-states{display:flex;gap:6px}.bs2-state{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:38px;min-height:44px;background:var(--c-input, #F1F0ED);border:1.5px solid transparent;border-radius:8px;font-size:var(--fs-sm, 12px);color:var(--c-gray, #6B7280);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .15s;font-family:inherit}.bs2-state.active{background:var(--c-primary-soft);border-color:var(--c-primary, #EE2746);color:var(--c-primary, #EE2746);font-weight:var(--fw-semibold, 600)}.bs2-footer{display:flex;gap:8px;padding:14px 16px;margin-top:auto;border-top:1px solid var(--c-border, #F1F0ED);flex-shrink:0}.bs2-btn{display:flex;align-items:center;justify-content:center;gap:4px;height:42px;min-height:44px;padding:0 12px;border:none;border-radius:10px;font-size:var(--fs-sm, 12px);font-weight:var(--fw-semibold, 600);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .15s;font-family:inherit}.bs2-btn.primary{background:var(--c-primary, #EE2746);color:var(--c-white, #fff);flex:1.5}.bs2-btn.primary:hover{background:var(--c-primary-hover, #D41E3C)}.bs2-btn.secondary{background:var(--c-input, #F1F0ED);color:var(--c-dark, #161823);flex:1}.bs2-btn.danger{background:var(--c-primary-soft-strong);color:var(--c-primary, #EE2746);flex:1}.bs2-btn:disabled{opacity:.4;cursor:not-allowed}.bs2-btn:not(:disabled):active{transform:scale(.97)}.mat-sheet{height:100%;display:flex;flex-direction:column;background:var(--c-white, #fff)}.ms-head{padding:12px 16px;border-bottom:1px solid var(--c-border, #F1F0ED);flex-shrink:0}.ms-search{display:flex;align-items:center;gap:8px;background:var(--c-input, #F1F0ED);border-radius:22px;padding:9px 14px}.ms-search input{flex:1;min-width:0;border:none;background:none;outline:none;font-size:var(--fs-md, 14px);color:var(--c-dark, #161823)}.ms-search input::placeholder{color:var(--c-light, #9CA3AF)}.ms-tabs{display:flex;gap:4px;padding:8px 16px 0;border-bottom:1px solid var(--c-border, #F1F0ED);flex-shrink:0}.ms-tab{flex:1;height:36px;min-height:44px;background:none;border:none;cursor:pointer;font-size:var(--fs-md, 14px);color:var(--c-gray, #6B7280);border-bottom:2px solid transparent;transition:all .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit}.ms-tab.active{color:var(--c-primary, #EE2746);border-bottom-color:var(--c-primary, #EE2746);font-weight:var(--fw-semibold, 600)}.ms-sub-tabs{display:flex;gap:6px;padding:10px 16px;overflow-x:auto;border-bottom:1px solid var(--c-border, #F1F0ED);flex-shrink:0;-webkit-overflow-scrolling:touch}.ms-sub-tabs::-webkit-scrollbar{display:none}.ms-sub-tab{flex-shrink:0;padding:4px 10px;min-height:28px;border-radius:12px;background:var(--c-input, #F1F0ED);color:var(--c-gray, #6B7280);font-size:var(--fs-sm, 12px);border:none;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit}.ms-sub-tab.active{background:var(--c-dark, #161823);color:var(--c-white, #fff)}.ms-grid{flex:1;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;-webkit-overflow-scrolling:touch}.ms-item{display:flex;flex-direction:column;gap:4px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ms-item:active{transform:scale(.97)}.ms-thumb{width:100%;aspect-ratio:1;border-radius:var(--r-sm, 6px);display:flex;align-items:center;justify-content:center;font-size:48px;position:relative;transition:transform .15s;background:linear-gradient(135deg,#ee2746,#fa7e23)}.ms-item:hover .ms-thumb{transform:scale(1.02)}.ms-emoji{text-shadow:0 2px 6px rgba(0,0,0,.2)}.ms-crown{position:absolute;top:6px;right:6px;width:18px;height:18px;background:#0006;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ms-name{font-size:var(--fs-xs, 11px);color:var(--c-gray, #6B7280);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--c-light, #9CA3AF)}.ms-empty-icon{font-size:36px}.ms-empty-text{font-size:var(--fs-sm, 12px)}.ms-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--c-light, #9CA3AF)}.ms-spin{animation:ms-spin .9s linear infinite}@keyframes ms-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ms-load-more{padding:12px 16px;border-top:1px solid var(--c-border, #F1F0ED);display:flex;justify-content:center;flex-shrink:0}.ms-load-btn{height:32px;min-height:44px;padding:0 18px;background:var(--c-input, #F1F0ED);color:var(--c-gray, #6B7280);border:none;border-radius:16px;font-size:var(--fs-sm, 12px);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit}.ms-load-btn:hover{background:var(--c-border, #E5E7EB)}.ms-load-btn:active{transform:scale(.97)}.ms-load-btn:disabled{opacity:.5;cursor:not-allowed}.tpl-sheet{display:flex;height:100%;background:var(--c-white, #fff)}.ts-cats{width:88px;background:var(--c-input, #F1F0ED);flex-shrink:0;overflow-y:auto;padding:8px 0;-webkit-overflow-scrolling:touch}.ts-cat{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;background:none;border:none;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit}.ts-cat:hover{background:#00000008}.ts-cat:active{transform:scale(.97)}.ts-cat.active{background:var(--c-white, #fff)}.ts-cat.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:var(--c-primary, #EE2746);border-radius:0 2px 2px 0}.ts-cat-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--c-white, #fff);font-size:var(--fs-md, 14px)}.ts-cat-name{font-size:var(--fs-xs, 11px);color:var(--c-gray, #6B7280)}.ts-cat.active .ts-cat-name{color:var(--c-primary, #EE2746);font-weight:var(--fw-semibold, 600)}.ts-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.ts-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--c-border, #F1F0ED);flex-shrink:0}.ts-title{font-size:var(--fs-lg, 16px);font-weight:var(--fw-bold, 700);color:var(--c-dark, #161823)}.ts-tabs{display:flex;gap:4px}.ts-tab{height:28px;min-height:44px;padding:0 10px;background:var(--c-input, #F1F0ED);border:none;border-radius:14px;font-size:var(--fs-sm, 12px);color:var(--c-gray, #6B7280);cursor:pointer;display:flex;align-items:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit}.ts-tab.active{background:var(--c-primary, #EE2746);color:var(--c-white, #fff)}.ts-grid{flex:1;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;-webkit-overflow-scrolling:touch}.ts-item{display:flex;flex-direction:column;background:var(--c-white, #fff);border-radius:var(--r-md, 10px);overflow:hidden;box-shadow:0 2px 8px #0000000f;cursor:pointer;position:relative;transition:transform .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ts-item:hover{transform:translateY(-2px)}.ts-item:active{transform:scale(.98)}.ts-thumb{height:140px;position:relative;display:flex;align-items:center;justify-content:center;padding:14px}.ts-thumb-content{text-align:center;width:100%}.ts-circle{width:36px;height:36px;border-radius:50%;background:#ffffff40;margin:0 auto 8px}.ts-bar{height:7px;background:#ffffffb3;border-radius:3px;margin:4px auto 0}.ts-category-tag{position:absolute;top:8px;left:8px;background:var(--c-orange, #FA7E23);color:var(--c-white, #fff);font-size:var(--fs-xs, 11px);font-weight:var(--fw-bold, 700);padding:2px 6px;border-radius:3px}.ts-like{position:absolute;top:6px;right:6px;width:24px;height:24px;background:#00000040;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ts-meta{padding:8px 10px 4px}.ts-name{font-size:var(--fs-md, 14px);font-weight:var(--fw-bold, 700);color:var(--c-dark, #161823);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-likes{display:flex;align-items:center;gap:3px;font-size:var(--fs-xs, 11px);color:var(--c-gray, #6B7280)}.ts-use-btn{margin:4px 10px 10px;height:28px;min-height:44px;background:var(--c-primary, #EE2746);color:var(--c-white, #fff);border:none;border-radius:6px;font-size:var(--fs-sm, 12px);font-weight:var(--fw-semibold, 600);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit}.ts-use-btn:hover{background:var(--c-primary-hover, #D41E3C)}.ts-use-btn:active{transform:scale(.97)}.ts-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--c-light, #9CA3AF)}.ts-empty-text{font-size:var(--fs-sm, 12px)}.filter-sheet{height:100%;display:flex;flex-direction:column;background:var(--c-white, #fff)}.fs-preview{padding:14px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;border-bottom:1px solid var(--c-border, #F1F0ED);flex-shrink:0}.fs-preview-box{width:80px;height:80px;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 8px #0000001a}.fs-preview-text{font-size:36px;font-weight:900;color:var(--c-white, #fff);text-shadow:0 2px 8px rgba(0,0,0,.2);line-height:1}.fs-preview-name{font-size:var(--fs-md, 14px);color:var(--c-dark, #161823);font-weight:var(--fw-semibold, 600)}.fs-section{padding:10px 16px 0;flex-shrink:0}.fs-section-head{font-size:var(--fs-sm, 12px);font-weight:var(--fw-semibold, 600);color:var(--c-gray, #6B7280);margin-bottom:8px}.fs-presets{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding-bottom:6px}.fs-preset{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;background:none;border:none;padding:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit}.fs-preset-thumb{width:100%;aspect-ratio:1 / 1;border-radius:var(--r-sm, 6px);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:var(--c-white, #fff);border:2px solid transparent;transition:all .15s;overflow:hidden}.fs-preset.active .fs-preset-thumb{border-color:var(--c-primary, #EE2746);transform:scale(1.05)}.fs-preset-name{font-size:10px;color:var(--c-gray, #6B7280);text-align:center;line-height:1.2}.fs-preset.active .fs-preset-name{color:var(--c-primary, #EE2746);font-weight:var(--fw-semibold, 600)}.fs-adjustments{display:flex;flex-direction:column;gap:4px;height:280px;overflow-y:auto;padding-right:4px;padding-bottom:4px;-webkit-overflow-scrolling:touch}.fs-adjust{padding:4px 0}.fs-adjust-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.fs-adjust-label{font-size:var(--fs-sm, 12px);color:var(--c-gray, #6B7280)}.fs-adjust-value-box{display:flex;align-items:center;gap:2px}.fs-step-btn{width:18px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--c-input, #F1F0ED);border:none;border-radius:4px;color:var(--c-gray, #6B7280);font-size:13px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.fs-step-btn:hover{background:var(--c-border, #E5E7EB);color:var(--c-dark, #161823)}.fs-step-btn:active{transform:scale(.9)}.fs-adjust-value,.fs-adjust-value-input{min-width:36px;height:20px;padding:0 4px;font-size:var(--fs-sm, 12px);color:var(--c-dark, #161823);font-weight:var(--fw-semibold, 600);font-family:ui-monospace,monospace;text-align:center;background:var(--c-input, #F1F0ED);border-radius:4px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;cursor:text}.fs-adjust-value:hover{background:var(--c-border, #E5E7EB)}.fs-adjust-value-input{cursor:text;outline:none;-moz-appearance:textfield}.fs-adjust-value-input::-webkit-outer-spin-button,.fs-adjust-value-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fs-adjust-value-input:focus{border-color:var(--c-primary, #EE2746);background:var(--c-white, #fff)}.fs-slider{width:100%;height:4px;background:var(--c-input, #F1F0ED);border-radius:2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.fs-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--c-primary, #EE2746);border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}.fs-slider::-moz-range-thumb{width:16px;height:16px;background:var(--c-primary, #EE2746);border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}.fs-footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--c-border, #F1F0ED);margin-top:auto;background:var(--c-white, #fff);flex-shrink:0}.fs-btn{flex:1;height:40px;min-height:44px;border:none;border-radius:10px;font-size:var(--fs-md, 14px);font-weight:var(--fw-semibold, 600);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit}.fs-btn.secondary{background:var(--c-input, #F1F0ED);color:var(--c-gray, #6B7280)}.fs-btn.secondary:hover{background:var(--c-border, #E5E7EB)}.fs-btn.primary{background:var(--c-primary, #EE2746);color:var(--c-white, #fff)}.fs-btn.primary:hover{background:var(--c-primary-hover, #D41E3C)}.fs-btn:active{transform:scale(.98)}.export-sheet{height:100%;display:flex;flex-direction:column;background:var(--c-white, #fff);overflow-y:auto;-webkit-overflow-scrolling:touch}.es-preview{display:flex;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--c-border, #F1F0ED);background:var(--c-input, #F1F0ED);flex-shrink:0}.es-preview-frame{background:var(--c-white, #fff);padding:6px;border-radius:4px;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.es-preview-inner{border-radius:2px}.es-meta{flex:1;min-width:0}.es-name{font-size:var(--fs-md, 14px);font-weight:var(--fw-bold, 700);color:var(--c-dark, #161823);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.es-dim{font-size:var(--fs-sm, 12px);color:var(--c-gray, #6B7280);font-family:ui-monospace,monospace}.es-est{font-size:11px;color:var(--c-light, #9CA3AF);margin-top:2px}.es-section{padding:12px 16px 0;flex-shrink:0}.es-section-head{font-size:var(--fs-sm, 12px);font-weight:var(--fw-semibold, 600);color:var(--c-gray, #6B7280);margin-bottom:8px}.es-filename{display:flex;align-items:center;background:var(--c-input, #F1F0ED);border-radius:8px;padding:0 8px;border:1px solid transparent;transition:background .15s,border-color .15s}.es-filename:focus-within{background:var(--c-white, #fff);border-color:var(--c-primary, #EE2746)}.es-filename input{flex:1;height:32px;font-size:var(--fs-md, 14px);color:var(--c-dark, #161823);padding:0;background:transparent;border:none;outline:none;-webkit-tap-highlight-color:transparent;font-family:inherit;min-width:0}.es-filename-ext{color:var(--c-gray, #6B7280);font-size:var(--fs-sm, 12px);font-family:ui-monospace,monospace;flex-shrink:0}.es-formats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.es-format{background:var(--c-input, #F1F0ED);border:1.5px solid transparent;border-radius:var(--r-sm, 6px);padding:10px 8px;cursor:pointer;text-align:left;transition:all .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit}.es-format:hover{border-color:var(--c-border, #F1F0ED)}.es-format:active{transform:scale(.97)}.es-format.active{border-color:var(--c-primary, #EE2746);background:var(--c-primary-soft)}.es-format-name{font-size:var(--fs-md, 14px);font-weight:var(--fw-bold, 700);color:var(--c-dark, #161823);display:flex;align-items:center;gap:4px}.es-format.active .es-format-name{color:var(--c-primary, #EE2746)}.es-format-desc{font-size:var(--fs-xs, 11px);color:var(--c-gray, #6B7280);margin-top:2px;line-height:1.2}.es-quals,.es-scales{display:flex;gap:6px}.es-qual,.es-scale{flex:1;height:32px;min-height:44px;background:var(--c-input, #F1F0ED);border:1px solid transparent;border-radius:6px;font-size:var(--fs-sm, 12px);color:var(--c-dark, #161823);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit;transition:all .15s}.es-qual:active,.es-scale:active{transform:scale(.97)}.es-qual.active,.es-scale.active{background:var(--c-primary, #EE2746);color:var(--c-white, #fff);border-color:var(--c-primary, #EE2746)}.es-quality-slider-row{margin-top:6px}.es-quality-slider,.es-scale-slider{width:100%;height:4px;background:var(--c-input, #F1F0ED);border-radius:2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.es-quality-slider::-webkit-slider-thumb,.es-scale-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--c-primary, #EE2746);border-radius:50%;cursor:pointer}.es-quality-slider::-moz-range-thumb,.es-scale-slider::-moz-range-thumb{width:14px;height:14px;background:var(--c-primary, #EE2746);border-radius:50%;cursor:pointer;border:none}.es-custom-scale{display:flex;align-items:center;gap:6px;margin-top:6px}.es-custom-scale .es-scale-slider{flex:1}.es-scale-input{width:60px;height:28px;min-height:44px;background:var(--c-input, #F1F0ED);border:1px solid transparent;border-radius:6px;text-align:center;font-size:var(--fs-sm, 12px);font-family:ui-monospace,monospace;color:var(--c-dark, #161823);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;-webkit-tap-highlight-color:transparent}.es-scale-input::-webkit-outer-spin-button,.es-scale-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.es-scale-input:focus{background:var(--c-white, #fff);border-color:var(--c-primary, #EE2746);outline:none}.es-scale-unit{font-size:var(--fs-sm, 12px);color:var(--c-gray, #6B7280);flex-shrink:0}.es-radios{display:flex;flex-direction:column;gap:6px}.es-radio{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--c-input, #F1F0ED);border:1.5px solid transparent;border-radius:8px;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit;transition:all .15s}.es-radio:hover{background:var(--c-border, #E5E7EB)}.es-radio:active{transform:scale(.98)}.es-radio.active{border-color:var(--c-primary, #EE2746);background:var(--c-primary-soft)}.es-radio-dot{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--c-light, #9CA3AF);background:var(--c-white, #fff);flex-shrink:0;margin-top:1px;position:relative}.es-radio.active .es-radio-dot{border-color:var(--c-primary, #EE2746)}.es-radio.active .es-radio-dot:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:var(--c-primary, #EE2746)}.es-radio-content{flex:1;min-width:0}.es-radio-name{font-size:var(--fs-sm, 12px);font-weight:var(--fw-semibold, 600);color:var(--c-dark, #161823)}.es-radio.active .es-radio-name{color:var(--c-primary, #EE2746)}.es-radio-desc{font-size:11px;color:var(--c-gray, #6B7280);margin-top:1px}.es-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:12px}.es-toggle-info{flex:1;min-width:0}.es-toggle-name{font-size:var(--fs-sm, 12px);font-weight:var(--fw-semibold, 600);color:var(--c-dark, #161823)}.es-toggle-desc{font-size:11px;color:var(--c-gray, #6B7280);margin-top:1px}.es-switch{width:38px;height:22px;min-width:44px;min-height:44px;background:var(--c-border, #E5E7EB);border:none;border-radius:11px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0;padding:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.es-switch.on{background:var(--c-primary, #EE2746)}.es-switch-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--c-white, #fff);border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.es-switch.on .es-switch-knob{transform:translate(16px)}.es-progress-wrap{padding:10px 16px 0;flex-shrink:0}.es-progress-label{display:flex;justify-content:space-between;font-size:var(--fs-sm, 12px);color:var(--c-gray, #6B7280);margin-bottom:4px}.es-progress-pct{font-family:ui-monospace,monospace;color:var(--c-primary, #EE2746);font-weight:var(--fw-semibold, 600)}.es-progress-bar{width:100%;height:4px;background:var(--c-input, #F1F0ED);border-radius:2px;overflow:hidden}.es-progress-fill{height:100%;background:linear-gradient(to right,var(--c-orange, #FA7E23),var(--c-primary, #EE2746));border-radius:2px;transition:width .15s}.es-footer{display:flex;gap:8px;padding:14px 16px;margin-top:auto;border-top:1px solid var(--c-border, #F1F0ED);background:var(--c-white, #fff);flex-shrink:0}.es-btn{flex:1;height:42px;min-height:44px;border:none;border-radius:10px;font-size:var(--fs-md, 14px);font-weight:var(--fw-semibold, 600);display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit;transition:all .15s}.es-btn.secondary{background:var(--c-input, #F1F0ED);color:var(--c-gray, #6B7280)}.es-btn.secondary:disabled{opacity:.5}.es-btn.primary{background:var(--c-primary, #EE2746);color:var(--c-white, #fff)}.es-btn.primary:hover{background:var(--c-primary-hover, #D41E3C)}.es-btn.primary:disabled{opacity:.5;cursor:not-allowed}.es-btn:active:not(:disabled){transform:scale(.98)}.es-btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--c-white, #fff);border-radius:50%;animation:es-spin .8s linear infinite}@keyframes es-spin{to{transform:rotate(360deg)}}.resize-sheet{height:100%;display:flex;flex-direction:column;background:var(--c-white, #fff);overflow-y:auto;-webkit-overflow-scrolling:touch}.rs-section{padding:12px 16px 0;flex-shrink:0}.rs-section-head{font-size:var(--fs-sm, 12px);font-weight:var(--fw-semibold, 600);color:var(--c-gray, #6B7280);margin-bottom:8px}.rs-current{background:var(--c-input, #F1F0ED);padding:12px 14px;border-radius:var(--r-md, 10px);display:flex;justify-content:space-between;align-items:center}.rs-current-name{font-size:var(--fs-md, 14px);font-weight:var(--fw-semibold, 600);color:var(--c-dark, #161823)}.rs-current-dim{font-size:var(--fs-md, 14px);color:var(--c-primary, #EE2746);font-family:monospace;font-weight:var(--fw-semibold, 600)}.rs-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rs-preset{background:var(--c-input, #F1F0ED);border:1.5px solid transparent;border-radius:var(--r-sm, 6px);padding:10px 8px;min-height:44px;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .15s;font-family:inherit}.rs-preset:active{transform:scale(.97)}.rs-preset.active{border-color:var(--c-primary, #EE2746);background:var(--c-primary-soft)}.rs-preset-name{font-size:var(--fs-sm, 12px);color:var(--c-dark, #161823);font-weight:var(--fw-semibold, 600)}.rs-preset.active .rs-preset-name{color:var(--c-primary, #EE2746)}.rs-preset-dim{font-size:var(--fs-xs, 11px);color:var(--c-gray, #6B7280);font-family:monospace;margin-top:2px}.rs-custom{display:flex;flex-direction:column;gap:8px}.rs-input-row{display:flex;align-items:center;gap:10px}.rs-input-row label{font-size:var(--fs-sm, 12px);color:var(--c-gray, #6B7280);width:24px;flex-shrink:0}.rs-input-row input{flex:1;height:36px;min-height:44px;border:1px solid var(--c-border, #F1F0ED);border-radius:8px;padding:0 10px;font-size:var(--fs-md, 14px);color:var(--c-dark, #161823);outline:none;background:var(--c-white, #fff);font-family:monospace;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;-webkit-tap-highlight-color:transparent}.rs-input-row input::-webkit-outer-spin-button,.rs-input-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rs-input-row input:focus{border-color:var(--c-primary, #EE2746)}.rs-unit{font-size:var(--fs-sm, 12px);color:var(--c-gray, #6B7280);flex-shrink:0}.rs-apply{height:36px;min-height:44px;background:var(--c-dark, #161823);color:var(--c-white, #fff);border:none;border-radius:8px;font-size:var(--fs-sm, 12px);font-weight:var(--fw-semibold, 600);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit;transition:all .15s}.rs-apply:hover{background:#000}.rs-apply:active:not(:disabled){transform:scale(.97)}.rs-apply:disabled{opacity:.4;cursor:not-allowed}.rs-toggle-row{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--c-input, #F1F0ED);border-radius:var(--r-md, 10px)}.rs-toggle-text{flex:1;min-width:0}.rs-toggle-title{font-size:var(--fs-sm, 12px);color:var(--c-dark, #161823);font-weight:var(--fw-semibold, 600)}.rs-toggle-desc{font-size:10px;color:var(--c-gray, #6B7280);margin-top:2px;line-height:1.3}.rs-toggle{width:40px;height:22px;min-width:44px;min-height:44px;background:none;border:none;border-radius:11px;background-color:var(--c-border, #E5E7EB);position:relative;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .2s;flex-shrink:0}.rs-toggle.active{background-color:var(--c-primary, #EE2746)}.rs-toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--c-white, #fff);border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s}.rs-toggle.active .rs-toggle-knob{transform:translate(18px)}.rs-bg-colors{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.rs-bg-color{width:100%;aspect-ratio:1;min-height:44px;border-radius:6px;border:1.5px solid transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .15s;padding:0}.rs-bg-color:active{transform:scale(.92)}.rs-bg-color.active{border-color:var(--c-primary, #EE2746);box-shadow:0 0 0 2px var(--c-primary-ring)}.rs-bg-color-picker{width:100%;aspect-ratio:1;min-height:44px;border-radius:6px;border:1.5px dashed var(--c-border, #F1F0ED);cursor:pointer;background-size:6px 6px;background-image:linear-gradient(45deg,var(--c-input, #F1F0ED) 25%,transparent 25%),linear-gradient(-45deg,var(--c-input, #F1F0ED) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--c-input, #F1F0ED) 75%),linear-gradient(-45deg,transparent 75%,var(--c-input, #F1F0ED) 75%);background-position:0 0,0 3px,3px -3px,-3px 0;padding:0}.rs-bg-color-clear{width:100%;aspect-ratio:1;min-height:44px;border-radius:6px;border:1.5px solid var(--c-border, #F1F0ED);background:var(--c-white, #fff);color:var(--c-gray, #6B7280);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:0}.rs-bg-color-clear:active{transform:scale(.92)}.rs-footer{display:flex;gap:8px;padding:14px 16px;margin-top:auto;border-top:1px solid var(--c-border, #F1F0ED);flex-shrink:0}.rs-btn{flex:1;height:42px;min-height:44px;border:none;border-radius:10px;font-size:var(--fs-md, 14px);font-weight:var(--fw-semibold, 600);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit;transition:all .15s}.rs-btn.secondary{background:var(--c-input, #F1F0ED);color:var(--c-gray, #6B7280)}.rs-btn.secondary:hover{background:var(--c-border, #E5E7EB)}.rs-btn.primary{background:var(--c-primary, #EE2746);color:var(--c-white, #fff)}.rs-btn.primary:hover{background:var(--c-primary-hover, #D41E3C)}.rs-btn.primary:active{transform:scale(.97)}.lcm-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:999;-webkit-tap-highlight-color:transparent}.lcm-root{position:fixed;z-index:1000;width:256px;background:var(--c-white, #fff);border-radius:12px;box-shadow:0 8px 32px #00000026;overflow:hidden;animation:lcm-enter .18s cubic-bezier(.16,1,.3,1)}@keyframes lcm-enter{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.lcm-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--c-border, #E5E5E5)}.lcm-head-info{flex:1;min-width:0}.lcm-head-title{font-size:var(--fs-base, 13px);font-weight:var(--fw-bold, 700);color:var(--c-dark, #161823);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.lcm-head-sub{font-size:var(--fs-xs, 10px);color:var(--c-gray, #6B7280);margin-top:1px}.lcm-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--c-input, #F1F0ED);color:var(--c-gray, #6B7280);cursor:pointer;border:none;flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .15s}.lcm-close:hover{background:var(--c-border, #E5E5E5)}.lcm-section{padding:8px 14px 10px}.lcm-section+.lcm-section{border-top:1px solid var(--c-border, #E5E5E5)}.lcm-section-label{font-size:var(--fs-xs, 10px);color:var(--c-gray, #6B7280);margin-bottom:6px;letter-spacing:.2px}.lcm-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.lcm-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;background:var(--c-input, #F1F0ED);border:none;border-radius:var(--r-sm, 6px);cursor:pointer;color:var(--c-dark, #161823);font-size:var(--fs-xs, 10px);transition:all .15s ease-out;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:44px}.lcm-cell:hover:not(:disabled){background:var(--c-border, #E5E5E5)}.lcm-cell:active:not(:disabled){transform:scale(.94);transition:transform .08s ease-out}.lcm-cell:disabled{opacity:.35;cursor:not-allowed}.lcm-cell.danger{color:var(--c-danger)}.lcm-cell.danger:hover:not(:disabled){background:var(--c-danger-soft)}.tep-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:tep-fade-in .2s ease}@keyframes tep-fade-in{0%{opacity:0}to{opacity:1}}.tep-dialog{width:100%;max-width:420px;max-height:80vh;background:var(--c-white);border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #0000004d;display:flex;flex-direction:column;animation:tep-pop-in .25s cubic-bezier(.34,1.56,.64,1)}@keyframes tep-pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.tep-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--c-border);flex-shrink:0}.tep-title{font-size:14px;font-weight:600;color:var(--c-dark)}.tep-close{background:none;border:none;cursor:pointer;padding:4px;color:var(--c-gray);display:flex;-webkit-tap-highlight-color:transparent}.tep-body{padding:16px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex:1}.tep-field{display:flex;flex-direction:column;gap:6px}.tep-field label{font-size:12px;color:var(--c-gray);font-weight:600}.tep-field textarea,.tep-field input[type=text]{width:100%;border:1px solid var(--c-border);border-radius:8px;padding:8px 10px;font-size:13px;outline:none;resize:vertical;font-family:inherit;background:var(--c-white);color:var(--c-dark)}.tep-field textarea:focus{border-color:var(--c-primary)}.tep-row{flex-direction:row;align-items:center;gap:12px}.tep-half{flex:1;display:flex;flex-direction:column;gap:4px}.tep-half input[type=range]{width:100%;height:4px;background:var(--c-input);border-radius:2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.tep-half input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--c-primary);border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}.tep-half input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--c-primary);border-radius:50%;cursor:pointer;border:2px solid #fff}.tep-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tep-preset{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:var(--c-input);border:2px solid transparent;border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s;touch-action:manipulation}.tep-preset:active{background:var(--c-border)}.tep-preset.active{border-color:var(--c-primary);background:var(--c-primary-soft)}.tep-preset-preview{line-height:1}.tep-preset-name{font-size:11px;color:var(--c-gray)}.tep-fonts{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.tep-font{flex-shrink:0;padding:6px 12px;background:var(--c-input);border:1px solid transparent;border-radius:6px;font-size:12px;color:var(--c-gray);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tep-font.active{background:var(--c-primary);color:var(--c-white)}.tep-tools{flex-direction:row;gap:4px;align-items:center}.tep-tool{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--c-input);border:1px solid transparent;border-radius:8px;color:var(--c-gray);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,color .15s;touch-action:manipulation}.tep-tool:active{background:var(--c-border)}.tep-tool.active{background:var(--c-primary);color:var(--c-white)}.tep-spacer{flex:1}.tep-color-box{display:flex;flex-direction:column;gap:4px;width:64px}.tep-color-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--c-border);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tep-foot{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--c-border);flex-shrink:0}.tep-btn{flex:1;height:40px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s,transform .1s;touch-action:manipulation}.tep-btn:active{transform:scale(.98)}.tep-btn.ghost{background:var(--c-input);color:var(--c-gray)}.tep-btn.primary{background:var(--c-primary);color:var(--c-white)}:root{--c-primary: #EE2746;--c-orange: #FA7E23;--c-yellow: #FCD337;--c-green: #5BA633;--c-teal: #108B96;--c-indigo: #1661AB;--c-purple: #8A1874;--c-dark: #161823;--c-silver: #F1F0ED;--c-white: #FFFFFF;--c-gray: #636E72;--c-light: #B2BEC3;--c-border: #E8ECF0;--c-input: #F5F6FA;--c-primary-hover: #D41E3C;--c-primary-soft: rgba(238, 39, 70, .07);--c-primary-soft-faint: rgba(238, 39, 70, .04);--c-primary-soft-strong: rgba(238, 39, 70, .1);--c-primary-ring: rgba(238, 39, 70, .25);--c-danger: #FF3B30;--c-danger-soft: rgba(255, 59, 48, .1);--c-danger-ring: rgba(255, 59, 48, .3);--c-success: #10B981;--c-warning: #F59E0B;--c-error: #EF4444;--surface-editor: #F0F1F5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 32px rgba(0, 0, 0, .12);--shadow-sheet: 0 -8px 32px rgba(0, 0, 0, .08);--shadow-primary: 0 4px 16px rgba(238, 39, 70, .4);--shadow-orange: 0 4px 16px rgba(250, 126, 35, .4);--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-2xl: 24px;--r-full: 9999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--fs-xs: 10px;--fs-sm: 11px;--fs-base: 13px;--fs-md: 14px;--fs-lg: 15px;--fs-xl: 17px;--fs-2xl: 20px;--fs-3xl: 22px;--fs-4xl: 26px;--fs-5xl: 32px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 900;--z-base: 1;--z-toolbar: 10;--z-overlay: 100;--z-sheet: 1000;--z-modal: 2000;--z-toast: 3000;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--canvas-bg: #f0f2f5;--canvas-grid: #d0d4dc}.h5-editor-root,.h5-editor-root *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.h5-editor-root{height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,Source Han Sans CN,sans-serif;font-size:var(--fs-md);color:var(--c-dark);background:var(--c-silver);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}.h5-editor-root button{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:none;padding:0;margin:0;cursor:pointer;outline:none}.h5-editor-root input,.h5-editor-root textarea,.h5-editor-root select{font-family:inherit;font-size:inherit;color:inherit;outline:none;border:none;background:transparent}.h5-editor-root ul,.h5-editor-root ol{margin:0;padding:0;list-style:none}.h5-editor-root h1,.h5-editor-root h2,.h5-editor-root h3,.h5-editor-root h4,.h5-editor-root h5,.h5-editor-root h6,.h5-editor-root p{margin:0}.h5-editor-root ::-webkit-scrollbar{width:4px;height:4px}.h5-editor-root ::-webkit-scrollbar-track{background:transparent}.h5-editor-root ::-webkit-scrollbar-thumb{background:#0000001f;border-radius:2px}.h5-editor-root ::-webkit-scrollbar-thumb:hover{background:#0000003d}.h5-editor-root .text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h5-editor-root .tap-active{transition:opacity .1s}.h5-editor-root .tap-active:active{opacity:.6}.h5-editor-root .app-bg{background:radial-gradient(at 20% 0%,rgba(238,39,70,.06) 0px,transparent 50%),radial-gradient(at 80% 100%,rgba(16,139,150,.06) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(252,211,55,.05) 0px,transparent 50%),var(--c-silver)}.editor-screen{display:flex;flex-direction:column;height:100%;background:var(--surface-editor, #F0F1F5);position:relative;overflow:hidden}.top-toolbar{display:flex;align-items:center;gap:4px;height:48px;padding:0 8px;background:var(--c-white, #fff);border-bottom:1px solid var(--c-border, #E5E5E5);flex-shrink:0;z-index:10}.tb-btn{width:40px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--c-gray, #6B7280);cursor:pointer;border:none;background:none;transition:background .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tb-btn:hover:not(:disabled){background:var(--c-input, #F1F0ED)}.tb-btn:disabled{opacity:.3;cursor:not-allowed}.tb-title{flex:1;text-align:center;font-size:var(--fs-md, 14px);font-weight:var(--fw-semibold, 600);color:var(--c-dark, #161823);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:6px}.tb-dot{width:6px;height:6px;border-radius:50%;background:var(--c-orange, #FA7E23);flex-shrink:0}.tb-dot.saving{background:var(--c-primary, #EE2746);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.tb-right{display:flex;align-items:center;gap:4px}.tb-export{background:var(--c-primary, #EE2746);border:none;border-radius:8px;padding:10px 14px;min-height:40px;font-size:var(--fs-base, 13px);color:var(--c-white, #fff);cursor:pointer;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tb-export:hover{background:var(--c-primary-hover, #D41E3C)}.main-area{flex:1;display:flex;overflow:hidden;position:relative}.canvas-wrap{flex:1;position:relative;overflow:hidden;background:radial-gradient(circle,var(--canvas-grid, #d0d4dc) .8px,transparent .8px) 0 0 / 20px 20px,var(--canvas-bg, #f0f2f5);display:flex}.zoom-controls{position:absolute;top:8px;right:8px;background:#fffffff2;border:1px solid var(--c-border, #E5E5E5);border-radius:18px;padding:4px 6px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:5;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #0000000f}.zoom-btn{width:36px;height:36px;background:none;border:none;border-radius:18px;color:var(--c-gray, #6B7280);cursor:pointer;font-size:17px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.zoom-btn:hover{background:var(--c-input, #F1F0ED);color:var(--c-dark, #161823)}.zoom-btn.active{background:var(--c-primary, #EE2746);color:var(--c-white, #fff)}.zoom-btn.fit{width:auto;padding:0 12px;font-size:var(--fs-sm, 12px)}.zoom-display{font-size:var(--fs-sm, 12px);color:var(--c-gray, #6B7280);font-weight:var(--fw-medium, 500);min-width:48px;text-align:center;cursor:pointer;padding:0 4px}.zoom-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;background:var(--c-white, #fff);border:1px solid var(--c-border, #E5E5E5);border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:4px;display:flex;gap:2px;flex-wrap:nowrap;max-width:320px}.zoom-menu-item{padding:4px 10px;background:none;border:none;border-radius:6px;font-size:var(--fs-sm, 12px);color:var(--c-gray, #6B7280);cursor:pointer;white-space:nowrap}.zoom-menu-item:hover{background:var(--c-input, #F1F0ED)}.zoom-menu-item.active{background:var(--c-primary, #EE2746);color:var(--c-white, #fff)}.align-toolbar{position:absolute;left:50%;bottom:130px;transform:translate(-50%);display:flex;align-items:center;gap:2px;background:#fffffffa;border:1px solid var(--c-border, #E5E5E5);border-radius:12px;padding:4px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:6;box-shadow:0 4px 16px #00000014}.at-btn{width:40px;height:40px;background:none;border:none;border-radius:8px;color:var(--c-gray, #6B7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.at-btn:hover{background:var(--c-input, #F1F0ED);color:var(--c-dark, #161823)}.at-divider{width:1px;height:18px;background:var(--c-border, #E5E5E5);margin:0 4px}.shape-picker{background:var(--c-white, #fff);border-top:1px solid var(--c-border, #E5E5E5);flex-shrink:0;overflow:hidden}.sp-scroll{display:flex;gap:4px;padding:8px;overflow-x:auto;align-items:center;min-height:56px}.sp-item{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;flex-shrink:0;width:44px;background:none;border:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sp-thumb{width:36px;height:36px;background:var(--c-input, #F1F0ED);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease-out}.sp-item:hover .sp-thumb{transform:translateY(-2px);background:var(--c-border, #E5E5E5)}.sp-item:active .sp-thumb{background:var(--c-border, #E5E5E5);transform:scale(.94);transition:transform .08s ease-out}.pencil-panel{background:var(--c-white, #fff);border-top:1px solid var(--c-border, #E5E5E5);flex-shrink:0;overflow:hidden;padding:12px;display:flex;flex-direction:column;gap:12px}.ppl-section{display:flex;flex-direction:column;gap:6px}.ppl-label{font-size:11px;color:var(--c-gray, #6B7280);font-weight:600;letter-spacing:.3px;padding-left:2px}.ppl-row{display:flex;gap:6px}.ppl-brush-btn{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:6px 4px 4px;border:1.5px solid var(--c-border, #E5E5E5);border-radius:10px;background:var(--c-white, #fff);cursor:pointer;transition:all .2s ease-out;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex:1}.ppl-brush-btn:active{transform:scale(.95);transition:transform .1s ease-out}.ppl-brush-btn.active{border-color:var(--c-primary, #EE2746);background:var(--c-primary-soft, rgba(238, 39, 70, .07))}.ppl-brush-svg{width:30px;height:30px;color:var(--c-gray, #6B7280);transition:color .2s ease-out}.ppl-brush-btn.active .ppl-brush-svg{color:var(--c-primary, #EE2746)}.ppl-eraser-svg{display:flex;align-items:center;justify-content:center}.ppl-brush-name{font-size:10px;color:var(--c-gray, #6B7280);white-space:nowrap;transition:color .2s ease-out}.ppl-brush-btn.active .ppl-brush-name{color:var(--c-primary, #EE2746);font-weight:600}.ppl-color-row{display:flex;gap:6px;align-items:center}.ppl-color-picker{width:40px;height:40px;border-radius:8px;border:2px solid var(--c-border, #E5E5E5);cursor:pointer;transition:all .2s ease-out;flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ppl-color-picker:active{transform:scale(.93)}.ppl-color-swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease-out;flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ppl-color-swatch:active{transform:scale(.9)}.ppl-color-swatch.active{border-color:var(--c-primary, #EE2746);box-shadow:0 0 0 2px var(--c-primary-ring, rgba(238, 39, 70, .25))}.ppl-width-presets{display:flex;gap:4px}.ppl-width-btn{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;padding:5px 3px 3px;border:1.5px solid var(--c-border, #E5E5E5);border-radius:8px;background:var(--c-white, #fff);cursor:pointer;transition:all .2s ease-out;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ppl-width-btn:active{transform:scale(.95)}.ppl-width-btn.active{border-color:var(--c-primary, #EE2746);background:var(--c-primary-soft, rgba(238, 39, 70, .07))}.ppl-width-svg{width:36px;height:16px;color:var(--c-gray, #6B7280);transition:color .2s ease-out}.ppl-width-btn.active .ppl-width-svg{color:var(--c-primary, #EE2746)}.ppl-width-label{font-size:9px;color:var(--c-gray, #6B7280);white-space:nowrap;transition:color .2s ease-out}.ppl-width-btn.active .ppl-width-label{color:var(--c-primary, #EE2746);font-weight:600}.pen-toolbar{position:absolute;left:50%;bottom:16px;transform:translate(-50%);background:#fffffffa;border:1px solid var(--c-border, #E8ECF0);border-radius:14px;padding:6px;box-shadow:0 6px 24px #0000001f;display:flex;align-items:center;justify-content:center;gap:4px;z-index:7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:auto;max-width:calc(100vw - 24px);flex-wrap:nowrap}.pt-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.pt-btn{min-width:44px;width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--c-input, #F5F6FA);border:1.5px solid transparent;border-radius:10px;color:var(--c-dark, #161823);cursor:pointer;transition:background .15s,color .15s,transform .1s ease-out,border-color .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-shrink:0}.pt-btn:active:not(:disabled){transform:scale(.92)}.pt-btn:hover:not(:disabled){background:var(--c-primary-soft, rgba(238, 39, 70, .07));border-color:var(--c-primary-ring, rgba(238, 39, 70, .25));color:var(--c-primary, #EE2746)}.pt-btn:disabled{opacity:.35;cursor:not-allowed}.pt-btn-danger{color:var(--c-gray, #636E72)}.pt-btn-danger:hover:not(:disabled){background:var(--c-danger-soft, rgba(255, 59, 48, .1));border-color:var(--c-danger-ring, rgba(255, 59, 48, .3));color:var(--c-danger, #FF3B30)}.bottom-toolbar{height:64px;background:var(--c-white, #fff);border-top:1px solid var(--c-border, #E8ECF0);display:flex;flex-shrink:0;overflow-x:auto;z-index:5}.tool-btn{width:64px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:10px 0;position:relative;transition:background .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tool-btn.active{background:var(--c-primary-soft, rgba(238, 39, 70, .07))}.tool-indicator{position:absolute;top:0;left:50%;transform:translate(-50%);width:22px;height:2.5px;background:var(--c-primary, #EE2746);border-radius:1.5px}.tool-btn span{font-size:12px;white-space:nowrap}.toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%);background:#161823eb;color:var(--c-white, #fff);padding:8px 16px;border-radius:20px;font-size:13px;z-index:2000;pointer-events:none;white-space:nowrap;box-shadow:0 4px 16px #0000002e}.toast-success{background:var(--c-success, #10B981)}.toast-warning{background:var(--c-warning, #F59E0B)}.toast-error{background:var(--c-error, #EF4444)}.slide-up-enter-active,.slide-up-leave-active{transition:all .25s ease-out}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(20px)}.fade-up-enter-active,.fade-up-leave-active{transition:all .2s ease-out}.fade-up-enter-from,.fade-up-leave-to{opacity:0;transform:translate(-50%,20px)}.toast-fade-enter-active,.toast-fade-leave-active{transition:all .2s ease-out}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0;transform:translate(-50%,10px)}.shape-picker,.pencil-panel,.pen-toolbar{animation:editor-slide-up .25s ease-out}.align-toolbar{animation:editor-fade-up .2s ease-out}.toast{animation:editor-toast-fade .2s ease-out}@keyframes editor-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes editor-fade-up{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes editor-toast-fade{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.selection-overlay{position:absolute;top:0;left:0;pointer-events:none;z-index:10;transform-origin:center center;will-change:transform,width,height}.sel-border{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid var(--c-primary, #EE2746);box-sizing:border-box}.sel-handle{position:absolute;width:8px;height:8px;background:#fff;border:1.5px solid var(--c-primary, #EE2746);border-radius:50%;box-shadow:0 1px 3px #ee274659;transform:translate(-50%,-50%);box-sizing:border-box}.sel-nw{top:0;left:0}.sel-n{top:0;left:50%}.sel-ne{top:0;left:100%}.sel-e{top:50%;left:100%}.sel-se{top:100%;left:100%}.sel-s{top:100%;left:50%}.sel-sw{top:100%;left:0}.sel-w{top:50%;left:0}.sel-rotate-line{position:absolute;top:-20px;left:50%;width:1.5px;height:20px;background:var(--c-primary, #EE2746);transform:translate(-50%)}.sel-rotate-handle{position:absolute;top:-20px;left:50%;width:12px;height:12px;background:#fff;border:1.5px solid var(--c-primary, #EE2746);border-radius:50%;box-shadow:0 1px 4px #ee274666;transform:translate(-50%,-50%);box-sizing:border-box}.sel-rotate-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:var(--c-primary, #EE2746);border-radius:50%}.selection-overlay.multi-select .sel-handle,.selection-overlay.multi-select .sel-rotate-line,.selection-overlay.multi-select .sel-rotate-handle{display:none}/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-600:oklch(66.6% .179 58.318);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-500:oklch(72.3% .219 149.579);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-2xl:0 25px 25px #00000026;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif}html,body,#root{height:100%}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-4{inset:calc(var(--spacing)*4)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-12{top:calc(var(--spacing)*-12)}.-top-32{top:calc(var(--spacing)*-32)}.top-0{top:calc(var(--spacing)*0)}.top-0\.5{top:calc(var(--spacing)*.5)}.top-1{top:calc(var(--spacing)*1)}.top-1\.5{top:calc(var(--spacing)*1.5)}.top-1\/2{top:50%}.top-1\/3{top:33.3333%}.top-2{top:calc(var(--spacing)*2)}.top-2\/3{top:66.6667%}.top-3{top:calc(var(--spacing)*3)}.top-8{top:calc(var(--spacing)*8)}.top-\[2px\]{top:2px}.top-full{top:100%}.-right-12{right:calc(var(--spacing)*-12)}.-right-32{right:calc(var(--spacing)*-32)}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-1\.5{right:calc(var(--spacing)*1.5)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.-bottom-1\.5{bottom:calc(var(--spacing)*-1.5)}.-bottom-12{bottom:calc(var(--spacing)*-12)}.-bottom-32{bottom:calc(var(--spacing)*-32)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-3{bottom:calc(var(--spacing)*3)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-9{bottom:calc(var(--spacing)*9)}.bottom-10{bottom:calc(var(--spacing)*10)}.bottom-16{bottom:calc(var(--spacing)*16)}.bottom-full{bottom:100%}.-left-12{left:calc(var(--spacing)*-12)}.-left-32{left:calc(var(--spacing)*-32)}.left-0{left:calc(var(--spacing)*0)}.left-0\.5{left:calc(var(--spacing)*.5)}.left-1\.5{left:calc(var(--spacing)*1.5)}.left-1\/2{left:50%}.left-1\/3{left:33.3333%}.left-2{left:calc(var(--spacing)*2)}.left-2\.5{left:calc(var(--spacing)*2.5)}.left-2\/3{left:66.6667%}.left-3{left:calc(var(--spacing)*3)}.left-5{left:calc(var(--spacing)*5)}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[60\]{z-index:60}.z-\[1001\]{z-index:1001}.z-\[9999\]{z-index:9999}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-auto{margin:auto}.-mx-0\.5{margin-inline:calc(var(--spacing)*-.5)}.-mx-1\.5{margin-inline:calc(var(--spacing)*-1.5)}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.mx-0\.5{margin-inline:calc(var(--spacing)*.5)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3{margin-inline:calc(var(--spacing)*3)}.mx-6{margin-inline:calc(var(--spacing)*6)}.mx-auto{margin-inline:auto}.my-0\.5{margin-block:calc(var(--spacing)*.5)}.my-1{margin-block:calc(var(--spacing)*1)}.my-1\.5{margin-block:calc(var(--spacing)*1.5)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-2\.5{margin-top:calc(var(--spacing)*2.5)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mr-0\.5{margin-right:calc(var(--spacing)*.5)}.mr-1{margin-right:calc(var(--spacing)*1)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-2\.5{margin-bottom:calc(var(--spacing)*2.5)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-16{margin-bottom:calc(var(--spacing)*16)}.mb-px{margin-bottom:1px}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-\[1\.6\/1\]{aspect-ratio:1.6}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[9\/16\]{aspect-ratio:9/16}.aspect-square{aspect-ratio:1}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-32{height:calc(var(--spacing)*32)}.h-40{height:calc(var(--spacing)*40)}.h-48{height:calc(var(--spacing)*48)}.h-64{height:calc(var(--spacing)*64)}.h-80{height:calc(var(--spacing)*80)}.h-\[16px\]{height:16px}.h-\[18px\]{height:18px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-32{max-height:calc(var(--spacing)*32)}.max-h-80{max-height:calc(var(--spacing)*80)}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-\[90vh\]{max-height:90vh}.min-h-\[32px\]{min-height:32px}.min-h-screen{min-height:100vh}.w-0\.5{width:calc(var(--spacing)*.5)}.w-1{width:calc(var(--spacing)*1)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-32{width:calc(var(--spacing)*32)}.w-40{width:calc(var(--spacing)*40)}.w-44{width:calc(var(--spacing)*44)}.w-48{width:calc(var(--spacing)*48)}.w-56{width:calc(var(--spacing)*56)}.w-64{width:calc(var(--spacing)*64)}.w-80{width:calc(var(--spacing)*80)}.w-\[3px\]{width:3px}.w-\[56px\]{width:56px}.w-\[90\%\]{width:90%}.w-\[240px\]{width:240px}.w-\[296px\]{width:296px}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[120px\]{max-width:120px}.max-w-\[1600px\]{max-width:1600px}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[3\.5rem\]{min-width:3.5rem}.min-w-\[20px\]{min-width:20px}.min-w-\[40px\]{min-width:40px}.min-w-\[80px\]{min-width:80px}.min-w-\[160px\]{min-width:160px}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-top-right{transform-origin:100% 0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[2px\]{--tw-translate-x:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[12px\]{--tw-translate-x:12px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[15px\]{--tw-translate-x:15px;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-\[0\.97\]{scale:.97}.-rotate-90{rotate:-90deg}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-copy{cursor:copy}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.\[appearance\:textfield\]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing)*3)}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-x-5{column-gap:calc(var(--spacing)*5)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[3px\]{border-radius:3px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-l-md{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-full{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-black\/5{border-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.border-black\/5{border-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.border-border,.border-border\/30{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/30{border-color:color-mix(in oklab,var(--border)30%,transparent)}}.border-border\/40{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/40{border-color:color-mix(in oklab,var(--border)40%,transparent)}}.border-border\/50{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,var(--border)50%,transparent)}}.border-border\/60{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/60{border-color:color-mix(in oklab,var(--border)60%,transparent)}}.border-primary,.border-primary\/30{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/30{border-color:color-mix(in oklab,var(--primary)30%,transparent)}}.border-primary\/50{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/50{border-color:color-mix(in oklab,var(--primary)50%,transparent)}}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.border-t-transparent{border-top-color:#0000}.bg-\[\#5B6AF0\]{background-color:#5b6af0}.bg-\[\#5B6AF0\]\/12{background-color:#5b6af01f}.bg-\[\#5B6AF0\]\/15{background-color:#5b6af026}.bg-\[\#EE2746\]{background-color:#ee2746}.bg-\[\#FEE7EB\]{background-color:#fee7eb}.bg-accent{background-color:var(--accent)}.bg-amber-50\/60{background-color:#fffbeb99}@supports (color:color-mix(in lab,red,red)){.bg-amber-50\/60{background-color:color-mix(in oklab,var(--color-amber-50)60%,transparent)}}.bg-background{background-color:var(--background)}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab,red,red)){.bg-black\/55{background-color:color-mix(in oklab,var(--color-black)55%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-black\/75{background-color:#000000bf}@supports (color:color-mix(in lab,red,red)){.bg-black\/75{background-color:color-mix(in oklab,var(--color-black)75%,transparent)}}.bg-border,.bg-border\/60{background-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.bg-border\/60{background-color:color-mix(in oklab,var(--border)60%,transparent)}}.bg-card,.bg-card\/80{background-color:var(--card)}@supports (color:color-mix(in lab,red,red)){.bg-card\/80{background-color:color-mix(in oklab,var(--card)80%,transparent)}}.bg-green-500{background-color:var(--color-green-500)}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/5{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/5{background-color:color-mix(in oklab,var(--primary)5%,transparent)}}.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.bg-secondary,.bg-secondary\/20{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/20{background-color:color-mix(in oklab,var(--secondary)20%,transparent)}}.bg-secondary\/30{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/30{background-color:color-mix(in oklab,var(--secondary)30%,transparent)}}.bg-secondary\/40{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/40{background-color:color-mix(in oklab,var(--secondary)40%,transparent)}}.bg-secondary\/50{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/50{background-color:color-mix(in oklab,var(--secondary)50%,transparent)}}.bg-secondary\/60{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/60{background-color:color-mix(in oklab,var(--secondary)60%,transparent)}}.bg-slate-200\/70{background-color:#e2e8f0b3}@supports (color:color-mix(in lab,red,red)){.bg-slate-200\/70{background-color:color-mix(in oklab,var(--color-slate-200)70%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.bg-white\/30{background-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab,red,red)){.bg-white\/40{background-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-white\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab,red,red)){.bg-white\/85{background-color:color-mix(in oklab,var(--color-white)85%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab,red,red)){.bg-white\/95{background-color:color-mix(in oklab,var(--color-white)95%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-black\/30{--tw-gradient-from:#0000004d}@supports (color:color-mix(in lab,red,red)){.from-black\/30{--tw-gradient-from:color-mix(in oklab,var(--color-black)30%,transparent)}}.from-black\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\/70{--tw-gradient-from:#000000b3}@supports (color:color-mix(in lab,red,red)){.from-black\/70{--tw-gradient-from:color-mix(in oklab,var(--color-black)70%,transparent)}}.from-black\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-primary{--tw-gradient-from:var(--primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-white\/50{--tw-gradient-via:#ffffff80}@supports (color:color-mix(in lab,red,red)){.via-white\/50{--tw-gradient-via:color-mix(in oklab,var(--color-white)50%,transparent)}}.via-white\/50{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-background{--tw-gradient-to:var(--background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-black\/25{--tw-gradient-to:#00000040}@supports (color:color-mix(in lab,red,red)){.to-black\/25{--tw-gradient-to:color-mix(in oklab,var(--color-black)25%,transparent)}}.to-black\/25{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-primary\/80{--tw-gradient-to:var(--primary)}@supports (color:color-mix(in lab,red,red)){.to-primary\/80{--tw-gradient-to:color-mix(in oklab,var(--primary)80%,transparent)}}.to-primary\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.fill-current{fill:currentColor}.fill-red-500{fill:var(--color-red-500)}.fill-yellow-400{fill:var(--color-yellow-400)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-12{padding:calc(var(--spacing)*12)}.p-16{padding:calc(var(--spacing)*16)}.p-20{padding:calc(var(--spacing)*20)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-7{padding-inline:calc(var(--spacing)*7)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-20{padding-block:calc(var(--spacing)*20)}.py-24{padding-block:calc(var(--spacing)*24)}.pt-0\.5{padding-top:calc(var(--spacing)*.5)}.pt-1\.5{padding-top:calc(var(--spacing)*1.5)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-12{padding-top:calc(var(--spacing)*12)}.pr-1\.5{padding-right:calc(var(--spacing)*1.5)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-3\.5{padding-right:calc(var(--spacing)*3.5)}.pr-5{padding-right:calc(var(--spacing)*5)}.pr-7{padding-right:calc(var(--spacing)*7)}.pr-14{padding-right:calc(var(--spacing)*14)}.pb-1\.5{padding-bottom:calc(var(--spacing)*1.5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-2\.5{padding-bottom:calc(var(--spacing)*2.5)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.pl-0\.5{padding-left:calc(var(--spacing)*.5)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-8{padding-left:calc(var(--spacing)*8)}.pl-14{padding-left:calc(var(--spacing)*14)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-bottom{vertical-align:bottom}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[9\.5px\]{font-size:9.5px}.text-\[9px\]{font-size:9px}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.\!leading-\[1\.6\]{--tw-leading:1.6!important;line-height:1.6!important}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.\!font-semibold{--tw-font-weight:var(--font-weight-semibold)!important;font-weight:var(--font-weight-semibold)!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.04em\]{--tw-tracking:.04em;letter-spacing:.04em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-\[\#5B6AF0\]{color:#5b6af0}.text-\[\#EE2746\]{color:#ee2746}.text-amber-600{color:var(--color-amber-600)}.text-foreground,.text-foreground\/55{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/55{color:color-mix(in oklab,var(--foreground)55%,transparent)}}.text-foreground\/70{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/70{color:color-mix(in oklab,var(--foreground)70%,transparent)}}.text-foreground\/80{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/80{color:color-mix(in oklab,var(--foreground)80%,transparent)}}.text-foreground\/85{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/85{color:color-mix(in oklab,var(--foreground)85%,transparent)}}.text-foreground\/90{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/90{color:color-mix(in oklab,var(--foreground)90%,transparent)}}.text-muted-foreground,.text-muted-foreground\/30{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/30{color:color-mix(in oklab,var(--muted-foreground)30%,transparent)}}.text-muted-foreground\/40{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/40{color:color-mix(in oklab,var(--muted-foreground)40%,transparent)}}.text-muted-foreground\/50{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/50{color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}.text-muted-foreground\/60{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/60{color:color-mix(in oklab,var(--muted-foreground)60%,transparent)}}.text-muted-foreground\/70{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/70{color:color-mix(in oklab,var(--muted-foreground)70%,transparent)}}.text-muted-foreground\/80{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/80{color:color-mix(in oklab,var(--muted-foreground)80%,transparent)}}.text-muted-foreground\/90{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/90{color:color-mix(in oklab,var(--muted-foreground)90%,transparent)}}.text-primary,.text-primary\/70{color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.text-primary\/70{color:color-mix(in oklab,var(--primary)70%,transparent)}}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-success{color:var(--success)}.text-white{color:var(--color-white)}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab,red,red)){.text-white\/85{color:color-mix(in oklab,var(--color-white)85%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white)90%,transparent)}}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-500{color:var(--color-yellow-500)}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.accent-primary{accent-color:var(--primary)}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_-2px_8px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0 -2px 8px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow\/glow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-\[\#5B6AF0\]{--tw-ring-color:#5b6af0}.ring-black\/5{--tw-ring-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.ring-black\/5{--tw-ring-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.ring-primary,.ring-primary\/20{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.ring-primary\/20{--tw-ring-color:color-mix(in oklab,var(--primary)20%,transparent)}}.ring-white{--tw-ring-color:var(--color-white)}.ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-2xl{--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[grid-template-rows\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.group-hover\:-translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-\[1\.04\]:is(:where(.group):hover *){scale:1.04}.group-hover\:border-primary:is(:where(.group):hover *){border-color:var(--primary)}.group-hover\:bg-secondary\/70:is(:where(.group):hover *){background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-secondary\/70:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--secondary)70%,transparent)}}.group-hover\:text-primary:is(:where(.group):hover *){color:var(--primary)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\/slider\:scale-110:is(:where(.group\/slider):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.group-active\/slider\:scale-95:is(:where(.group\/slider):active *){--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.focus-within\:border-primary:focus-within,.focus-within\:border-primary\/40:focus-within{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.focus-within\:border-primary\/40:focus-within{border-color:color-mix(in oklab,var(--primary)40%,transparent)}}.focus-within\:bg-card:focus-within{background-color:var(--card)}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-primary\/20:focus-within{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.focus-within\:ring-primary\/20:focus-within{--tw-ring-color:color-mix(in oklab,var(--primary)20%,transparent)}}.focus-within\:ring-primary\/30:focus-within{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.focus-within\:ring-primary\/30:focus-within{--tw-ring-color:color-mix(in oklab,var(--primary)30%,transparent)}}@media(hover:hover){.hover\:z-10:hover{z-index:10}.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-150:hover{--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-\[1\.01\]:hover{scale:1.01}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:gap-2:hover{gap:calc(var(--spacing)*2)}.hover\:border-primary:hover,.hover\:border-primary\/50:hover{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:border-primary\/50:hover{border-color:color-mix(in oklab,var(--primary)50%,transparent)}}.hover\:border-primary\/60:hover{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:border-primary\/60:hover{border-color:color-mix(in oklab,var(--primary)60%,transparent)}}.hover\:bg-accent:hover,.hover\:bg-accent\/5:hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-accent\/5:hover{background-color:color-mix(in oklab,var(--accent)5%,transparent)}}.hover\:bg-background:hover{background-color:var(--background)}.hover\:bg-black\/\[0\.015\]:hover{background-color:#00000004}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/\[0\.015\]:hover{background-color:color-mix(in oklab,var(--color-black)1.5%,transparent)}}.hover\:bg-primary\/5:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/5:hover{background-color:color-mix(in oklab,var(--primary)5%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-secondary:hover,.hover\:bg-secondary\/40:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/40:hover{background-color:color-mix(in oklab,var(--secondary)40%,transparent)}}.hover\:bg-secondary\/50:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/50:hover{background-color:color-mix(in oklab,var(--secondary)50%,transparent)}}.hover\:bg-secondary\/60:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/60:hover{background-color:color-mix(in oklab,var(--secondary)60%,transparent)}}.hover\:bg-secondary\/70:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/70:hover{background-color:color-mix(in oklab,var(--secondary)70%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/50:hover{background-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/50:hover{background-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.hover\:bg-white\/60:hover{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/60:hover{background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.hover\:bg-white\/70:hover{background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/70:hover{background-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.hover\:\!text-red-500:hover{color:var(--color-red-500)!important}.hover\:text-\[\#EE2746\]:hover{color:#ee2746}.hover\:text-foreground:hover,.hover\:text-foreground\/85:hover{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.hover\:text-foreground\/85:hover{color:color-mix(in oklab,var(--foreground)85%,transparent)}}.hover\:text-primary:hover{color:var(--primary)}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-primary:focus{border-color:var(--primary)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-primary:focus,.focus\:ring-primary\/20:focus{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-primary\/20:focus{--tw-ring-color:color-mix(in oklab,var(--primary)20%,transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[\#5B6AF0\]\/40:focus-visible{--tw-ring-color:oklab(58.6649% .0129148 -.199281/.4)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:scale-\[0\.92\]:active{scale:.92}.active\:scale-\[0\.95\]:active{scale:.95}.active\:scale-\[0\.97\]:active{scale:.97}.active\:scale-\[0\.98\]:active{scale:.98}.active\:scale-\[0\.99\]:active{scale:.99}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-black\/\[0\.03\]:active{background-color:#00000008}@supports (color:color-mix(in lab,red,red)){.active\:bg-black\/\[0\.03\]:active{background-color:color-mix(in oklab,var(--color-black)3%,transparent)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:shadow-md:disabled{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(hover:hover){.disabled\:hover\:scale-100:disabled:hover{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}}.disabled\:active\:scale-100:disabled:active{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}@media(min-width:40rem){.sm\:inset-8{inset:calc(var(--spacing)*8)}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:inline-block{display:inline-block}.sm\:aspect-square{aspect-ratio:1}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}}@media(min-width:48rem){.md\:block{display:block}.md\:flex{display:flex}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}@media(min-width:64rem){.lg\:inset-x-24{inset-inline:calc(var(--spacing)*24)}.lg\:inset-y-12{inset-block:calc(var(--spacing)*12)}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:block{display:block}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:gap-8{gap:calc(var(--spacing)*8)}.lg\:p-7{padding:calc(var(--spacing)*7)}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\:px-10{padding-inline:calc(var(--spacing)*10)}.lg\:py-10{padding-block:calc(var(--spacing)*10)}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media(min-width:80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:0 0}.scrollbar-thin::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}.scrollbar-none::-webkit-scrollbar{display:none}}:root{--font-size:16px;--background:#f8f9fe;--foreground:#1a1a2e;--card:#fff;--card-foreground:#1a1a2e;--popover:#fff;--popover-foreground:#1a1a2e;--primary:#ee2746;--primary-foreground:#fff;--secondary:#eef2ff;--secondary-foreground:#1a1a2e;--muted:#f1f5f9;--muted-foreground:#64748b;--accent:#fa7e23;--accent-foreground:#fff;--destructive:#8a1874;--destructive-foreground:#fff;--success:#5ba633;--info:#108b96;--warning:#fcd337;--border:#94a3b833;--input:transparent;--input-background:#f8fafc;--switch-background:#cbd5e1;--ring:#ee2746;--chart-1:#ee2746;--chart-2:#fa7e23;--chart-3:#5ba633;--chart-4:#108b96;--chart-5:#8a1874;--radius:1rem;--sidebar:#fff;--sidebar-foreground:#1a1a2e;--sidebar-primary:#ee2746;--sidebar-primary-foreground:#fff;--sidebar-accent:#eef2ff;--sidebar-accent-foreground:#1a1a2e;--sidebar-border:#94a3b833;--sidebar-ring:#ee2746;--gradient-primary:linear-gradient(135deg,#ee2746 0%,#fa7e23 100%);--gradient-secondary:linear-gradient(135deg,#108b96 0%,#5ba633 100%);--gradient-purple:linear-gradient(135deg,#8a1874 0%,#ee2746 100%);--gradient-blue:linear-gradient(135deg,#108b96 0%,#3b82f6 100%);--gradient-rainbow:linear-gradient(135deg,#ee2746 0%,#fa7e23 25%,#5ba633 50%,#108b96 75%,#8a1874 100%);--canvas-bg:#f1f0ed;--canvas-grid:#e0ddd8;--canvas-shadow:0 2px 8px #00000014;--statusbar-height:32px;--left-panel-width:240px;--right-panel-width:240px;--star-yellow:#fcd337;--shortcut-bg:#ffffffd9;--shortcut-border:#94a3b84d;--shortcut-text:#64748b}@keyframes dc-menu-in{0%{opacity:0;transform:scale(.92)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.left-panel{background:linear-gradient(#fff,#fafbfd)}.left-panel.scrollbar-thin::-webkit-scrollbar-thumb{background:#94a3b838;border-radius:4px;transition:background .2s}.left-panel.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#94a3b873}.nav-btn{width:40px;color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:6px 0;transition:background-color .15s,color .15s,transform .15s;display:flex}.nav-btn:hover:not(.is-active){background:var(--primary)}@supports (color:color-mix(in lab,red,red)){.nav-btn:hover:not(.is-active){background:color-mix(in oklab,var(--primary)5%,transparent)}}.nav-btn:hover:not(.is-active){color:var(--foreground)}.nav-btn:active:not(.is-disabled):not(:disabled){transform:scale(.94)}.nav-btn.is-active{background:var(--primary);color:var(--primary-foreground);box-shadow:0 2px 4px var(--primary)}@supports (color:color-mix(in lab,red,red)){.nav-btn.is-active{box-shadow:0 2px 4px color-mix(in oklab,var(--primary)30%,transparent)}}.search-input{background:var(--secondary);width:100%;color:var(--foreground);border:1px solid #0000;border-radius:4px;outline:none;min-width:0;padding:4px 8px 4px 26px;font-size:11px;transition:background-color .15s,border-color .15s,box-shadow .15s}.search-input::placeholder{color:var(--muted-foreground)}.search-input:hover:not(:focus){background:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.search-input:hover:not(:focus){background:color-mix(in oklab,var(--secondary)80%,var(--foreground)4%)}}.search-input:focus{background:var(--card);border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.search-input:focus{border-color:color-mix(in oklab,var(--primary)40%,transparent)}}.search-input:focus{box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab,red,red)){.search-input:focus{box-shadow:0 0 0 3px color-mix(in oklab,var(--primary)15%,transparent)}}.category-tab{white-space:nowrap;color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:500;line-height:1.4;transition:background-color .15s,color .15s,transform .15s}.category-tab:hover:not(.is-active){background:var(--secondary);color:var(--foreground)}.category-tab:active:not(.is-active){transform:scale(.96)}.category-tab.is-active{color:#fff;background:var(--primary)}.resource-card{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:6px;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative;overflow:hidden}.resource-card:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #0f172a14}@supports (color:color-mix(in lab,red,red)){.resource-card:hover{border-color:color-mix(in oklab,var(--primary)30%,transparent)}}.resource-card:active{transform:translateY(0)scale(.98)}.resource-thumb{aspect-ratio:1;background:var(--secondary);width:100%;position:relative;overflow:hidden}.resource-info{background:var(--card);border-top:1px solid var(--border);padding:4px 6px}.resource-info .resource-name{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-weight:500;line-height:1.2;overflow:hidden}.resource-info .resource-meta{color:var(--muted-foreground);align-items:center;gap:4px;margin-top:1px;font-size:9.5px;line-height:1.3;display:flex}.skeleton{background:linear-gradient(90deg,var(--secondary)0%,var(--secondary)50%,var(--secondary)100%)}@supports (color:color-mix(in lab,red,red)){.skeleton{background:linear-gradient(90deg,var(--secondary)0%,color-mix(in oklab,var(--secondary)60%,var(--foreground)6%)50%,var(--secondary)100%)}}.skeleton{background-size:200% 100%;border-radius:4px;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.02em;border-radius:3px;align-items:center;gap:2px;padding:1px 5px;font-size:9px;font-weight:600;line-height:1.2;display:inline-flex}.badge.is-hot{background:#ee2746eb}.badge.is-new{background:#5ba633eb}.badge.is-draft{background:#94a3b8eb}.fav-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fffffff2;cursor:pointer;z-index:2;background:#ffffffb3;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;transition:background-color .15s,color .15s,transform .15s;display:inline-flex;position:absolute;top:4px;right:4px}.fav-btn:hover{color:var(--foreground);background:#fffffff2}.fav-btn.is-active{color:#ef4444;background:#fffffff2}.fav-btn:active{transform:scale(.9)}.panel-header{background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:36px;padding:0 12px;display:flex}.section-title{color:var(--muted-foreground);letter-spacing:.02em;text-transform:uppercase;flex-shrink:0;font-size:10px;font-weight:600;line-height:1.2}.sub-header{background:var(--card);border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:6px;padding:8px 12px;display:flex}.list-scroll{scrollbar-gutter:stable;flex:1;overflow-y:auto}.empty-state{text-align:center;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;font-size:11px;line-height:1.5;display:flex}.empty-state .empty-icon{background:var(--secondary);width:36px;height:36px;color:var(--muted-foreground);border-radius:8px;justify-content:center;align-items:center;margin-bottom:8px;display:inline-flex}.status-bar{background:var(--card);border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:flex}.use-btn{height:22px;color:var(--primary);background:var(--primary);justify-content:center;align-items:center;gap:4px;padding:0 6px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.use-btn{background:color-mix(in oklab,var(--primary)10%,transparent)}}.use-btn{cursor:pointer;border-radius:3px;transition:background-color .15s,color .15s,transform .15s}.use-btn:hover{background:var(--primary)}@supports (color:color-mix(in lab,red,red)){.use-btn:hover{background:color-mix(in oklab,var(--primary)20%,transparent)}}.use-btn:hover{color:var(--primary)}.use-btn:active{transform:scale(.95)}.right-panel{background:#fff}.right-panel.scrollbar-thin::-webkit-scrollbar{width:4px}.right-panel.scrollbar-thin::-webkit-scrollbar-track{background:0 0}.right-panel.scrollbar-thin::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:4px;transition:background .2s}.right-panel.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#94a3b873}.icon-btn{width:28px;height:28px;color:var(--muted-foreground);background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s,transform .15s;display:inline-flex}.icon-btn:hover:not(.is-disabled):not(:disabled){background:var(--secondary);color:var(--foreground)}.icon-btn:active:not(.is-disabled):not(:disabled){transform:scale(.94)}.icon-btn.is-active{background:var(--primary);color:var(--primary-foreground)}.icon-btn.is-active:hover:not(.is-disabled):not(:disabled){background:var(--primary)}@supports (color:color-mix(in lab,red,red)){.icon-btn.is-active:hover:not(.is-disabled):not(:disabled){background:color-mix(in oklab,var(--primary)90%,black 10%)}}.chip-btn{background:var(--secondary);height:26px;color:var(--muted-foreground);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:10.5px;font-weight:500;line-height:1;transition:background-color .12s,color .12s,transform .12s;display:inline-flex}.chip-btn:hover:not(.is-disabled):not(:disabled){background:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.chip-btn:hover:not(.is-disabled):not(:disabled){background:color-mix(in oklab,var(--secondary)80%,var(--foreground)8%)}}.chip-btn:hover:not(.is-disabled):not(:disabled){color:var(--foreground)}.chip-btn:active:not(.is-disabled):not(:disabled){transform:scale(.96)}.chip-btn.is-active{background:var(--primary);color:var(--primary-foreground)}.chip-btn.is-active:hover:not(.is-disabled):not(:disabled){background:var(--primary)}@supports (color:color-mix(in lab,red,red)){.chip-btn.is-active:hover:not(.is-disabled):not(:disabled){background:color-mix(in oklab,var(--primary)90%,black 10%)}}.chip-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.chip-btn.has-dot:before{content:"";opacity:.85;background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:2px}.chip-btn.is-danger{color:#b91c1c;background:#ef444414}.chip-btn.is-danger:hover:not(.is-disabled):not(:disabled){background:#ef444426}.chip-btn.is-danger.is-active{color:#fff;background:#b91c1c}.chip-btn.is-disabled,.chip-btn:disabled,.segmented>button.is-disabled,.segmented>button:disabled,.icon-btn.is-disabled,.icon-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.field-row{align-items:center;gap:8px;display:flex}.field-stack>*+*{margin-top:6px}.field-label{color:var(--muted-foreground);letter-spacing:.01em;font-size:11px;font-weight:500;line-height:1.2}.field-card{background:var(--secondary);border:1px solid var(--border);border-radius:4px;padding:8px 10px;transition:border-color .15s,background-color .15s}.field-card:focus-within{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.field-card:focus-within{border-color:color-mix(in oklab,var(--primary)50%,transparent)}}.field-card:focus-within{background:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.field-card:focus-within{background:color-mix(in oklab,var(--secondary)60%,white 40%)}}.segmented{background:var(--secondary);gap:2px;padding:2px;display:grid}@supports (color:color-mix(in lab,red,red)){.segmented{background:color-mix(in oklab,var(--secondary)60%,transparent)}}.segmented{border-radius:5px}.segmented>button{height:24px;color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:0 6px;font-size:10.5px;font-weight:500;line-height:1;transition:background-color .12s,color .12s,transform .12s;display:inline-flex}.segmented>button:hover:not(.is-active):not(.is-disabled):not(:disabled){background:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.segmented>button:hover:not(.is-active):not(.is-disabled):not(:disabled){background:color-mix(in oklab,var(--secondary)40%,var(--foreground)4%)}}.segmented>button:hover:not(.is-active):not(.is-disabled):not(:disabled){color:var(--foreground)}.segmented>button:active{transform:scale(.97)}.segmented>button.is-active{background:var(--card);color:var(--foreground);box-shadow:0 1px 2px #0f172a0d,0 0 0 .5px var(--border);font-weight:600}.arrow-icon-btn{height:24px;color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:3px;justify-content:center;align-items:center;padding:0 2px;transition:background-color .15s,color .15s,transform .15s;display:flex}.arrow-icon-btn svg{flex-shrink:0;width:18px;height:14px}.arrow-icon-btn:hover:not(.is-active){background:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.arrow-icon-btn:hover:not(.is-active){background:color-mix(in oklab,var(--secondary)50%,var(--foreground)5%)}}.arrow-icon-btn:hover:not(.is-active){color:var(--foreground)}.arrow-icon-btn:active{transform:scale(.93)}.arrow-icon-btn.is-active{background:var(--primary);color:var(--primary-foreground)}.select-root{width:100%}.select-trigger{background:var(--secondary);width:100%;height:26px;color:var(--foreground);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:0 8px;font-size:11px;transition:background-color .15s;display:flex}.select-trigger:hover{background:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.select-trigger:hover{background:color-mix(in oklab,var(--secondary)60%,var(--foreground)6%)}}.select-trigger-label{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.select-trigger-icon{flex-shrink:0;align-items:center;display:flex}.select-trigger-icon svg{width:18px;height:14px}.select-chevron{opacity:.5;flex-shrink:0;transition:transform .15s}.select-chevron.is-open{transform:rotate(180deg)}.select-dropdown{background:var(--card);max-height:240px;box-shadow:0 4px 12px #0f172a1f,0 0 0 1px var(--border);border-radius:4px;padding:3px;overflow-y:auto}.select-option{width:100%;height:26px;color:var(--foreground);text-align:left;cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:6px;padding:0 8px;font-size:11px;transition:background-color .1s;display:flex}.select-option:hover{background:var(--secondary)}.select-option.is-active{background:var(--primary);color:var(--primary-foreground)}.select-option-icon{flex-shrink:0;align-items:center;display:flex}.select-option-icon svg{width:18px;height:14px}.select-separator{background:var(--border);height:1px;margin:3px 4px}.input-base{background:var(--secondary);font-variant-numeric:tabular-nums;width:100%;color:var(--foreground);border:1px solid #0000;border-radius:4px;outline:none;min-width:0;padding:5px 8px;font-size:11px;transition:background-color .15s,border-color .15s,box-shadow .15s}.input-base:hover:not(:focus){background:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.input-base:hover:not(:focus){background:color-mix(in oklab,var(--secondary)85%,var(--foreground)4%)}}.input-base:focus{background:var(--card);border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.input-base:focus{border-color:color-mix(in oklab,var(--primary)50%,transparent)}}.input-base:focus{box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab,red,red)){.input-base:focus{box-shadow:0 0 0 3px color-mix(in oklab,var(--primary)18%,transparent)}}.input-base::placeholder{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.input-base::placeholder{color:color-mix(in oklab,var(--muted-foreground)70%,transparent)}}.input-base[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-base[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-base[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.swatch{border:1px solid var(--border);cursor:pointer;border-radius:4px;flex-shrink:0;width:24px;height:24px;transition:transform .15s,box-shadow .15s;box-shadow:inset 0 0 0 1px #fff6}.swatch:hover{transform:scale(1.05);box-shadow:inset 0 0 0 1px #ffffff80,0 2px 6px #00000014}.divider-soft{background:var(--border);height:1px;margin:2px 0}.hint-block{color:var(--muted-foreground);background:var(--secondary);font-size:9.5px;line-height:1.45}@supports (color:color-mix(in lab,red,red)){.hint-block{background:color-mix(in oklab,var(--secondary)50%,transparent)}}.hint-block{border-radius:4px;padding:4px 7px}.fade-in{animation:.2s ease-out fadeInScale}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.property-group{border-bottom:1px solid var(--border)}@supports (color:color-mix(in lab,red,red)){.property-group{border-bottom:1px solid color-mix(in oklab,var(--border)45%,transparent)}}.property-group:last-child{border-bottom:0}.property-group:has(>button+div.grid-rows-\[0fr\])>button{background:0 0}.property-group:has(>button+div.grid-rows-\[0fr\])>button:hover{background:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.property-group:has(>button+div.grid-rows-\[0fr\])>button:hover{background:color-mix(in oklab,var(--secondary)40%,transparent)}}.list-item-enter{animation:.22s ease-out slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.editor-canvas-wrapper{background:var(--canvas-bg);-webkit-user-select:none;user-select:none;flex:1;position:relative;overflow:hidden}.snap-guide{pointer-events:none;z-index:999;background:#fa7e23;position:absolute}.snap-guide.vertical{width:1px;height:100%}.snap-guide.horizontal{width:100%;height:1px}.tool-active{color:var(--primary)!important;background:#ee27461f!important}.color-palette-sb{-webkit-user-select:none;user-select:none;touch-action:none;transition:box-shadow .15s}.color-palette-sb:hover{box-shadow:inset 0 0 0 1px var(--primary),0 1px 2px #0000000d}@supports (color:color-mix(in lab,red,red)){.color-palette-sb:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--primary)30%,transparent),0 1px 2px #0000000d}}.color-palette-sb:active{box-shadow:inset 0 0 0 1px var(--primary)}@supports (color:color-mix(in lab,red,red)){.color-palette-sb:active{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--primary)50%,transparent)}}.color-hue-strip,.color-alpha-strip{touch-action:none;transition:transform .1s,box-shadow .15s}.color-hue-strip:hover,.color-alpha-strip:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #0f172a0d,0 1px 3px #00000014!important}.color-hue-strip:active,.color-alpha-strip:active{transform:translateY(0)}.color-preset-swatch{position:relative;box-shadow:inset 0 0 0 1px #ffffff4d}.color-preset-swatch:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;box-shadow:0 0 0 2px var(--primary);transition:opacity .15s;position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px}.color-preset-swatch:hover{z-index:10}.color-preset-swatch:hover:after{opacity:.6}.gradient-bar{touch-action:none;position:relative}.gradient-bar:before{content:"";border-radius:inherit;pointer-events:none;transition:box-shadow .15s;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 1px 2px #0f172a0f}.gradient-bar:hover:before{box-shadow:0 2px 4px #0f172a1a}.gradient-stop{touch-action:none;transition:filter .15s,transform .1s;position:absolute}.gradient-stop:hover{filter:brightness(1.05)}.gradient-stop.is-selected{z-index:20}.angle-disk{touch-action:none;transition:box-shadow .15s,transform .1s}.angle-disk:hover{box-shadow:inset 0 0 0 1px var(--primary),0 1px 2px #0000000a!important}@supports (color:color-mix(in lab,red,red)){.angle-disk:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--primary)25%,transparent),0 1px 2px #0000000a!important}}.angle-disk:active{transform:scale(.99)}.gradient-preset{transition:transform .15s,box-shadow .15s,border-color .15s;position:relative;box-shadow:inset 0 0 0 1px #ffffff4d}.gradient-preset:hover{transform:scale(1.1);box-shadow:inset 0 0 0 1px #ffffff4d,0 4px 8px #0f172a1f}.gradient-editor{animation:.22s ease-out gradientEditorIn}@keyframes gradientEditorIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.slider-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--secondary);cursor:pointer;border-radius:999px;outline:none;height:4px;transition:background .15s}.slider-track:hover{background:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.slider-track:hover{background:color-mix(in oklab,var(--secondary)80%,var(--primary)8%)}}.slider-track::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--card);border:1.5px solid var(--primary);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:transform .1s,box-shadow .15s;box-shadow:0 1px 2px #0f172a33}.slider-track:hover::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 1px 3px #0f172a4d}.slider-track:active::-webkit-slider-thumb{transform:scale(1.1)}.slider-track::-moz-range-thumb{background:var(--card);border:1.5px solid var(--primary);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:transform .1s;box-shadow:0 1px 2px #0f172a33}.slider-track:hover::-moz-range-thumb{transform:scale(1.2)}.slider-track::-moz-range-track{background:0 0;border:none}[data-figma-fill-popover]{animation:.18s cubic-bezier(.16,1,.3,1) popoverIn}@keyframes popoverIn{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@font-face{font-family:iconfont;src:url(/assets/iconfont-8F-uzQre.woff2?t=1786689618658) format("woff2"),url(/assets/iconfont-DWXZqH9t.woff?t=1786689618658) format("woff"),url(/assets/iconfont-C6nqychy.ttf?t=1786689618658) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-tool-sucai:before{content:""}.icon-tool-caiqie:before{content:""}.icon-zhiyudiceng:before{content:""}.icon-tool-tuceng:before{content:""}.icon-zhiyudingceng:before{content:""}.icon-xiayiyiceng:before{content:""}.icon-shangyiyiceng:before{content:""}.icon-tool-xiaoshou:before{content:""}.icon-tool-lingxing:before{content:""}.icon-tool-xingxing:before{content:""}.icon-tool-wubianxing:before{content:""}.icon-tool-sanjiaoxing:before{content:""}.icon-tool-liubianxing:before{content:""}.icon-tool-yuanxing:before{content:""}.icon-Attributes-hunhe:before{content:""}.icon-zoom-zhishiying:before{content:""}.icon-zoom-baifenbai:before{content:""}.icon-arrow-go-back-line:before{content:""}.icon-arrow-go-forward-line:before{content:""}.icon-arrow-left-line:before{content:""}.icon-Options-shuipingjingxiang:before{content:""}.icon-Options-chuizhijingxiang:before{content:""}.icon-Attributes-duiqi:before{content:""}.icon-mtTop-gengduo:before{content:""}.icon-mtTop-daochu:before{content:""}.icon-mtTop-chexiao:before{content:""}.icon-mtTop-huifu:before{content:""}.icon-Attributes-guanbi:before{content:""}.icon-Attributes-shanchu:before{content:""}.icon-Attributes-fuzhi:before{content:""}.icon-Attributes-miaobian:before{content:""}.icon-Attributes-yangshi:before{content:""}.icon-chuizhifenbu:before{content:""}.icon-Options-chuizhijuzhongduiqi:before{content:""}.icon-Options-diduiqi:before{content:""}.icon-Options-dingduiqi:before{content:""}.icon-Options-zuoduiqi:before{content:""}.icon-Options-youduiqi:before{content:""}.icon-shuipingfenbu:before{content:""}.icon-Options-shuipingjuzhongduiqi:before{content:""}.icon-Options-xieti:before{content:""}.icon-Options-xiahuaxian:before{content:""}.icon-Options-jiacu:before{content:""}.icon-Attributes-zihao:before{content:""}.icon-Attributes-ziti:before{content:""}.icon-Options-shanchuxian:before{content:""}.icon-Attributes-yinying-copy:before{content:""}.icon-Options-xingxing:before{content:""}.icon-Options-yuanxing:before{content:""}.icon-Options-sanjiaooxing:before{content:""}.icon-Options-liubianxing:before{content:""}.icon-Options-fangxing:before{content:""}.icon-Attributes-paiban:before{content:""}.icon-mtTop-fanhui:before{content:""}.icon-Attributes-yanse:before{content:""}.icon-Attributes-yuanjiao:before{content:""}.icon-mtTop-huaban:before{content:""}.icon-Options-wubianxing:before{content:""}.icon-yuanjiao1:before{content:""}.icon-Options-lingxing:before{content:""}.icon-Attributes-caijian:before{content:""}.icon-tool-tietu:before{content:""}.icon-Attributes-faguang:before{content:""}.icon-Attributes-jingxiang:before{content:""}.icon-tool-xingzhuang:before{content:""}.icon-tool-tupian:before{content:""}.icon-tool-moban:before{content:""}.icon-tool-xuanze:before{content:""}.icon-tool-xiantiao:before{content:""}.icon-tool-qianbi:before{content:""}.icon-tool-huaban:before{content:""}.icon-tool-gangbi:before{content:""}.icon-tool-wenzi:before{content:""}