:root{--bg-app: #535353;--bg-panel: #535353;--bg-tool: #535353;--bg-header: #3e3e3e;--bg-input: #3e3e3e;--bg-canvas: #282828;--text-main: #dddddd;--text-muted: #aaaaaa;--border-light: #6a6a6a;--border-dark: #333333;--accent-blue: #3275db;--accent-hover: #4e88e3;--item-hover: #666666;--item-active: #292929;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px;line-height:1.5;color:var(--text-main);background-color:var(--bg-app);-webkit-user-select:none;user-select:none}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;min-height:100vh;overflow-x:hidden;overscroll-behavior-x:none}#app{width:100%;height:100vh;overflow:hidden;overscroll-behavior:contain}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:#666;border:3px solid var(--bg-panel);border-radius:6px;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#888}.icon-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:2px;cursor:pointer;color:var(--text-main);transition:background .1s}.icon-btn:hover{background-color:var(--item-hover)}.icon-btn.active{background-color:var(--item-active);color:#fff;box-shadow:inset 0 0 0 1px #000}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background-color:#ffffe1;color:#000;border:1px solid #767676;box-shadow:2px 2px 3px #0003;padding:4px 8px;font-size:12px;border-radius:3px;white-space:nowrap;pointer-events:none;z-index:10000;opacity:0;visibility:hidden;transition:opacity .1s ease-in-out,visibility .1s ease-in-out;transition-delay:0s}[data-tooltip]:hover:after{opacity:1;visibility:visible;transition-delay:.2s}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.pq-tools-panel::-webkit-scrollbar{display:none}.pq-ai-topbar{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 24px;background:rgba(22,22,30,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);position:absolute;top:0;left:0;right:0;z-index:100}.pq-ai-workspace{display:flex;flex:1;overflow:hidden;position:relative;min-height:0;padding-top:60px;flex-direction:row}.pq-ai-sidebar-container{display:flex;flex-direction:row;height:100%;position:relative;z-index:10}.pq-ai-tabs-strip{width:84px;background:rgba(15,15,20,.95);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:12px;box-shadow:2px 0 12px #0003}.pq-ai-tab-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;width:85%;border:none;border-radius:10px;cursor:pointer;transition:all .2s}.pq-ai-content-panel{width:420px;background:rgba(22,22,30,.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;box-shadow:4px 0 24px #0003}.pq-ai-upload-box{width:calc(100% - 48px);max-width:800px;margin:24px auto;flex:1;max-height:500px;padding:40px 24px;border:2px dashed rgba(120,170,255,.3);border-radius:20px;background:rgba(22,22,30,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s;box-sizing:border-box}.pq-ai-generate-canvas-empty{position:relative;flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#858995;text-align:center;padding:32px;box-sizing:border-box}.pq-ai-generate-canvas-empty:before{content:"";position:absolute;width:min(420px,58vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(83,105,131,.07) 0%,transparent 68%);pointer-events:none}.pq-ai-generate-canvas-mark{position:relative;width:58px;height:58px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;color:#8394aa;background:linear-gradient(145deg,rgba(64,72,86,.34),rgba(34,38,47,.3));border:1px solid rgba(150,163,183,.15);border-radius:18px;box-shadow:inset 0 1px #ffffff09,0 14px 34px #0000002e}.pq-ai-generate-canvas-title,.pq-ai-generate-canvas-hint{position:relative}.pq-ai-generate-canvas-title{color:#b7bac3;font-size:15px;font-weight:560}.pq-ai-generate-canvas-hint{max-width:360px;color:#717580;font-size:12px;line-height:1.5}.pq-ai-canvas-statusbar{position:absolute;z-index:2000;bottom:20px;left:50%;transform:translate(-50%);max-width:calc(100% - 28px);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;padding:7px 10px;color:#d9dce4;background:linear-gradient(145deg,rgba(30,31,38,.9),rgba(20,21,27,.92));border:1px solid rgba(255,255,255,.085);border-radius:12px;box-shadow:0 10px 30px #00000057,inset 0 1px #ffffff09;backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);box-sizing:border-box;font-size:11px;font-weight:600;white-space:nowrap;overflow:visible}.pq-ai-toolbar-tooltip{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}.pq-ai-canvas-statusbar [data-toolbar-tooltip]{position:relative}.pq-ai-canvas-statusbar [data-toolbar-tooltip]:after{content:attr(data-toolbar-tooltip);position:absolute;z-index:100000;left:50%;bottom:calc(100% + 9px);width:max-content;max-width:min(280px,calc(100vw - 24px));padding:6px 9px;border:1px solid rgba(151,164,196,.2);border-radius:7px;color:#edf0f7;background:rgba(15,16,22,.97);box-shadow:0 8px 24px #0000006b,inset 0 1px #ffffff09;font-size:11px;font-weight:540;line-height:1.4;text-align:center;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,4px);transition:opacity .12s ease,visibility .12s ease,transform .12s ease}.pq-ai-canvas-statusbar [data-toolbar-tooltip]:hover:after,.pq-ai-canvas-statusbar [data-toolbar-tooltip]:focus-within:after{opacity:1;visibility:visible;transform:translate(-50%);transition-delay:.14s}.pq-ai-canvas-statusbar .pq-ai-toolbar-tooltip.is-right:after{right:0;left:auto;transform:translateY(4px)}.pq-ai-canvas-statusbar .pq-ai-toolbar-tooltip.is-right:hover:after,.pq-ai-canvas-statusbar .pq-ai-toolbar-tooltip.is-right:focus-within:after{transform:translateY(0)}.pq-ai-canvas-zoom{padding:0 4px;color:#bec2cc;font-variant-numeric:tabular-nums}.pq-ai-canvas-toolbar-divider{width:1px;height:19px;margin:0 2px;background:rgba(255,255,255,.1)}.pq-ai-canvas-mask-button,.pq-ai-canvas-icon-button,.pq-ai-canvas-clear-mask{min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px;margin:0;border:1px solid rgba(255,255,255,.085);border-radius:7px;color:#aeb2bd;background:rgba(255,255,255,.035);font:inherit;cursor:pointer;transition:color .14s ease,background .14s ease,border-color .14s ease}.pq-ai-canvas-mask-button{padding:5px 9px}.pq-ai-canvas-mask-button:hover:not(:disabled),.pq-ai-canvas-icon-button:hover:not(:disabled){color:#e7e9ee;background:rgba(255,255,255,.075);border-color:#ffffff21}.pq-ai-canvas-mask-button.is-active{color:#eef1f8;background:linear-gradient(145deg,rgba(73,84,111,.78),rgba(55,62,80,.8));border-color:#91a0c74d;box-shadow:inset 0 1px #ffffff0e}.pq-ai-canvas-mask-button.is-erase.is-active{color:#f2e9e9;background:linear-gradient(145deg,rgba(104,65,69,.76),rgba(72,49,54,.8));border-color:#c0848b4d}.pq-ai-canvas-icon-button{width:30px;padding:0}.pq-ai-canvas-icon-button.is-download{color:#aab9d0}.pq-ai-canvas-icon-button.is-download:hover:not(:disabled){color:#d9e4f4;background:rgba(91,111,142,.12);border-color:#899dbc33}.pq-ai-canvas-icon-button.is-danger{color:#c9888d;border-color:transparent;background:transparent}.pq-ai-canvas-icon-button.is-danger:hover:not(:disabled){color:#efabb0;background:rgba(150,67,76,.11);border-color:#be697229}.pq-ai-canvas-mask-button:disabled,.pq-ai-canvas-icon-button:disabled,.pq-ai-canvas-clear-mask:disabled,.pq-ai-canvas-brush-range:disabled{opacity:.42;cursor:not-allowed}.pq-ai-canvas-brush-size{min-height:30px;display:inline-flex;align-items:center;gap:7px;padding:0 5px;color:#9ea2ad}.pq-ai-canvas-brush-size output{min-width:36px;color:#c8cbd3;text-align:right;font-variant-numeric:tabular-nums}.pq-ai-canvas-brush-range{width:clamp(88px,10vw,132px);height:3px;margin:0;padding:0;border-radius:999px;outline:none;background:rgba(255,255,255,.14);accent-color:#8394be;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pq-ai-canvas-brush-range::-webkit-slider-thumb{width:13px;height:13px;border:2px solid #30343f;border-radius:50%;background:#8d9cc0;box-shadow:0 1px 5px #0000005c;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pq-ai-canvas-brush-range::-moz-range-thumb{width:10px;height:10px;border:2px solid #30343f;border-radius:50%;background:#8d9cc0;box-shadow:0 1px 5px #0000005c}.pq-ai-canvas-clear-mask{padding:5px 7px;color:#d58f94;border-color:transparent;background:transparent}.pq-ai-canvas-clear-mask:hover:not(:disabled){color:#f0abb0;background:rgba(150,67,76,.11)}@media (max-width: 640px){.pq-ai-canvas-statusbar{bottom:12px;max-width:calc(100% - 12px);flex-wrap:nowrap;gap:2px;padding:5px;border-radius:10px}.pq-ai-canvas-statusbar [data-toolbar-tooltip]:after{bottom:calc(100% + 7px);max-width:calc(100vw - 16px);padding:5px 7px;font-size:10px;white-space:nowrap}.pq-ai-canvas-statusbar.is-eraser .pq-ai-canvas-mask-button,.pq-ai-canvas-statusbar.is-eraser .pq-ai-canvas-clear-mask{width:30px;padding:0}.pq-ai-canvas-statusbar.is-eraser .pq-ai-canvas-mask-button>span,.pq-ai-canvas-statusbar.is-eraser .pq-ai-canvas-clear-mask>span{display:none}.pq-ai-canvas-toolbar-divider,.pq-ai-canvas-zoom-label{display:none}.pq-ai-canvas-brush-size>span{display:none}.pq-ai-canvas-brush-size{gap:4px;padding:0 2px}.pq-ai-canvas-brush-size output{min-width:31px}.pq-ai-canvas-brush-range{width:56px}}.pq-ai-tool-panel{flex:1;display:flex;flex-direction:column;padding:32px 24px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.pq-ai-tool-hero{width:100%;margin:0 0 40px;color:#8293bd;text-align:center}.pq-ai-tool-hero:after{content:"";display:block;width:100%;height:1px;margin-top:22px;background:linear-gradient(90deg,transparent 0%,rgba(137,153,190,.12) 22%,rgba(137,153,190,.28) 50%,rgba(137,153,190,.12) 78%,transparent 100%)}.pq-ai-tool-hero.is-generator{margin-bottom:22px}.pq-ai-tool-hero-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;border:1px solid rgba(255,255,255,.05);border-radius:24px;color:#8cb4ff;background:linear-gradient(135deg,rgba(58,109,240,.1) 0%,rgba(168,83,186,.1) 100%);box-shadow:0 8px 32px #0003;box-sizing:border-box}.pq-ai-tool-hero-title{margin:0 0 8px;color:#aebff2;font-size:18px;font-weight:600;line-height:1.25}.pq-ai-tool-hero-description{margin:0;color:#8293bd;font-size:13px;line-height:1.5}.pq-ai-pro-btn{background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);color:#fff;border:1px solid rgba(255,255,255,.1);padding:8px 18px;border-radius:8px;font-weight:600;cursor:pointer;font-size:13px;letter-spacing:.5px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #0003}.pq-ai-pro-btn:hover{background:linear-gradient(135deg,rgba(58,109,240,.15) 0%,rgba(168,83,186,.15) 100%);border-color:#a853ba66;transform:translateY(-1px)}@media (max-width: 768px){.pq-ai-topbar{padding:0 12px}.pq-ai-workspace{flex-direction:column-reverse}.pq-ai-sidebar-container{flex-direction:column-reverse;height:auto;width:100%}.pq-ai-tabs-strip{width:100%;height:64px;flex-direction:row;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0px);border-right:none;border-top:1px solid rgba(255,255,255,.06);box-shadow:0 -2px 12px #0003;overflow-x:auto;overflow-y:hidden;gap:4px;justify-content:space-evenly}.pq-ai-tab-btn{width:auto;flex:1;min-width:0;padding:8px 2px}.pq-ai-content-panel{width:100%;height:auto;max-height:60vh;border-right:none;border-top:1px solid rgba(255,255,255,.06);box-shadow:0 -4px 24px #0003}.pq-ai-tool-panel{padding:24px 20px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px))}.pq-ai-topbar-title,.pq-ai-pro-text{display:none}.pq-ai-pro-btn{padding:8px 10px}.pq-ai-upload-box{width:calc(100% - 32px);margin:16px;padding:32px 16px;max-height:280px;justify-content:center}}.pq-contextual-ai-action{position:relative;overflow:hidden;isolation:isolate}.pq-contextual-ai-action>*{position:relative;z-index:1}.pq-contextual-ai-action--loading{background-size:220% 100%!important;animation:pq-contextual-ai-loading-gradient 2.4s ease-in-out infinite,pq-contextual-ai-loading-breathe 1.7s ease-in-out infinite}.pq-contextual-ai-action--loading:before{content:"";position:absolute;z-index:0;inset:-2px auto -2px -55%;width:42%;transform:skew(-18deg);background:linear-gradient(90deg,transparent,rgba(205,235,229,.11),transparent);animation:pq-contextual-ai-loading-sheen 1.9s cubic-bezier(.45,0,.25,1) infinite;pointer-events:none}.pq-contextual-ai-spinner{flex:0 0 auto;animation:pq-contextual-ai-spinner-rotate .82s linear infinite;filter:drop-shadow(0 0 3px rgba(188,231,222,.22))}.pq-contextual-ai-spinner-track,.pq-contextual-ai-spinner-arc{fill:none;stroke-width:2.35}.pq-contextual-ai-spinner-track{stroke:#dcf0ec38}.pq-contextual-ai-spinner-arc{stroke:#d5ebe6;stroke-linecap:round}.pq-contextual-ai-loading-label{letter-spacing:.01em;text-shadow:0 1px 5px rgba(0,0,0,.28)}@keyframes pq-contextual-ai-spinner-rotate{to{transform:rotate(360deg)}}@keyframes pq-contextual-ai-loading-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pq-contextual-ai-loading-sheen{0%,18%{left:-55%;opacity:0}35%{opacity:.85}72%,to{left:125%;opacity:0}}@keyframes pq-contextual-ai-loading-breathe{0%,to{border-color:#8bbeb652;box-shadow:inset 0 1px #ffffff14,0 3px 11px #12262638}50%{border-color:#9dcfc680;box-shadow:inset 0 1px #ffffff1f,0 5px 17px #1226265c}}@media (prefers-reduced-motion: reduce){.pq-contextual-ai-action--loading,.pq-contextual-ai-action--loading:before,.pq-contextual-ai-spinner{animation-duration:.001ms!important;animation-iteration-count:1!important}}