.troy-input-group{display:flex;gap:10px;margin-bottom:20px}#troy-url{width:100%;min-height:100px;padding:10px;margin-bottom:10px;border:1px solid #ddd;border-radius:4px;width:calc(100% - 160px);margin:0}.website-container{margin-bottom:10px;padding:5px;border:1px solid #e0e0e0;background:#fff}.troy-flow-container{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:10px}.status-item.success{background-color:#e8f5e9;border-color:#4caf50}.status-item.redirect{background-color:#fff3e0;border-color:#ff9800}.status-item.client-error{background-color:#ffebee;border-color:#f44336}.status-item.server-error{background-color:#fce4ec;border-color:#e91e63}.status-item.redirect .status-code{color:#ff9800}.status-item.success .status-code{color:#4caf50}.status-item.client-error.status-code{color:#d32f2f}.status-item.server-error.status-code{color:#b71c1c}#troy-url:focus{border-color:#004c99;box-shadow:0 0 0 2px rgb(0 115 170 / .2);outline:none}#troy-check-button,.troy-toggle-details{padding:12px 25px;background-color:#06c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:all 0.3s ease;width:150px;height:100px;margin:0}#troy-check-button:hover,.troy-toggle-details:hover{background-color:#004c99;transform:translateY(-1px)}#troy-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgb(0 0 0 / .3);border-radius:50%;border-top-color:#0073aa;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}#troy-result{margin-top:20px;font-size:16px}.troy-flow-container{display:flex;flex-wrap:wrap;align-items:center;overflow-x:auto;padding-bottom:10px}#troy-popup{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0 0 0 / .4)}.troy-popup-content{background-color:#fefefe;margin:10% auto;padding:20px;border:1px solid #888;width:80%;max-width:700px;border-radius:8px;box-shadow:0 4px 8px rgb(0 0 0 / .2);position:relative}.troy-popup-close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer;position:absolute;right:15px;top:10px}.troy-popup-close:hover{color:#000}.troy-popup-body{margin-top:10px}.troy-popup-body h3{color:#2c3338;margin:0 0 15px 0;font-size:18px}.troy-popup-body p{margin:8px 0;line-height:1.6;color:#50575e}.details-item strong{color:#1d2327}.status-item{display:inline-flex;align-items:center;padding:8px 10px;margin:5px;border-radius:4px;border:1px solid #ddd;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;position:relative}.status-item:hover{transform:translateY(-2px);box-shadow:0 2px 5px rgb(0 0 0 / .1)}.status-item .status-number{background:#5c5c5c;width:20px;height:20px;border-radius:100%;display:flex;justify-content:center;align-items:center;position:absolute;margin-left:-18px;margin-top:-35px;color:#fff;font-size:14px;box-shadow:rgb(100 100 111 / .2) 0 7px 29px 0}.status-item .status-code{font-weight:700;margin:0 8px 0 0;min-width:30px;text-align:center}.status-item .status-text{margin:0 8px;font-weight:500}.status-item .status-url{max-width:300px;overflow:hidden;text-overflow:ellipsis;color:#000}.success{background-color:#e8f5e9;border-color:#4caf50}.redirect{background-color:#fff3e0;border-color:#ff9800}.client-error{background-color:#ffebee;border-color:#f44336}.server-error{background-color:#fce4ec;border-color:#e91e63}.arrow{display:inline-block;font-size:18px;color:#666;margin:0 5px;font-weight:700;position:absolute;right:-30px}.header-section{margin-top:15px;margin-bottom:15px;background-color:#f8f9fa;border-radius:4px;padding:10px;border-left:3px solid #6c757d}.header-content{max-height:80vh;overflow-y:auto;overflow-y:auto;font-family:monospace;font-size:13px}.header-line{margin:2px 0;line-height:1.4;white-space:pre-wrap;word-break:break-all}