:root{--ink:#080914;--line:#303447;--paper:#f5f3ed;--muted:#aeb6c8;--pink:#ff3e9d;--cyan:#4feaff;--acid:#dfff19}*{box-sizing:border-box}body{margin:0;background:#080914;color:var(--paper);font:12px ui-monospace,SFMono-Regular,Consolas,monospace}header{height:54px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;letter-spacing:.08em}header a{color:var(--paper);text-decoration:none}.brand{font:800 18px Arial,sans-serif}.brand span{color:var(--pink)}header p{color:var(--muted);font-size:10px}.layout{min-height:calc(100vh - 54px);display:grid;grid-template-columns:290px minmax(0,1fr) 300px}.panel{border-right:1px solid var(--line);padding:22px 16px;background:#0a0b13}.panel.right{border-right:0;border-left:1px solid var(--line)}h1{font:900 clamp(44px,6vw,80px)/.76 Arial,sans-serif;margin:8px 0 16px;letter-spacing:-.08em}h1 em{color:var(--pink);font-style:normal}.lede{font:13px/1.55 system-ui,sans-serif;color:var(--muted);margin:0 0 18px}.micro{font-size:9px;line-height:1.5;color:var(--muted);letter-spacing:.04em}.upload,button{display:block;width:100%;border:1px solid #4a5065;background:transparent;color:var(--paper);padding:12px 10px;text-align:left;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;cursor:pointer}.upload{border-color:var(--cyan);text-align:center;color:var(--cyan)}.upload input{position:absolute;width:1px;height:1px;opacity:0}button:hover,button.active{border-color:var(--pink);color:var(--pink);background:#ff3e9d10}button.accent{background:var(--acid);border-color:var(--acid);color:#080914;font-weight:800;text-align:center}section{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}h2{font-size:10px;color:var(--acid);letter-spacing:.08em;margin:0 0 10px}.effect-list,.preset-list{display:grid;gap:5px}.effect-list button:before{content:'○ ';color:var(--muted)}.effect-list button.active:before{content:'● ';color:var(--acid)}.viewer{position:relative;min-height:650px;background:radial-gradient(circle at 50% 40%,#152641,#080914 62%);display:grid;place-items:center;overflow:hidden}.viewer-bar,.hint{position:absolute;left:16px;right:16px;display:flex;justify-content:space-between;color:var(--acid);font-size:9px;letter-spacing:.08em;z-index:2}.viewer-bar{top:16px}.hint{bottom:14px;color:var(--muted)}canvas{max-width:88%;max-height:82vh;box-shadow:0 18px 60px #000a;image-rendering:auto}label{display:block;color:var(--paper);font-size:10px;letter-spacing:.05em;margin:15px 0}label output{float:right;color:var(--acid)}input[type=range]{display:block;width:100%;accent-color:var(--pink);margin-top:8px}.effect-tuning label{margin:12px 0}.effect-tuning .micro{margin:0;color:var(--muted)}.tuning-group{border-top:1px solid var(--line);margin-top:20px;padding-top:13px}.tuning-group summary{color:var(--paper);font-weight:700;letter-spacing:.06em;cursor:pointer;list-style:none}.tuning-group summary::-webkit-details-marker{display:none}.tuning-group summary::first-letter{color:var(--acid)}.reset{float:right;width:auto;border:0;padding:0;color:var(--muted);font-size:9px}.tuning-group select,.tuning-group input[type=color]{display:block;width:100%;margin-top:8px;background:#080914;color:var(--paper);border:1px solid var(--line);padding:9px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.tuning-group input[type=color]{height:36px;padding:3px}.check{color:var(--muted)}.check input{accent-color:var(--pink);margin-right:8px}.export-types{display:grid;grid-template-columns:1fr 1fr;gap:4px}.export-types button{min-height:52px}.export-types button small{display:block;color:var(--muted);margin-top:4px}.export-types button[disabled]{cursor:not-allowed;opacity:.45}.privacy p{color:var(--muted);line-height:1.5}@media(max-width:900px){.layout{grid-template-columns:1fr}.panel{border:0;border-bottom:1px solid var(--line)}.panel.left{order:2}.viewer{order:1;min-height:55vh}.panel.right{order:3;border-left:0}.effect-list,.preset-list{grid-template-columns:repeat(2,1fr)}h1{font-size:48px}.viewer canvas{max-width:92%;max-height:56vh}}