#sw-app{font-family:'DM Sans','Segoe UI',sans-serif;--bg:#0f0e17;--surface:#1a1825;--card:#221f30;--border:#3a3550;--accent:#a89af7;--green:#3ecf8e;--red:#f76a6a;--yellow:#f7d96a;--muted:#c4c0d8;background:var(--bg);min-height:100vh;color:#fff;padding-bottom:80px;}
#sw-app *,#sw-app *::before,#sw-app *::after{box-sizing:border-box;}
#sw-app .sw-screen{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:20px;}
#sw-app .sw-login-box{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:40px 36px;width:100%;max-width:420px;text-align:center;}
#sw-app .sw-login-icon{font-size:48px;margin-bottom:12px;}
#sw-app .sw-login-title{font-size:26px;font-weight:800;color:#fff;margin:0 0 6px;}
#sw-app .sw-login-sub{color:var(--muted);font-size:14px;margin:0 0 28px;}
#sw-app .sw-topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;}
#sw-app .sw-logo{font-size:18px;font-weight:800;color:#fff;}
#sw-app .sw-welcome{font-size:13px;color:var(--muted);margin-left:12px;}
#sw-app .sw-logout-btn{background:transparent;border:1.5px solid var(--border);color:var(--muted);padding:6px 14px;border-radius:20px;cursor:pointer;font-size:12px;font-family:inherit;}
#sw-app .sw-logout-btn:hover{border-color:var(--red);color:var(--red);}
#sw-app .sw-tabs{display:flex;gap:6px;padding:16px 20px 0;background:var(--surface);border-bottom:1px solid var(--border);}
#sw-app .sw-tab{padding:10px 18px;border-radius:10px 10px 0 0;border:1px solid transparent;background:transparent;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;}
#sw-app .sw-tab:hover{color:#fff;background:rgba(168,154,247,0.1);}
#sw-app .sw-tab.sw-active{background:var(--card);border-color:var(--border);border-bottom-color:var(--card);color:var(--accent);}
#sw-app .sw-panel{background:var(--card);padding:24px 20px;min-height:300px;}
#sw-app .sw-panel-title{font-size:20px;font-weight:800;color:#fff;margin-bottom:20px;}
#sw-app .sw-field{margin-bottom:14px;}
#sw-app label{display:block;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.8px;margin-bottom:6px;}
#sw-app .sw-hint{font-size:10px;color:var(--muted);text-transform:none;letter-spacing:0;font-weight:400;margin-left:6px;}
#sw-app input[type="text"],#sw-app input[type="password"],#sw-app select,#sw-app textarea{width:100%;padding:11px 14px;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;color:#fff!important;font-family:inherit;font-size:14px;outline:none;-webkit-appearance:none;appearance:none;margin:0;}
#sw-app input:focus,#sw-app select:focus,#sw-app textarea:focus{border-color:var(--accent);}
#sw-app select option{background:#1a1825!important;color:#fff!important;}
#sw-app textarea{resize:vertical;}
#sw-app .sw-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media(max-width:600px){#sw-app .sw-form-row{grid-template-columns:1fr;}}
#sw-app .sw-type-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:4px;}
@media(max-width:700px){#sw-app .sw-type-grid{grid-template-columns:repeat(3,1fr);}}
#sw-app .sw-type-card{background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:14px 8px;text-align:center;cursor:pointer;transition:all 0.2s;}
#sw-app .sw-type-card:hover{border-color:var(--accent);}
#sw-app .sw-type-card.sw-type-active{border-color:var(--accent);background:rgba(168,154,247,0.15);}
#sw-app .sw-type-icon{font-size:24px;margin-bottom:6px;}
#sw-app .sw-type-label{font-size:11px;font-weight:700;color:var(--muted);}
#sw-app .sw-type-card.sw-type-active .sw-type-label{color:var(--accent);}
#sw-app .sw-btn-primary{display:block;width:100%;padding:14px;background:linear-gradient(135deg,#7c6af7,#a89af7);color:#fff;border:none;border-radius:12px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;margin-top:8px;line-height:normal;}
#sw-app .sw-btn-primary:disabled{opacity:0.7;cursor:not-allowed;}
#sw-app .sw-btn-generate{font-size:16px;padding:16px;}
#sw-app .sw-btn-sm{padding:7px 16px;background:rgba(168,154,247,0.12);border:1px solid rgba(168,154,247,0.3);border-radius:20px;color:var(--accent);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;}
#sw-app .sw-msg{padding:12px 16px;border-radius:10px;font-size:13px;font-weight:600;margin-bottom:12px;}
#sw-app .sw-msg.error{background:rgba(247,106,106,0.15);color:var(--red);border:1px solid rgba(247,106,106,0.3);}
#sw-app .sw-msg.success{background:rgba(62,207,142,0.12);color:var(--green);border:1px solid rgba(62,207,142,0.3);}
#sw-app .sw-section-label{font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:0.8px;padding:10px 0 8px;border-top:1px solid var(--border);margin-top:4px;}
#sw-app .sw-il-wrap{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:14px;}
#sw-app .sw-il-header{display:flex;gap:8px;margin-bottom:6px;}
#sw-app .sw-il-header span:first-child{flex:1;}
#sw-app .sw-il-header span:nth-child(2){flex:1;}
#sw-app .sw-il-header span:last-child{width:32px;flex-shrink:0;}
#sw-app .sw-il-header span{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;display:block;}
#sw-app .sw-il-row{display:flex !important;flex-direction:row !important;gap:8px;margin-bottom:8px;align-items:center;width:100%;}
#sw-app .sw-il-row input{flex:1 !important;width:auto !important;min-width:0;padding:8px 12px;font-size:13px;}
#sw-app .sw-il-url{flex:1 !important;}
#sw-app .sw-il-anchor{flex:1 !important;}
#sw-app .sw-il-del{width:32px !important;min-width:32px;max-width:32px;height:38px;flex-shrink:0 !important;background:rgba(247,106,106,0.1);border:1.5px solid rgba(247,106,106,0.3);border-radius:8px;color:var(--red);font-size:16px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;line-height:1;}
#sw-app .sw-btn-add-il{width:100%;padding:8px;background:transparent;border:1.5px dashed var(--border);border-radius:8px;color:var(--muted);font-family:inherit;font-size:13px;cursor:pointer;margin-top:4px;display:block;}
#sw-app .sw-btn-add-il:hover{border-color:var(--accent);color:var(--accent);}
#sw-app .sw-output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px;}
#sw-app .sw-output-actions{display:flex;gap:8px;flex-wrap:wrap;}
#sw-app .sw-pill{display:inline-block;padding:3px 10px;border-radius:20px;background:rgba(168,154,247,0.15);color:var(--accent);font-size:12px;font-weight:600;margin-left:8px;vertical-align:middle;}
#sw-app .sw-meta-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:16px;}
#sw-app .sw-meta-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px;flex-wrap:wrap;}
#sw-app .sw-meta-row:last-child{margin-bottom:0;}
#sw-app .sw-meta-label{font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;white-space:nowrap;padding-top:1px;}
#sw-app .sw-meta-val{font-size:13px;color:#fff;flex:1;line-height:1.4;}
#sw-app .sw-copy-mini{padding:3px 10px;background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--muted);font-size:11px;cursor:pointer;white-space:nowrap;font-family:inherit;}
#sw-app .sw-output-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;max-height:70vh;overflow-y:auto;margin-bottom:16px;}
#sw-app .sw-output-footer{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
#sw-app .sw-output-content h1{font-size:26px;font-weight:800;color:#fff;margin:0 0 16px;line-height:1.3;}
#sw-app .sw-output-content h2{font-size:20px;font-weight:700;color:var(--accent);margin:28px 0 12px;border-bottom:1px solid var(--border);padding-bottom:8px;}
#sw-app .sw-output-content h3{font-size:16px;font-weight:700;color:var(--yellow);margin:20px 0 8px;}
#sw-app .sw-output-content h4{font-size:14px;font-weight:700;color:var(--muted);margin:14px 0 6px;}
#sw-app .sw-output-content p{font-size:15px;color:#e0ddf5;line-height:1.8;margin-bottom:14px;}
#sw-app .sw-output-content ul,#sw-app .sw-output-content ol{padding-left:20px;margin-bottom:14px;}
#sw-app .sw-output-content li{font-size:15px;color:#e0ddf5;line-height:1.7;margin-bottom:6px;}
#sw-app .sw-output-content strong{color:#fff;font-weight:700;}
#sw-app .sw-output-content table{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:14px;}
#sw-app .sw-output-content th{background:rgba(168,154,247,0.15);color:var(--accent);padding:10px;text-align:left;border:1px solid var(--border);}
#sw-app .sw-output-content td{padding:10px;border:1px solid var(--border);color:#e0ddf5;}
#sw-app .sw-output-content blockquote{background:rgba(247,209,106,0.08);border-left:3px solid var(--yellow);padding:12px 16px;margin:14px 0;border-radius:0 8px 8px 0;color:var(--yellow);font-size:14px;}
#sw-app .sw-history-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:12px;}
#sw-app .sw-hi-type{font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;display:block;margin-bottom:4px;}
#sw-app .sw-hi-kw{font-size:15px;font-weight:700;color:#fff;margin-bottom:4px;}
#sw-app .sw-hi-meta{font-size:11px;color:var(--muted);}
#sw-app .sw-hi-right{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;}
#sw-app .sw-muted{color:var(--muted);font-style:italic;font-size:13px;}
#sw-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);background:#1a1825;color:#fff;padding:12px 24px;border-radius:30px;font-size:14px;font-weight:600;border:1px solid #3a3550;box-shadow:0 8px 32px rgba(0,0,0,0.5);z-index:99999;transition:transform 0.3s ease;font-family:'DM Sans','Segoe UI',sans-serif;white-space:nowrap;pointer-events:none;}
#sw-toast.sw-toast-show{transform:translateX(-50%) translateY(0);}


#sw-app .sw-tone-hint { display: none !important; }