*{box-sizing:border-box}html{background-color:#080808;min-width:320px;min-height:100%}body{color:#ccc;background-color:#080808;min-width:320px;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font-family:inherit}button{-webkit-tap-highlight-color:transparent}::selection{color:#111;background-color:#ddd}.app{min-height:100vh}.header{background-color:#080808;border-bottom:1px solid #202020;justify-content:space-between;align-items:center;gap:20px;min-height:60px;padding:0 30px;display:flex}.logo{color:#fff;letter-spacing:-1px;font-size:20px;font-weight:700}.logo span{color:#777}.header-right{align-items:center;gap:18px;display:flex}.header-right>span{color:#555;font-size:10px}.header-tag{color:#4f4f4f;letter-spacing:2px;text-transform:uppercase;font-size:10px}.hero{width:100%;max-width:1200px;margin:0 auto;padding:80px 30px 45px}.hero-label{color:#555;letter-spacing:2px;font-size:10px}.hero h1{color:#fff;letter-spacing:-3px;max-width:760px;margin:10px 0 12px;font-size:clamp(38px,6vw,68px);line-height:.98}.hero p{color:#777;max-width:560px;margin:0;font-size:15px;line-height:1.6}.workspace{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:20px;width:100%;max-width:1200px;margin:0 auto;padding:0 30px 70px;display:grid}.sidebar{scrollbar-width:thin;scrollbar-color:#303030 transparent;background-color:#0d0d0d;border:1px solid #202020;border-radius:10px;max-height:660px;padding:10px;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background-color:#0000}.sidebar::-webkit-scrollbar-thumb{background-color:#303030;border-radius:20px}.sidebar-section+.sidebar-section{margin-top:17px}.sidebar-title{color:#444;letter-spacing:2px;padding:12px 10px 8px;font-size:9px}.danger-title{color:#594646}.guide-button{color:#777;text-align:left;cursor:pointer;background-color:#0000;border:none;border-radius:6px;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:13px 12px;transition:background-color .2s,color .2s,transform .2s;display:flex}.guide-button:hover{color:#ccc;background-color:#151515;transform:translate(2px)}.guide-button.active{color:#fff;background-color:#1b1b1b}.guide-button strong{font-size:13px;font-weight:500}.guide-button span{color:#555;font-size:11px;line-height:1.4}.command-panel{background-color:#0d0d0d;border:1px solid #202020;border-radius:10px;min-width:0;min-height:420px;padding:30px}.panel-top{border-bottom:1px solid #202020;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:25px;display:flex}.panel-info{min-width:0}.panel-label{color:#444;letter-spacing:2px;font-size:9px}.panel-top h2{color:#fff;margin:7px 0 5px;font-size:28px;line-height:1.1}.panel-top p{color:#666;margin:0;font-size:13px}.copy-all{color:#111;cursor:pointer;background-color:#eee;border:none;border-radius:5px;flex-shrink:0;min-height:36px;padding:0 13px;font-size:10px;font-weight:700;transition:background-color .2s,transform .2s}.copy-all:hover{background-color:#fff;transform:translateY(-1px)}.warning{background-color:#161111;border:1px solid #312222;border-radius:7px;align-items:flex-start;gap:12px;margin-top:20px;padding:14px;display:flex}.warning-icon{color:#c98b8b;border:1px solid #5a3434;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;display:flex}.warning strong{color:#c99b9b;font-size:12px}.warning p{color:#765f5f;margin:4px 0 0;font-size:11px;line-height:1.5}.commands{margin-top:10px}.command{border-bottom:1px solid #1d1d1d;grid-template-columns:35px minmax(0,1fr);gap:12px;padding:22px 0;display:grid}.command:last-child{border-bottom:none}.command-number{color:#3d3d3d;padding-top:12px;font-family:monospace;font-size:11px}.command-content{min-width:0}.command-code{background-color:#080808;border:1px solid #242424;border-radius:6px;justify-content:space-between;align-items:center;gap:15px;min-height:44px;padding:0 7px 0 15px;display:flex}.command-code code{color:#d0d0d0;white-space:nowrap;scrollbar-width:none;min-width:0;font-family:Consolas,Courier New,monospace;font-size:13px;overflow-x:auto}.command-code code::-webkit-scrollbar{display:none}.command-code button{color:#777;cursor:pointer;background-color:#171717;border:1px solid #292929;border-radius:4px;flex-shrink:0;height:30px;padding:0 9px;font-size:9px;transition:color .2s,background-color .2s}.command-code button:hover{color:#fff;background-color:#202020}.command-content p{color:#5d5d5d;margin:9px 5px 0;font-size:12px;line-height:1.5}.intro-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#000000c9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.intro-modal{background-color:#101010;border:1px solid #303030;border-radius:12px;width:100%;max-width:720px;max-height:90vh;padding:36px;animation:.25s intro-open;position:relative;overflow-y:auto;box-shadow:0 30px 100px #00000090}.intro-close{color:#666;cursor:pointer;background:0 0;border:none;padding:0;font-size:28px;position:absolute;top:13px;right:17px}.intro-close:hover{color:#fff}.intro-label{color:#555;letter-spacing:2px;font-size:10px}.intro-modal h2{color:#fff;letter-spacing:-1px;max-width:550px;margin:12px 0 10px;font-size:35px;line-height:1.05}.intro-description{color:#888;max-width:580px;margin:0;font-size:14px;line-height:1.6}.intro-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:27px;display:grid}.intro-card{background-color:#151515;border:1px solid #262626;border-radius:7px;flex-direction:column;align-items:flex-start;min-height:120px;padding:15px;display:flex}.intro-card>span{color:#444;margin-bottom:13px;font-size:10px}.intro-card strong{color:#d3d3d3;font-size:13px}.intro-card p{color:#666;margin:7px 0 0;font-size:11px;line-height:1.5}.intro-note{background-color:#171717;border-left:2px solid #fff;gap:10px;margin-top:18px;padding:13px;display:flex}.intro-note span{color:#fff}.intro-note p{color:#777;margin:0;font-size:12px}.intro-note strong{color:#ccc}.intro-actions{gap:10px;margin-top:24px;display:flex}.intro-primary,.intro-secondary{cursor:pointer;border-radius:5px;min-height:43px;padding:0 16px;font-size:10px;font-weight:700}.intro-primary{color:#111;background-color:#eee;border:none}.intro-primary:hover{background-color:#fff}.intro-secondary{color:#777;background-color:#0000;border:1px solid #303030}.intro-secondary:hover{color:#fff;border-color:#555}@keyframes intro-open{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=900px){.hero{padding-top:60px}.workspace{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,1fr);gap:8px;max-height:none;display:grid}.sidebar-section{padding:4px;margin:0!important}}@media (width<=650px){.header{padding:0 16px}.header-right>span{display:none}.hero{padding:45px 16px 30px}.hero h1{letter-spacing:-2px;font-size:44px}.workspace{padding:0 16px 45px}.sidebar{display:block}.sidebar-section+.sidebar-section{margin-top:17px!important}.command-panel{padding:22px 16px}.panel-top{flex-direction:column}.copy-all{width:100%}.intro-modal{padding:30px 20px 22px}.intro-modal h2{font-size:29px}.intro-grid{grid-template-columns:1fr}.intro-card{min-height:auto}.intro-actions{flex-direction:column}.intro-primary,.intro-secondary{width:100%}}@media (width<=430px){.header-tag{display:none}.hero h1{font-size:38px}.hero p{font-size:13px}.command{grid-template-columns:1fr;gap:6px}.command-number{display:none}.command-code{padding-left:11px}.command-code code,.command-content p{font-size:11px}.intro-overlay{padding:8px}}