:root{--bg: #05050a;--panel: rgba(8, 12, 22, .72);--panel-strong: rgba(10, 16, 28, .86);--line: rgba(255, 255, 255, .12);--line-strong: rgba(0, 255, 204, .42);--text: rgba(255, 255, 255, .9);--muted: rgba(255, 255, 255, .56);--faint: rgba(255, 255, 255, .34);--cyan: #00ffcc;--violet: #8a5cff;--pink: #ff4fd8;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;overscroll-behavior:none}button{font:inherit}.seo-static-content{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;color:#fff;background:#05050a}.seo-static-content h1,.seo-static-content h2,.seo-static-content p,.seo-static-content li{display:block}.app{position:fixed;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(0,255,204,.1),transparent 26%),radial-gradient(circle at 16% 84%,rgba(138,92,255,.16),transparent 28%),radial-gradient(circle at 86% 72%,rgba(255,79,216,.08),transparent 24%),#05050a}.aura{position:fixed;inset:-18%;z-index:0;pointer-events:none;background:radial-gradient(circle at 24% 28%,rgba(0,255,204,.22),transparent 26%),radial-gradient(circle at 78% 68%,rgba(138,92,255,.18),transparent 28%),radial-gradient(circle at 50% 52%,rgba(255,79,216,.1),transparent 34%);filter:blur(28px) saturate(1.28);opacity:.68;animation:auraDrift 16s ease-in-out infinite alternate}.grid-glow{position:fixed;inset:0;z-index:2;pointer-events:none;background:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at center,black 10%,transparent 72%);opacity:.22}@keyframes auraDrift{0%{transform:scale(1.02) translate3d(-1.4%,-1.1%,0) rotate(-1deg)}to{transform:scale(1.1) translate3d(1.6%,1.4%,0) rotate(1.5deg)}}.nebula-canvas{position:fixed;inset:0;z-index:1;width:100%;height:100%;touch-action:none;outline:none}.brand{position:fixed;left:max(16px,env(safe-area-inset-left,0px));top:calc(16px + var(--safe-top));z-index:12;display:inline-flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#070a1275;color:var(--text);text-decoration:none;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);box-shadow:0 12px 34px #00000052,0 0 24px #00ffcc14}.brand img{width:27px;height:27px;border-radius:50%;object-fit:cover;box-shadow:0 0 20px #00ffcc2e}.brand span{overflow:hidden;color:#ffffffc7;font-size:12px;font-weight:700;letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap}.hud,.fallback-card{position:fixed;top:calc(20px + var(--safe-top));left:50%;z-index:11;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;max-width:min(640px,calc(100vw - 240px));overflow:hidden;padding:7px 11px;border:1px solid rgba(0,255,204,.18);border-radius:999px;background:#00000038;color:var(--cyan);font-size:12px;text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hud b{color:#ffffffb8;font-weight:700}.fallback-card{top:50%;display:block;max-width:min(420px,calc(100vw - 32px));transform:translate(-50%,-50%);padding:16px 18px;border-radius:20px;background:#080c16d1;color:#ffffffdb;line-height:1.65;white-space:normal}.panel{position:fixed;left:50%;bottom:calc(16px + var(--safe-bottom));z-index:12;width:min(900px,calc(100vw - 24px));max-height:min(56vh,470px);transform:translate(-50%);display:grid;gap:10px;overflow-y:auto;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:linear-gradient(135deg,#ffffff14,#ffffff05),var(--panel);backdrop-filter:blur(22px) saturate(1.28);-webkit-backdrop-filter:blur(22px) saturate(1.28);box-shadow:0 22px 70px #00000085,inset 0 1px #ffffff14;scrollbar-width:none}.panel::-webkit-scrollbar{display:none}.panel.compact{width:min(560px,calc(100vw - 24px));max-height:none}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head strong{display:block;color:#ffffffe6;font-size:14px;letter-spacing:.02em}.panel-head span,.control-title{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.35}.control-block{display:grid;gap:7px}.control-title{margin:0;color:#ffffff75;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hidden-camera-input{position:fixed;left:-9999px;top:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}button{border:1px solid rgba(255,255,255,.12);background:#fff1;color:#ffffffdb;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}button:hover{border-color:#00ffcc5c;background:#00ffcc1a;color:#0fc}button:active{transform:scale(.97)}button.active,.button-grid button.active,.actions button.active,.palette-preset-row button.active,.gesture-section button.active{border-color:#00ffcc80;background:linear-gradient(135deg,#0fc3,#8a5cff1f);color:#0fc;box-shadow:0 0 22px #00ffcc1f,inset 0 1px #ffffff14}.top-status-hud{position:fixed;top:calc(16px + var(--safe-top));left:50%;z-index:14;display:flex;align-items:center;justify-content:center;gap:8px;max-width:calc(100vw - 420px);transform:translate(-50%);pointer-events:none}.top-status-pill{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#070a1280;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);box-shadow:0 12px 34px #00000047,0 0 24px #00ffcc14;white-space:nowrap}.top-status-pill span{color:#ffffff8a;font-size:10px;font-weight:800;letter-spacing:.08em}.top-status-pill strong{max-width:128px;overflow:hidden;color:#ffffffeb;font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.settings-fab,.share-fab{position:fixed;top:calc(16px + var(--safe-top));z-index:16;display:inline-grid;place-items:center;width:42px;height:42px;min-height:42px;padding:0;border-radius:999px;background:#070a1285;border:1px solid rgba(255,255,255,.14);color:#ffffffe6;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);box-shadow:0 12px 34px #00000052,0 0 24px #00ffcc14;font-size:18px}.settings-fab{right:max(16px,env(safe-area-inset-right,0px))}.share-fab{right:calc(max(16px,env(safe-area-inset-right,0px)) + 52px)}.share-fab span{transform:translateY(-1px);font-size:19px;font-weight:900}.settings-fab.gesture-on{border-color:#00ffcc6b;color:#0fc;box-shadow:0 12px 34px #00000052,0 0 28px #00ffcc3d}.settings-fab.gesture-hot{transform:scale(1.08);border-color:#fff0a3c7;color:#fff0a3;box-shadow:0 12px 34px #00000052,0 0 42px #ff8a3db8,0 0 76px #ff2d7557}.share-toast{position:fixed;top:calc(64px + var(--safe-top));right:max(16px,env(safe-area-inset-right,0px));z-index:17;padding:8px 12px;border:1px solid rgba(0,255,204,.26);border-radius:999px;background:#070a12b8;color:#0fc;font-size:12px;font-weight:850;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);box-shadow:0 12px 34px #00000052,0 0 24px #00ffcc1a}.gesture-pointer{position:fixed;left:50vw;top:50vh;z-index:15;width:46px;height:46px;margin:-23px 0 0 -23px;pointer-events:none;transform:translateZ(0) scale(calc(.86 + var(--gesture-pinch, 0) * .34));transition:transform .08s linear,opacity .14s ease}.gesture-pointer i,.gesture-pointer b{position:absolute;inset:0;border-radius:50%}.gesture-pointer i{background:radial-gradient(circle,rgba(255,255,255,.95),rgba(0,255,204,.78) 26%,rgba(0,255,204,.16) 62%,transparent 72%);box-shadow:0 0 28px #00ffcc6b,0 0 72px #00ffcc2e}.gesture-pointer b{border:1px solid rgba(255,255,255,.54);transform:scale(calc(1.1 + var(--gesture-pinch, 0) * .7));opacity:.75}.gesture-pointer.paused i{background:radial-gradient(circle,rgba(255,240,163,.9),rgba(255,138,61,.62) 34%,rgba(255,45,117,.16) 66%,transparent 74%);box-shadow:0 0 36px #ff8a3d66,0 0 96px #ff2d7533}.gesture-dwell-panel{position:fixed;left:50%;bottom:calc(22px + var(--safe-bottom));z-index:15;display:flex;gap:9px;transform:translate(-50%);padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#070a127a;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);box-shadow:0 18px 48px #0000005c,0 0 26px #00ffcc14}.gesture-dwell-btn{position:relative;display:grid;place-items:center;min-width:76px;min-height:54px;padding:8px 13px;overflow:hidden;border-radius:999px}.gesture-dwell-btn span{position:relative;z-index:2;font-size:13px;font-weight:900}.gesture-dwell-btn small{position:relative;z-index:2;margin-top:2px;color:#ffffff7a;font-size:10px;font-weight:750}.gesture-dwell-btn i{position:absolute;inset:3px;border-radius:inherit;background:conic-gradient(from -90deg,rgba(0,255,204,.76) calc(var(--dwell-progress, 0) * 1turn),transparent 0);opacity:0;transition:opacity .12s ease}.gesture-dwell-btn i:after{content:"";position:absolute;inset:3px;border-radius:inherit;background:#070a12db}.gesture-dwell-btn.hovering{border-color:#00ffcc94;color:#0fc;box-shadow:0 0 32px #00ffcc38}.gesture-dwell-btn.hovering i{opacity:1}.settings-backdrop{position:fixed;inset:0;z-index:14;min-height:0;border:0;border-radius:0;background:#0000006b;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.settings-drawer{position:fixed;top:calc(74px + var(--safe-top));right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + var(--safe-bottom));z-index:15;width:min(460px,calc(100vw - 32px));display:grid;align-content:start;gap:13px;overflow-y:auto;padding:15px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:radial-gradient(circle at 16% 0%,rgba(0,255,204,.12),transparent 32%),radial-gradient(circle at 100% 26%,rgba(138,92,255,.14),transparent 32%),linear-gradient(135deg,#ffffff17,#ffffff06),#080c16e0;box-shadow:0 28px 90px #0000009e,inset 0 1px #ffffff14;backdrop-filter:blur(26px) saturate(1.28);-webkit-backdrop-filter:blur(26px) saturate(1.28);transform:translate(calc(100% + 36px));opacity:0;pointer-events:none;transition:transform .24s ease,opacity .24s ease;scrollbar-width:none}.settings-drawer::-webkit-scrollbar{display:none}.settings-drawer.open{transform:translate(0);opacity:1;pointer-events:auto}.settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:3px 2px 2px}.settings-kicker{display:block;margin:0 0 5px;color:#0fc;font-size:10px;font-weight:900;letter-spacing:.14em}.settings-head strong{display:block;color:#fffffff0;font-size:18px;font-weight:900;letter-spacing:-.02em}.settings-head span:not(.settings-kicker),.gesture-section span{display:block;margin-top:5px;color:#ffffff85;font-size:11px;line-height:1.45}.small-btn{flex:0 0 auto;min-height:34px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:800}.settings-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.settings-summary div{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:#ffffff0b}.settings-summary span{display:block;color:#ffffff70;font-size:10px;font-weight:850;letter-spacing:.08em}.settings-summary strong{display:block;overflow:hidden;margin-top:5px;color:#ffffffe6;font-size:13px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.settings-section{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(135deg,#00ffcc1c,#8a5cff13)}.settings-section strong{display:block;color:#ffffffe6;font-size:13px;font-weight:850}.gesture-section button{min-height:36px;padding:0 13px;border-radius:999px;font-size:12px;font-weight:850;white-space:nowrap}.gesture-guide,.complexity-block,.control-block{display:grid;gap:9px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#ffffff0b}.gesture-guide>strong,.control-title{color:#ffffffe0;font-size:12px;font-weight:900;letter-spacing:.08em}.gesture-guide-grid{display:grid;grid-template-columns:86px 1fr;gap:6px 10px}.gesture-guide-grid span{color:#0fc;font-size:11px;font-weight:850}.gesture-guide-grid em{color:#ffffff9e;font-size:11px;font-style:normal;line-height:1.35}.gesture-guide p{color:#ffffff73;font-size:11px;line-height:1.5}.complexity-info{display:flex;align-items:center;justify-content:space-between;gap:12px}.complexity-info span{color:#ffffffc2;font-size:12px;font-weight:850;letter-spacing:.04em}.complexity-info strong{color:#0fc;font-size:12px;font-weight:900}input[type=range]{width:100%;height:30px;appearance:none;-webkit-appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:linear-gradient(90deg,#00ffcc57,#8a5cff5c,#ff4fd83d);box-shadow:inset 0 0 0 1px #ffffff14}input[type=range]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-6.5px;border:2px solid rgba(255,255,255,.92);border-radius:50%;appearance:none;-webkit-appearance:none;background:#0fc;box-shadow:0 0 18px #00ffcc80}input[type=range]::-moz-range-track{height:7px;border-radius:999px;background:linear-gradient(90deg,#00ffcc57,#8a5cff5c,#ff4fd83d)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border:2px solid rgba(255,255,255,.92);border-radius:50%;background:#0fc;box-shadow:0 0 18px #00ffcc80}.range-scale-3,.range-scale-4{display:grid;gap:6px}.range-scale-3{grid-template-columns:repeat(3,1fr)}.range-scale-4{grid-template-columns:repeat(4,1fr)}.range-scale-3 span,.range-scale-4 span{color:#ffffff6b;font-size:10px;font-weight:750;text-align:center}.range-scale-3 span:first-child,.range-scale-4 span:first-child{text-align:left}.range-scale-3 span:last-child,.range-scale-4 span:last-child{text-align:right}.button-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:188px;overflow-y:auto;padding-right:2px;scrollbar-width:none}.button-grid::-webkit-scrollbar{display:none}.button-grid button{min-height:34px;padding:0 8px;border-radius:13px;overflow:hidden;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.actions{display:grid;gap:8px}.actions-3{grid-template-columns:repeat(3,minmax(0,1fr))}.actions button{min-height:38px;padding:0 10px;border-radius:15px;font-size:12px;font-weight:850}body.fullscreen-clean .settings-fab,body.fullscreen-clean .share-fab,body.fullscreen-clean .share-toast,body.fullscreen-clean .settings-backdrop,body.fullscreen-clean .settings-drawer,body.fullscreen-clean .top-status-hud,body.fullscreen-clean .gesture-pointer,body.fullscreen-clean .gesture-dwell-panel,body.fullscreen-clean .hidden-camera-input{display:none!important}@media (max-width: 960px){.top-status-hud{top:calc(62px + var(--safe-top));width:calc(100vw - 18px);max-width:none;gap:5px;flex-wrap:wrap}}@media (max-width: 720px){.top-status-hud{top:calc(58px + var(--safe-top))}.top-status-pill{min-height:30px;padding:5px 8px;gap:5px}.top-status-pill span{font-size:9px}.top-status-pill strong{max-width:92px;font-size:11px}.settings-fab,.share-fab{top:calc(12px + var(--safe-top));width:40px;height:40px;min-height:40px}.settings-fab{right:12px}.share-fab{right:60px}.share-toast{top:calc(58px + var(--safe-top));right:12px}.gesture-dwell-panel{bottom:calc(18px + var(--safe-bottom));gap:6px;padding:6px}.gesture-dwell-btn{min-width:64px;min-height:48px;padding:7px 9px}.gesture-dwell-btn span{font-size:12px}.gesture-dwell-btn small{font-size:9px}.settings-drawer{top:calc(62px + var(--safe-top));right:8px;bottom:calc(10px + var(--safe-bottom));width:calc(100vw - 16px);padding:12px;border-radius:22px}.settings-section,.settings-summary{grid-template-columns:1fr}.gesture-guide-grid{grid-template-columns:76px 1fr}.button-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:180px}.actions-3{grid-template-columns:1fr}}.palette-fab,.random-fab{position:fixed;z-index:13;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#070a127a;color:#ffffffe0;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);box-shadow:0 12px 34px #00000052,0 0 24px #00ffcc14}.palette-fab{left:max(16px,env(safe-area-inset-left,0px));bottom:calc(16px + var(--safe-bottom))}.random-fab{right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + var(--safe-bottom))}.palette-fab.active,.palette-fab:hover,.random-fab:hover{border-color:#00ffcc61;background:linear-gradient(135deg,#00ffcc24,#8a5cff1a);color:#0fc}.palette-fab span,.random-fab span{font-size:17px;line-height:1}.palette-fab small,.random-fab small{color:#ffffffb8;font-size:11px;font-weight:800;letter-spacing:.04em}.palette-editor{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(70px + var(--safe-bottom));z-index:14;width:min(340px,calc(100vw - 32px));display:grid;gap:10px;padding:13px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:linear-gradient(135deg,#ffffff14,#ffffff05),#080c16d6;backdrop-filter:blur(22px) saturate(1.24);-webkit-backdrop-filter:blur(22px) saturate(1.24);box-shadow:0 22px 70px #00000085,inset 0 1px #ffffff14}.palette-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.palette-editor-head strong{color:#ffffffe6;font-size:13px;font-weight:800}.palette-editor-head button{width:30px;min-height:30px;border-radius:999px;padding:0}.color-control{display:grid;gap:6px}.color-control>span{color:#ffffff85;font-size:11px;font-weight:800;letter-spacing:.06em}.color-control-field{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:9px;padding:7px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0e}.color-control input[type=color]{width:38px;height:30px;padding:0;overflow:hidden;border:0;border-radius:10px;background:transparent;cursor:pointer}.color-control code{color:#ffffffb8;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-transform:uppercase}.palette-preset-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.palette-preset-row button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:0 6px;border-radius:12px;font-size:11px}.palette-preset-row i{display:block;width:13px;height:13px;border-radius:50%;box-shadow:0 0 10px #ffffff2e}body.fullscreen-clean .palette-fab,body.fullscreen-clean .palette-editor,body.fullscreen-clean .random-fab{display:none!important}@media (max-width: 720px){.palette-fab,.random-fab{bottom:calc(12px + var(--safe-bottom));min-height:40px;padding:8px 10px}.palette-fab{left:12px}.random-fab{right:12px}.palette-fab small,.random-fab small{display:none}.palette-fab span,.random-fab span{font-size:18px}.palette-editor{left:12px;bottom:calc(62px + var(--safe-bottom));width:calc(100vw - 24px);max-height:min(62vh,430px);overflow-y:auto;border-radius:20px}}.gesture-pointer.confirm i{background:radial-gradient(circle,rgba(255,255,255,.98),rgba(255,240,163,.84) 26%,rgba(0,255,204,.2) 66%,transparent 76%);box-shadow:0 0 34px #fff0a36b,0 0 88px #00ffcc2e}.gesture-pointer.reveal b{border-color:#8a5cffb8;box-shadow:0 0 34px #8a5cff47}.gesture-pointer em{position:absolute;inset:-14px;border-radius:50%;border:1px solid rgba(138,92,255,calc(.18 + var(--gesture-focus, 0) * .5));transform:scale(calc(.72 + var(--gesture-focus, 0) * .52));opacity:calc(.22 + var(--gesture-focus, 0) * .5)}.gesture-dwell-panel{transition:gap .22s ease,padding .22s ease,transform .22s ease,opacity .2s ease}.gesture-dwell-panel.expanded{gap:11px;padding:10px;border-color:#8a5cff52;box-shadow:0 18px 54px #0000006b,0 0 34px #8a5cff2e,0 0 26px #00ffcc14}.gesture-dwell-btn{transition:min-width .2s ease,transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.gesture-dwell-btn:before{content:"";position:absolute;inset:-18px;border-radius:inherit;opacity:0;background:radial-gradient(circle,rgba(0,255,204,.18),transparent 62%);transition:opacity .18s ease}.gesture-dwell-btn.hovering{transform:translateY(-2px) scale(1.045);background:#00ffcc1b}.gesture-dwell-btn.hovering:before{opacity:1}.gesture-dwell-panel.expanded .gesture-dwell-btn{min-width:82px}@media (max-width: 720px){.gesture-dwell-panel.expanded{max-width:calc(100vw - 16px);overflow-x:auto;scrollbar-width:none}.gesture-dwell-panel.expanded::-webkit-scrollbar{display:none}.gesture-dwell-panel.expanded .gesture-dwell-btn{min-width:68px}}.image-particle-importer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:13px;border:1px dashed rgba(0,255,204,.34);border-radius:20px;background:linear-gradient(135deg,#00ffcc1a,#8a5cff12)}.image-particle-importer.dragging{border-color:#fff0a3c7;background:linear-gradient(135deg,#fff0a31f,#00ffcc1a);box-shadow:0 0 28px #00ffcc1f}.image-particle-importer strong{display:block;color:#ffffffeb;font-size:13px;font-weight:900}.image-particle-importer span,.image-particle-importer em{display:block;margin-top:5px;color:#ffffff8a;font-size:11px;line-height:1.45;font-style:normal}.image-particle-importer em{color:#0fc}.image-particle-importer input{display:none}.image-particle-importer button{min-height:38px;padding:0 13px;border-radius:999px;font-size:12px;font-weight:850;white-space:nowrap}.image-particle-importer button:disabled{cursor:wait;opacity:.68}.mobile-action-dock{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:18;display:none;grid-template-columns:repeat(4,minmax(58px,1fr));gap:7px;width:min(360px,calc(100vw - 34px));padding:8px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#080c1694;box-shadow:0 18px 56px #0000006b,inset 0 1px #ffffff14;backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);transform:translate(-50%)}.mobile-action-dock button{display:grid;place-items:center;gap:2px;min-height:50px;padding:6px 4px;border-radius:999px;font-size:11px;font-weight:850}.mobile-action-dock button span{font-size:18px;line-height:1}.mobile-action-dock button small{color:#ffffffad;font-size:10px;font-weight:800}.mobile-action-dock button.active{color:#0fc}.mobile-toast{position:fixed;left:50%;top:calc(84px + env(safe-area-inset-top,0px));z-index:30;max-width:calc(100vw - 56px);padding:8px 13px;border:1px solid rgba(0,255,204,.26);border-radius:999px;background:#070a12bd;color:#0fc;font-size:12px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translate(-50%);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);box-shadow:0 12px 34px #00000057,0 0 24px #00ffcc1a}@media (max-width: 720px){html,body,#root,.app{min-height:100dvh}.brand{top:calc(12px + env(safe-area-inset-top,0px));left:12px;max-width:calc(100vw - 124px);padding:7px 10px}.brand img{width:25px;height:25px}.brand span{max-width:180px;font-size:11px}.top-status-hud{top:calc(58px + env(safe-area-inset-top,0px));opacity:.82}.top-status-pill:nth-child(n+2){display:none}.share-fab,.settings-fab{top:calc(12px + env(safe-area-inset-top,0px))}.palette-fab,.random-fab{display:none!important}.mobile-action-dock{display:grid}.gesture-dwell-panel{bottom:calc(86px + env(safe-area-inset-bottom,0px))}.settings-drawer{top:calc(62px + env(safe-area-inset-top,0px));bottom:calc(92px + env(safe-area-inset-bottom,0px))}.palette-editor{left:12px;right:12px;bottom:calc(92px + env(safe-area-inset-bottom,0px));width:auto;max-height:52vh;overflow-y:auto}.image-particle-importer{grid-template-columns:1fr}.image-particle-importer button{width:100%}}body.fullscreen-clean .mobile-action-dock,body.fullscreen-clean .mobile-toast{display:none!important}@media (min-width: 961px){.brand{left:22px;top:calc(20px + var(--safe-top));padding:9px 14px}.settings-fab,.share-fab{top:calc(20px + var(--safe-top))}.settings-fab{right:22px}.share-fab{right:76px}.settings-drawer{top:calc(76px + var(--safe-top));right:22px;bottom:calc(22px + var(--safe-bottom));width:min(520px,calc(100vw - 44px));padding:18px;gap:14px}.button-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:216px}.gesture-dwell-panel{bottom:calc(28px + var(--safe-bottom))}}@media (min-width: 1180px){.settings-drawer{width:560px}.button-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.settings-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.settings-links a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:#ffffff0b;color:#ffffffc7;text-decoration:none;font-size:12px;font-weight:850;white-space:nowrap}.settings-links a:first-child{border-color:#00ffcc42;color:#0fc;background:linear-gradient(135deg,#00ffcc1f,#8a5cff14)}.settings-links a:hover{border-color:#00ffcc6b;color:#0fc;background:#00ffcc1a}.scene-presets{display:grid;gap:10px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:radial-gradient(circle at 0% 0%,rgba(0,255,204,.1),transparent 38%),#ffffff0b}.scene-presets-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.scene-presets-head strong{color:#ffffffe6;font-size:13px;font-weight:900;letter-spacing:.08em}.scene-presets-head span{color:#ffffff75;font-size:11px;line-height:1.35;text-align:right}.scene-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.scene-preset-grid button{min-height:58px;display:grid;align-content:center;justify-items:start;gap:4px;padding:10px 11px;border-radius:16px;text-align:left;overflow:hidden}.scene-preset-grid button strong{display:block;max-width:100%;color:#ffffffe6;font-size:12px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-preset-grid button span{display:block;max-width:100%;color:#ffffff7a;font-size:10px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-preset-grid button:hover strong{color:#0fc}.settings-drawer .control-block:nth-of-type(n+5) .button-grid{max-height:170px}.gesture-dwell-panel{max-width:calc(100vw - 24px);flex-wrap:wrap;justify-content:center}.gesture-dwell-panel.expanded{border-color:#00ffcc38;box-shadow:0 18px 48px #00000061,0 0 36px #00ffcc29}.gesture-dwell-btn{min-width:82px}.gesture-pointer.confirm i{background:radial-gradient(circle,rgba(255,255,255,.96),rgba(255,240,163,.86) 24%,rgba(0,255,204,.22) 62%,transparent 74%);box-shadow:0 0 32px #fff0a36b,0 0 88px #00ffcc2e}.gesture-pointer.reveal b{border-color:#00ffcce0;box-shadow:0 0 28px #00ffcc3d}.gesture-pointer em{position:absolute;inset:-16px;border-radius:50%;border:1px solid rgba(255,255,255,.08);transform:scale(calc(.8 + var(--gesture-focus, 0) * .75));opacity:calc(.16 + var(--gesture-focus, 0) * .45)}@media (max-width: 720px){.brand{left:10px;top:calc(10px + var(--safe-top));max-width:calc(100vw - 116px);padding:6px 9px}.brand img{width:24px;height:24px}.brand span{font-size:11px}.top-status-hud{top:calc(54px + var(--safe-top));padding:0 6px}.settings-drawer{top:calc(58px + var(--safe-top));border-radius:22px 22px 18px 18px}.settings-links{grid-template-columns:1fr}.settings-links a{min-height:40px}.scene-presets{padding:11px}.scene-presets-head{align-items:flex-start;flex-direction:column;gap:3px}.scene-presets-head span{text-align:left}.scene-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.scene-preset-grid button{min-height:54px;padding:9px;border-radius:15px}.gesture-dwell-panel{bottom:calc(78px + var(--safe-bottom));max-width:calc(100vw - 18px);border-radius:24px}.gesture-dwell-btn{min-width:70px;min-height:46px}.random-fab,.palette-fab{bottom:calc(14px + var(--safe-bottom))}.palette-editor{bottom:calc(74px + var(--safe-bottom));width:calc(100vw - 20px);left:10px;right:auto}}@media (max-width: 420px){.top-status-pill:nth-child(2),.top-status-pill:nth-child(3){display:none}.gesture-dwell-btn small{display:none}.gesture-dwell-btn{min-width:62px;min-height:42px}.scene-preset-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.aura{animation:none!important}button,.settings-drawer,.gesture-pointer{transition-duration:.01ms!important}}