* { font-family: 'Courier New', monospace; }
    body { max-width: 900px; margin: 20px auto; padding: 0 15px; background: #fff; color: #111; }
    h1 { border-bottom: 2px solid #000; padding-bottom: 8px; }
    h2 { border-bottom: 1px solid #888; padding-bottom: 4px; margin-top: 30px; }
    a { color: #00f; }
    input, select, textarea { border: 1px solid #888; padding: 4px 8px; margin: 4px 0; font-family: inherit; width: 400px; }
    button { border: 2px solid #000; padding: 6px 16px; background: #eee; cursor: pointer; font-family: inherit; font-weight: bold; }
    button:hover { background: #ddd; }
    table { border-collapse: collapse; width: 100%; margin: 10px 0; }
    th, td { border: 1px solid #888; padding: 6px 10px; text-align: left; }
    th { background: #eee; }
    .breadcrumb { font-size: 0.9em; color: #666; margin-bottom: 15px; }
    .breadcrumb a { color: #666; }
    .result { background: #f5f5f5; border: 1px solid #888; padding: 10px; margin: 10px 0; white-space: pre-wrap; font-size: 0.85em; }
    .error { background: #fee; border: 1px solid #c00; color: #c00; padding: 10px; margin: 10px 0; }
    .tree { list-style: none; padding-left: 0; }
    .tree li { padding: 2px 0; }
    .tree ul { padding-left: 20px; list-style: none; }
    .tree .domain { font-weight: bold; font-size: 1.1em; margin-top: 10px; }
    label { display: block; margin-top: 8px; font-weight: bold; }
    .form-group { margin-bottom: 12px; }