:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#090d14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#14b8a61f,#0000 26rem),#090d14;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}.app-shell{width:min(100%,460px);min-height:100vh;margin:0 auto;padding:18px 16px 104px}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;padding:6px 2px 18px;display:flex}h1{color:#f8fafc;letter-spacing:0;margin:0;font-size:28px;line-height:1.1}.topbar p{color:#94a3b8;margin:9px 0 0;font-size:14px;line-height:1.5}.mark{color:#99f6e4;background:#102823;border:1px solid #2dd4bf57;border-radius:8px;flex:none;place-items:center;width:44px;height:44px;display:grid}.axis-panel{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.field,.quadrant-input{gap:8px;display:grid}.field span,.quadrant-input span{color:#cbd5e1;font-size:12px;font-weight:700;line-height:1}input,textarea{color:#f8fafc;background:#111827;border:1px solid #334155;border-radius:8px;outline:none;width:100%}input{min-height:44px;padding:0 12px}textarea{resize:none;height:calc(10.15em + 22px);min-height:calc(10.15em + 22px);max-height:calc(10.15em + 22px);padding:11px 12px;line-height:1.45;overflow:auto}input:focus,textarea:focus{border-color:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf24}.preview-shell{padding:0 0 34px 28px;position:relative}.preview-grid{aspect-ratio:1;background:#0f172a;border:1px solid #475569;border-radius:8px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.preview-cell{border:1px solid #cbd5e133;min-width:0;padding:16px 14px}.preview-cell p{color:#f8fafc;white-space:pre-line;-webkit-line-clamp:7;-webkit-box-orient:vertical;height:9.45em;min-height:9.45em;max-height:9.45em;margin:0;font-size:clamp(14px,4vw,18px);font-weight:650;line-height:1.35;display:-webkit-box;overflow:hidden}.tone-teal{background:#14b8a62e}.tone-blue{background:#3b82f62b}.tone-amber{background:#f59e0b2b}.tone-slate{background:#64748b33}.axis-label{color:#99f6e4;font-size:13px;font-weight:800;line-height:1;position:absolute}.axis-y{transform-origin:50%;top:50%;left:-14px;transform:translateY(-50%)rotate(-90deg)}.axis-x{text-align:center;bottom:4px;left:28px;right:0}.editor-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.quadrant-input{background:#0f172a;border:1px solid #263445;border-radius:8px;padding:10px}.quadrant-input textarea{background:#090d14bd}.export-button{color:#06201c;background:#5eead4;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;margin-top:16px;font-size:16px;font-weight:850;display:inline-flex;box-shadow:0 18px 42px #14b8a63d}.export-button:active{transform:translateY(1px)}.export-message{color:#cbd5e1;margin:12px 0 0;font-size:13px;line-height:1.45}.export-message.error{color:#fca5a5}.export-preview{background:#0f172a;border:1px solid #263445;border-radius:8px;gap:12px;margin-top:14px;padding:12px;display:grid}.export-preview strong{color:#f8fafc;font-size:15px;line-height:1.2;display:block}.export-preview p{color:#94a3b8;margin:6px 0 0;font-size:13px;line-height:1.45}.export-preview img{object-fit:contain;background:#090d14;border:1px solid #334155;border-radius:8px;width:100%;max-height:380px}.secondary-button{color:#d1fae5;background:#14b8a61f;border:1px solid #2dd4bf59;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-size:14px;font-weight:750;display:inline-flex}.export-canvas{display:none}@media (width>=720px){body{place-items:start center;display:grid}.app-shell{padding-top:34px}}