:root{
  --bg:#0d0d10;--panel:#15151a;--panel2:#1c1c22;--line:#2a2a31;--text:#f7f4ee;--muted:#96949d;--accent:#d9b46d;--accent2:#f0d59c;--danger:#b96b6b;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Noto Sans JP",sans-serif;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 0,#252019 0,#0d0d10 42%);color:var(--text)}
button,input{font:inherit}button{cursor:pointer}.appbar{height:76px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20;background:rgba(13,13,16,.88)}
.eyebrow{font-size:9px;letter-spacing:.25em;color:var(--accent);font-weight:800}.appbar h1{font-size:18px;margin:4px 0 0;font-weight:750}.app-actions{display:flex;gap:8px;align-items:center}.icon-btn,.download-btn,.tool-btn,.tab,.upload-card{border:0}.icon-btn{width:40px;height:40px;border-radius:12px;background:var(--panel2);color:var(--text);font-size:16px}.icon-btn:disabled{opacity:.3}.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#ead08f,#b98b45);color:#21170a;font-weight:800;border-radius:12px;padding:12px 18px;box-shadow:0 8px 25px rgba(191,146,67,.18)}
.workspace{max-width:1480px;margin:0 auto;padding:28px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px}.preview-panel{min-width:0}.preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.preview-head strong{font-size:14px}.preview-head span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.save-state{color:#7dc09b!important}.canvas-wrap{width:100%;aspect-ratio:16/9;background:#000;border-radius:18px;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.06);position:relative}.canvas-stage{width:1280px;height:720px;transform-origin:top left}.canvas-stage .canvas-container{width:1280px!important;height:720px!important}.canvas-stage canvas{display:block}.preview-tip{font-size:11px;color:var(--muted);padding:11px 3px;line-height:1.6}.preview-tip a{color: #fff;}.preview-tip i{color:var(--accent);margin-right:4px}
.control-panel{background:rgba(20,20,25,.94);border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:16px;box-shadow:0 18px 60px rgba(0,0,0,.22);align-self:start;position:sticky;top:100px}.mobile-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;background:#0e0e12;border-radius:13px;margin-bottom:18px}.tab{background:transparent;color:var(--muted);padding:9px 4px;border-radius:10px;font-size:11px}.tab.active{background:#27272e;color:var(--text);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.tab-content{display:none}.tab-content.active{display:block}.section-title{font-size:13px;font-weight:800;display:flex;align-items:center;gap:8px;margin:2px 0 14px}.section-title span{font-size:9px;color:var(--accent);letter-spacing:.15em}.upload-card{display:flex;align-items:center;gap:12px;padding:15px;border-radius:14px;background:linear-gradient(135deg,#24231f,#1b1b20);border:1px solid rgba(224,189,118,.22);margin-bottom:10px}.upload-icon{width:40px;height:40px;border-radius:12px;background:#2d291f;color:var(--accent2);display:grid;place-items:center;font-size:16px}.upload-card b,.upload-card small{display:block}.upload-card b{font-size:12px}.upload-card small{font-size:10px;color:var(--muted);margin-top:3px}.tool-row{display:flex;gap:7px;margin:9px 0}.tool-btn{background:var(--panel2);color:var(--text);border:1px solid var(--line);padding:10px 11px;border-radius:10px;font-size:11px;flex:1;display:flex;align-items:center;justify-content:center;gap:7px}.tool-btn:hover{border-color:#48454e}.tool-btn.danger{color:#d79595}.control-card{padding:12px;background:#101015;border:1px solid var(--line);border-radius:12px;margin-top:9px}.range-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:9px}.range-label output{color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent)}.mini-title{font-size:10px;color:var(--muted);margin-bottom:8px}.nudge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.nudge-grid button{height:32px;background:#1c1c22;color:var(--text);border:1px solid #2a2a31;border-radius:8px}.field{margin:10px 0}.field label{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.field input[type=text],.field input[type=number]{width:100%;background:#0e0e12;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 11px;outline:none}.field input:focus{border-color:#75613d}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.color-line{display:flex;align-items:center;gap:8px;background:#0e0e12;border:1px solid var(--line);border-radius:10px;padding:7px 10px}.color-line input{width:30px;height:25px;border:0;background:transparent;padding:0}.color-line span{font:11px ui-monospace,monospace;color:var(--muted)}.full{width:100%;margin-top:8px}.hint{font-size:10px;line-height:1.65;color:#77757e}.hint i{margin-right:4px;color:var(--accent)}.info-card{background:#101015;border:1px solid var(--line);border-radius:11px;padding:11px;margin-bottom:7px}.info-card b,.info-card span{display:block}.info-card b{font-size:10px;color:var(--muted)}.info-card span{font-size:11px;margin-top:4px}.large{width:100%;margin:10px 0 2px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#25252c;border:1px solid #3b3a43;padding:10px 14px;border-radius:12px;font-size:11px;pointer-events:none;transition:.25s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.workspace{grid-template-columns:1fr;padding:18px}.control-panel{position:static}.appbar{padding:0 16px}.preview-panel{max-width:900px;margin:auto;width:100%}}
@media(max-width:600px){.appbar{height:64px}.appbar h1{font-size:15px}.eyebrow{font-size:7px}.app-actions .icon-btn{display:none}.download-btn{padding:10px 12px;font-size:11px}.workspace{padding:10px 10px 30px;gap:10px}.canvas-wrap{border-radius:12px}.preview-tip{font-size:10px;padding:8px 2px}.control-panel{border-radius:16px;padding:10px}.mobile-tabs{margin-bottom:12px}.tab{font-size:10px;padding:8px 2px}.section-title{margin-bottom:10px}}