:root{--night:#120b23;--night-soft:#211238;--plum:#4b246c;--violet:#8b5bc3;--gold:#f4cf78;--gold-deep:#b9842f;--ivory:#fff8e7;--mist:#c9b9d8;--blue:#9ebcff;--acid:#f4cf78;--dark:#09060f;--ink:#fff8e7;--panel:#231239e0}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ivory);background:var(--night);font-family:Arial,Helvetica,sans-serif}button,select,input{font:inherit}button{color:inherit}.app-shell{isolation:isolate;background:radial-gradient(circle at 50% 42%,#66389061,#0000 38%),radial-gradient(circle at 8% 18%,#f4cf781a,#0000 24%),linear-gradient(145deg,#10081f 0%,#1d1030 55%,#0d0818 100%);grid-template-rows:54px minmax(0,1fr) auto 26px;height:100dvh;min-height:540px;padding:0 24px;display:grid;position:relative;overflow:hidden}.app-shell:before{content:"";z-index:-1;pointer-events:none;opacity:.56;background-image:radial-gradient(circle at 12% 28%,#fff8e7cc 0 1px,#0000 1.5px),radial-gradient(circle at 72% 18%,#f4cf78a6 0 1px,#0000 1.6px),radial-gradient(circle at 42% 74%,#9ebcff99 0 1px,#0000 1.5px);background-size:137px 113px,181px 157px,223px 191px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.app-shell:after{content:"";z-index:-1;filter:blur(20px);pointer-events:none;background:radial-gradient(#8553b238,#0000 68%);border-radius:50%;height:130px;position:fixed;bottom:82px;left:8%;right:8%}.labs-header{z-index:100;min-height:54px;color:var(--ivory);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);will-change:transform;background:#160a24c7;border-bottom:1px solid #f4cf783d;align-items:center;gap:14px;padding:7px 24px;transition:transform .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(-84%);box-shadow:0 12px 32px #04000a52}.labs-header.visible,.labs-header:focus-within{transform:translateY(0)}.labs-brand{color:var(--ivory);letter-spacing:.02em;background:#36194eb8;border:1px solid #f4cf7857;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 5px;font-size:11px;font-weight:800;text-decoration:none;transition:border-color .2s,background-color .2s,box-shadow .2s;display:inline-flex}.labs-brand:hover,.labs-brand:focus-visible{border-color:var(--gold);background:#522670eb;outline:none;box-shadow:0 0 20px #f4cf7829}.labs-brand img{object-fit:contain;width:28px;height:28px}.labs-header-divider{background:#f4cf783d;width:1px;height:28px}.labs-header>strong{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:400}.labs-header-note{color:var(--mist);font:8px var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;margin-left:auto}.studio-header{z-index:20;border-bottom:1px solid #f4cf7824;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:relative}.spectrum-plaque{min-width:150px;height:43px;color:var(--gold);background:linear-gradient(160deg,#6b3c83 0%,#3b1b54 48%,#24102f 100%);border:1px solid #f4cf7894;border-top:0;border-radius:0 0 11px 11px;flex-direction:column;justify-content:center;place-self:start center;align-items:center;gap:1px;text-decoration:none;display:flex;box-shadow:inset 0 0 0 3px #f4cf7814,inset 0 -7px 13px #08030d61,0 8px 20px #00000057}.spectrum-plaque strong{letter-spacing:.24em;color:#d8aa54;text-shadow:0 1px #fff0b8,0 -1px #5a3210,1px 0 #72461d,-1px 0 #f5d986;margin-left:.24em;font-family:Georgia,Times New Roman,serif;font-size:13px}.spectrum-plaque small{color:#bba7c8;font:6px var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.16em}.privacy-note{font:9px var(--font-geist-mono), monospace;color:var(--mist);text-transform:uppercase;letter-spacing:.08em;justify-self:end;align-items:center;gap:8px;display:flex}.status-dot{background:var(--gold);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #f4cf78bf}.studio-grid{z-index:2;align-items:stretch;gap:clamp(10px,1.4vw,22px);min-height:0;padding:12px 0 8px;transition:grid-template-columns .72s cubic-bezier(.2,.82,.2,1);display:grid;position:relative}.studio-grid.focus-frequency{grid-template-columns:minmax(110px,.48fr) minmax(440px,2.8fr) minmax(110px,.48fr)}.studio-grid.focus-original{grid-template-columns:minmax(390px,2.25fr) minmax(180px,.78fr) minmax(110px,.52fr)}.studio-grid.focus-output{grid-template-columns:minmax(110px,.52fr) minmax(180px,.78fr) minmax(390px,2.25fr)}.preview-panel,.frequency-panel{opacity:.62;filter:saturate(.72);background:linear-gradient(145deg,#3f22559e,#150c23d1);border:1px solid #f4cf7842;min-width:0;min-height:0;padding:12px;transition:transform .72s cubic-bezier(.2,.82,.2,1),opacity .55s,filter .55s,border-color .55s,box-shadow .55s;position:relative;overflow:hidden;transform:translateY(11px)scale(.96);box-shadow:0 22px 45px #03000a57,inset 0 1px #ffffff14}.original-panel,.frequency-panel,.result-panel{border-radius:22px}.preview-panel{grid-template-rows:32px minmax(0,1fr) 30px;display:grid}.frequency-panel{grid-template-rows:32px minmax(0,1fr);display:grid}.focus-original .original-panel,.focus-frequency .frequency-panel,.focus-output .result-panel{z-index:3;opacity:1;filter:saturate();border-color:#f4cf78a8;transform:translateY(-3px)scale(1);box-shadow:0 28px 80px #03000a8c,0 0 42px #7647a340,inset 0 1px #ffffff24}.preview-panel:after,.frequency-panel:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #f4cf7814;position:absolute;inset:5px}.panel-heading{z-index:2;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:relative}.panel-heading>div{align-items:baseline;gap:7px;min-width:0;display:flex}.panel-heading span:first-child{color:#f4cf7894;font:8px var(--font-geist-mono), monospace}.panel-heading h2{color:var(--gold);text-transform:uppercase;letter-spacing:.13em;white-space:nowrap;margin:0;font-family:Georgia,Times New Roman,serif;font-size:12px;font-weight:400}.text-button{color:var(--gold);cursor:pointer;background:#f4cf781a;border:0;border-radius:999px;padding:4px 9px;font-size:8px}.live-pill{color:#e6d9ef;font:700 7px var(--font-geist-mono), monospace;letter-spacing:.07em;white-space:nowrap;border:1px solid #f4cf784d;border-radius:20px;align-items:center;gap:4px;padding:4px 7px;display:flex}.live-pill i{background:var(--gold);width:4px;height:4px;box-shadow:0 0 7px var(--gold);border-radius:50%}.preview-frame,.frequency-frame{background:#08050e;border:1px solid #f4cf782e;min-width:0;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 36px #00000080}.preview-frame{cursor:zoom-in;border-radius:14px;align-self:stretch;width:100%;height:100%}.frequency-frame{border-radius:14px;height:100%}.preview-frame canvas,.frequency-frame canvas{object-fit:contain;background:#08050e;width:100%;height:100%;transition:filter .45s;display:none}.preview-frame canvas.visible,.frequency-frame:not(.is-empty) canvas{display:block}.original-frame:not(.has-image){background:#47255b80;border:1px dashed #f4cf787a}.original-panel.is-dragging .original-frame{border-color:var(--gold);background:#f4cf781f}.frequency-frame.is-paintable{touch-action:none;cursor:crosshair}.frequency-frame.tool-brush{cursor:none}.frequency-frame.tool-select{cursor:grab}.frequency-frame.tool-select.is-interacting{cursor:grabbing}.frequency-frame.tool-text,.frequency-frame.tool-image{cursor:none}.frequency-frame.tool-erase{cursor:cell}.empty-state,.output-placeholder{text-align:center;color:#eee6f6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.empty-state strong,.output-placeholder strong{margin-top:9px;font-family:Georgia,serif;font-size:13px;font-weight:400}.empty-state small,.output-placeholder small{font:8px var(--font-geist-mono), monospace;color:#a694b7;margin-top:5px}.upload-icon{width:42px;height:42px;color:var(--gold);border:1px solid #f4cf7899;border-radius:50%;place-items:center;font-size:19px;display:grid;box-shadow:0 0 22px #f4cf781f}.frequency-glyph{background:radial-gradient(circle,#8b5bc34d,#0000 66%);border-radius:50%;justify-content:center;align-items:center;gap:4px;width:72px;height:72px;display:flex}.frequency-glyph i{background:var(--violet);width:3px;box-shadow:0 0 8px var(--violet);border-radius:4px;display:block}.frequency-glyph i:first-child,.frequency-glyph i:nth-child(5){opacity:.5;height:14px}.frequency-glyph i:nth-child(2),.frequency-glyph i:nth-child(4){height:32px}.frequency-glyph i:nth-child(3){background:var(--gold);height:54px}.processing{color:#fff;font:9px var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.08em;background:#09060fb8;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.processing span{border:2px solid #ffffff40;border-top-color:var(--gold);border-radius:50%;width:11px;height:11px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.panel-meta{color:#a896b8;min-width:0;font:7px var(--font-geist-mono), monospace;text-transform:uppercase;justify-content:space-between;align-items:center;gap:6px;display:flex}.panel-meta span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.result-actions{justify-content:center;align-items:end;gap:7px;display:flex}.result-actions button{height:24px;color:var(--gold);cursor:pointer;text-transform:uppercase;background:#50276c80;border:1px solid #f4cf7866;border-radius:999px;padding:0 12px;font-size:7px;font-weight:800}.result-actions button:last-child{color:#fff;background:linear-gradient(135deg,#a16bc5,#5b2c7d)}.result-actions button:disabled{opacity:.3;cursor:not-allowed}.editor-dock{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(150deg,#311847e6,#12091fed);border:1px solid #f4cf783d;border-radius:22px;grid-template-rows:48px 38px 18px;justify-self:center;gap:3px;width:min(720px,100vw - 54px);margin:2px auto 4px;padding:3px 12px 5px;display:grid;position:relative;box-shadow:0 12px 30px #00000070,inset 0 1px #ffffff12}.tool-strip{justify-content:center;align-items:flex-start;gap:6px;display:flex;position:static;transform:none}.tool-strip button{cursor:pointer;width:43px;height:43px;color:var(--gold);background:radial-gradient(circle at 34% 27%,#8d5bb3 0 14%,#522670 46%,#251136 76%);border:1px solid #d6aa57;border-radius:50%;flex-direction:column;flex:0 0 43px;justify-content:center;align-items:center;gap:0;transition:scale .22s,filter .22s,box-shadow .22s;display:flex;box-shadow:inset 0 0 0 3px #f4cf781a,inset 0 -6px 12px #0a041273,0 6px 13px #00000061}.tool-strip button:first-child,.tool-strip button:nth-child(5){transform:translateY(12px)rotate(-7deg)}.tool-strip button:nth-child(5){transform:translateY(12px)rotate(7deg)}.tool-strip button:nth-child(2),.tool-strip button:nth-child(4){transform:translateY(4px)rotate(-3deg)}.tool-strip button:nth-child(4){transform:translateY(4px)rotate(3deg)}.tool-strip button:nth-child(3){transform:translateY(-1px)}.tool-strip button:hover{filter:brightness(1.13);scale:1.07}.tool-strip button.active{color:#fff6cf;scale:1.12;box-shadow:inset 0 0 0 4px #f4cf7833,inset 0 -8px 16px #0a041266,0 0 0 3px #f4cf782e,0 0 25px #f4cf7861,0 10px 20px #00000073}.tool-strip button b{font-family:Georgia,serif;font-size:15px;line-height:14px}.tool-icon{color:currentColor;flex:0 0 18px;width:20px;height:18px;display:block;position:relative}.icon-select:before{content:"";clip-path:polygon(4% 0,96% 57%,59% 63%,76% 96%,59% 100%,42% 67%,14% 91%);filter:drop-shadow(0 1px #14081eb3);background:currentColor;position:absolute;inset:0 2px}.icon-brush{transform:rotate(-38deg)}.icon-brush:before{content:"";background:currentColor;border-radius:3px;width:4px;height:12px;position:absolute;top:0;left:8px;box-shadow:inset 1px 0 #ffffff59}.icon-brush:after{content:"";clip-path:polygon(16% 0,84% 0,100% 100%,0 100%);background:#fff7d8;border-radius:2px 2px 6px 6px;width:10px;height:8px;position:absolute;top:10px;left:5px;box-shadow:inset 0 2px}.icon-text{text-shadow:0 1px #14081ecc;font:800 20px/18px Georgia,serif!important}.icon-stamp:before{content:"";background:#552875;border:2px solid;border-radius:7px 7px 3px 3px;width:8px;height:10px;position:absolute;top:0;left:6px}.icon-stamp:after{content:"";background:#fff7d8;border:2px solid;border-radius:5px 5px 2px 2px;width:16px;height:7px;position:absolute;bottom:0;left:2px;box-shadow:0 3px 0 -2px}.icon-eraser:before{content:"";background:linear-gradient(90deg,#fff7d8 0 58%,#b47bc8 58% 100%);border:2px solid;border-radius:3px;width:18px;height:10px;position:absolute;top:4px;left:1px;transform:rotate(-28deg);box-shadow:0 2px #14081e8c}.icon-eraser:after{content:"";background:#f4cf7873;border-radius:50%;width:14px;height:2px;position:absolute;bottom:0;left:2px;transform:rotate(-8deg)}.context-strip{scrollbar-width:thin;background:#fff8e70e;border:1px solid #f4cf781c;border-radius:17px;flex-wrap:nowrap;align-items:center;gap:5px 10px;min-width:0;padding:5px 10px;display:flex;overflow:auto hidden}.compact-range{flex:130px;min-width:105px}.compact-range span,.effect-control span,.compact-text span,.compact-select span{color:#d7c6e2;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;gap:8px;margin-bottom:4px;font-size:7px;font-weight:800;display:flex}.compact-range b,.effect-control b{font:7px var(--font-geist-mono), monospace;color:var(--gold)}.compact-range input,.effect-control input{width:100%;height:10px;accent-color:var(--gold);display:block}.size-only{max-width:160px}.effect-control{flex:0 125px;min-width:105px;margin-left:auto}.compact-text{flex:200px;min-width:140px}.compact-text input{color:#fff;background:#0a051166;border:1px solid #f4cf783d;border-radius:999px;width:100%;height:24px;padding:0 10px;font-size:9px;font-weight:700}.compact-select{flex:0 132px;min-width:112px}.compact-select select{color:#fff;background:#241333;border:1px solid #f4cf783d;border-radius:999px;width:100%;height:24px;padding:0 24px 0 10px;font-size:9px;font-weight:700}.font-browser{max-width:108px;height:25px;color:var(--gold);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;background:#50276c75;border:1px solid #f4cf784d;border-radius:999px;padding:0 10px;font-size:7px;font-weight:800;overflow:hidden}.stamp-picker{color:#fff;text-align:left;cursor:pointer;background:#50276c75;border:1px solid #f4cf784d;border-radius:999px;min-width:145px;max-width:220px;height:38px;padding:5px 12px;overflow:hidden}.stamp-picker span,.stamp-picker b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.stamp-picker span{text-transform:uppercase;color:var(--gold);font-size:7px}.stamp-picker b{margin-top:3px;font-size:8px}.context-help{color:#c6b4d2;font:8px var(--font-geist-mono), monospace;flex:1;margin:0}.erase-help{color:#f1a995}.selected-chip{min-width:140px;color:var(--gold);font:7px var(--font-geist-mono), monospace;text-transform:uppercase;background:#f4cf781f;border:1px solid #f4cf7847;border-radius:999px;justify-content:space-between;align-items:center;gap:6px;padding:5px 9px;display:flex}.selected-chip button{color:#fff;cursor:pointer;text-transform:uppercase;background:#6d3a89;border:0;border-radius:999px;padding:4px 7px;font-size:7px}.dock-footer{color:#a995b7;font:7px var(--font-geist-mono), monospace;text-transform:uppercase;align-items:center;gap:11px;display:flex}.dock-footer>span{margin-right:auto}.dock-footer label{align-items:center;gap:5px;display:flex}.dock-footer select{color:#eadff0;background:#241333;border:1px solid #f4cf7838;border-radius:999px;height:20px;padding:0 7px;font-size:7px}.dock-footer button{height:20px;color:var(--gold);cursor:pointer;background:0 0;border:0;font-size:7px}.dock-footer button:disabled{opacity:.3}.history-controls{align-items:center;gap:7px;display:flex}.history-controls button{min-width:40px}.status-bar{color:#9f8dad;min-width:0;font:7px var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.05em;z-index:31;border-top:1px solid #f4cf7824;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.status-bar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-bar button{color:var(--gold);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;font-size:8px;font-weight:800;text-decoration:underline}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=980px){.app-shell{padding:0 12px}.studio-grid{gap:8px}.studio-grid.focus-frequency{grid-template-columns:minmax(82px,.42fr) minmax(350px,2.7fr) minmax(82px,.42fr)}.studio-grid.focus-original{grid-template-columns:minmax(330px,2.2fr) minmax(130px,.72fr) minmax(85px,.48fr)}.studio-grid.focus-output{grid-template-columns:minmax(85px,.48fr) minmax(130px,.72fr) minmax(330px,2.2fr)}.preview-panel,.frequency-panel{padding:8px}.privacy-note{font-size:0}.editor-dock{width:min(650px,100vw - 28px)}.compact-range{min-width:88px}.context-strip{gap:5px 8px}}@media (height<=700px){.app-shell{grid-template-rows:48px minmax(0,1fr) auto 22px}.studio-grid{padding:7px 0 5px}.editor-dock{grid-template-rows:42px 34px 16px;margin-top:0;padding:2px 10px 3px}.tool-strip button{flex-basis:37px;width:37px;height:37px}.tool-strip button b{font-size:13px}.context-strip{padding:4px 8px}.dock-footer{height:16px}.status-bar{font-size:6px}}@media (width<=720px){.labs-header{gap:9px;padding-inline:12px}.labs-brand span{display:none}.labs-brand{padding-right:5px}.labs-header-note{display:none}.spectrum-plaque{min-width:128px}.studio-grid.focus-frequency{grid-template-columns:66px minmax(300px,1fr) 66px}.studio-grid.focus-original{grid-template-columns:minmax(300px,1fr) 92px 62px}.studio-grid.focus-output{grid-template-columns:62px 92px minmax(300px,1fr)}.panel-heading h2{font-size:9px}.panel-heading span:first-child{display:none}.tool-strip{gap:5px}.tool-strip button{flex-basis:38px;width:38px;height:38px}.dock-footer>span{display:none}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}