*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:transparent;color:#e8e8f0}.app{min-height:100vh;padding:24px}.header h1{margin:0 0 8px;font-size:1.5rem}.status{margin:0;color:#9aa0b8;font-size:.9rem}.layout{display:flex;gap:24px;margin-top:24px;flex-wrap:wrap}.panel{flex:1;min-width:320px;max-width:480px;display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field textarea{width:100%;padding:12px;border:1px solid #2d2d44;border-radius:8px;background:#1a1a2e;color:#e8e8f0;resize:vertical;font-size:.95rem}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions button,.tip{padding:10px 16px;border:none;border-radius:8px;background:#4f6ef7;color:#fff;cursor:pointer;font-size:.9rem}.actions button:disabled{opacity:.5;cursor:not-allowed}.actions button:nth-child(2){background:#2d9f6f}.actions button:nth-child(3){background:#c45c3e}.actions button:nth-child(4){background:#6b5b95}.tip{width:100%;text-align:left;background:#3d3d5c}.tip.warn{background:#8b5a2b}.meta{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:#7a8099}.viewer{flex-shrink:0}.viewer iframe{border:none;border-radius:16px;background:transparent;box-shadow:none}.loading{width:450px;height:800px;display:flex;align-items:center;justify-content:center;background:#1a1a2e;border-radius:16px;color:#7a8099}