*,*:before,*:after{box-sizing:border-box}body{margin:0;background:#f9fafb}h2{margin:0 0 4px;font-size:1.6rem}.subtitle{color:#666;margin-bottom:20px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 1px 2px #0000000a}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px}.field{display:flex;flex-direction:column;gap:4px;flex:1 1 180px}.field label{font-size:.85rem;color:#444;font-weight:500}input[type=text],input[type=number],input[type=file],select,textarea{padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;font-family:inherit}input[type=text]:focus,input[type=number]:focus,input[type=file]:focus,select:focus,textarea:focus{outline:2px solid #6366f1;border-color:transparent}textarea{min-height:120px;resize:vertical;font-family:ui-monospace,Cascadia Code,monospace}.toggle{display:inline-flex;background:#f3f4f6;border-radius:8px;padding:4px}.toggle button{border:none;background:transparent;padding:6px 14px;border-radius:6px;cursor:pointer;font-weight:500;color:#4b5563}.toggle button.active{background:#fff;color:#111;box-shadow:0 1px 2px #0000001a}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}button.primary,button.secondary,button.ghost{padding:10px 18px;border-radius:8px;font-weight:600;cursor:pointer;border:1px solid transparent;font-size:.95rem;font-family:inherit}button.primary{background:#4f46e5;color:#fff}button.primary:hover:not(:disabled){background:#4338ca}button.secondary{background:#fff;color:#111;border-color:#d1d5db}button.secondary:hover:not(:disabled){background:#f9fafb}button.ghost{background:transparent;color:#4f46e5}button:disabled{opacity:.55;cursor:not-allowed}.error{background:#fee2e2;color:#991b1b;padding:10px 14px;border-radius:8px;margin-bottom:12px;font-size:.9rem}