:root{--bg:#0d0b16;--side:#100e1c;--panel:#181525;--panel2:#211d30;--line:#302a42;--text:#f4f0e8;--muted:#a69db8;--violet:#a884fb;--gold:#f1be74;--discord:#313338;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block}.ambient{position:fixed;pointer-events:none;filter:blur(90px);z-index:-1;border-radius:50%}.ambient-a{width:480px;height:480px;background:#4a288341;top:-170px;right:8%}.ambient-b{width:360px;height:360px;background:#83562423;bottom:-170px;left:25%}.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(170deg,#151122,#0d0b16 70%);border-right:1px solid #2a243a;position:sticky;top:0;height:100vh;padding:28px 16px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:8px;padding:0 14px;margin-bottom:51px;font:800 29px var(--display);letter-spacing:-1.7px}.brand img{width:45px;height:45px;object-fit:contain}.brand-dot{color:var(--gold)}.sidebar-label,.sidebar-foot{font:700 10px var(--display);letter-spacing:1.8px;color:#746b88;padding:0 16px}.nav-list{margin-top:15px;display:grid;gap:7px}.nav-link{display:flex;align-items:center;gap:13px;padding:13px 13px;border-radius:11px;color:#aaa3b9;font-size:13px;font-weight:700;transition:.2s}.nav-link:hover,.nav-link.active{background:#34254d;color:#f5edff}.nav-link.active{box-shadow:inset 3px 0 #b790ff}.nav-icon{width:20px;text-align:center;color:#b999f5;font-size:19px;line-height:1}.nav-chevron{margin-left:auto;font-size:20px;font-weight:400;color:#8b79a5}.sidebar-bottom{margin:auto 6px 25px;padding:20px;background:linear-gradient(130deg,#332443,#231d31);border:1px solid #55416b;border-radius:16px;position:relative;overflow:hidden}.sidebar-bottom:after{content:'';position:absolute;width:100px;height:100px;background:#a17bfb33;filter:blur(28px);right:-25px;top:-18px}.mini-orb{color:var(--gold);font-size:24px;margin-bottom:17px}.sidebar-bottom strong{display:block;font:800 12px var(--display);margin-bottom:7px}.sidebar-bottom p{margin:0;color:#b5aac5;font-size:11px;line-height:1.6}.sidebar-foot{font-size:8px;line-height:1.5}.main-content{min-width:0;padding:0 4.5vw}.topbar{height:76px;border-bottom:1px solid #2a2538;display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{font:800 10px var(--display);letter-spacing:1.6px;color:#80778f}.breadcrumb span{color:#61566f;padding:0 10px}.breadcrumb strong{color:#d6c0ff}.topbar-right{font-size:11px;color:#b6aabe;font-weight:700;white-space:nowrap}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#91dfa9;margin-right:7px;box-shadow:0 0 8px #91dfa9}.hero{min-height:255px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:29px 0 26px;border-bottom:1px solid #2a2538;overflow:hidden}.hero-copy{position:relative;z-index:1}.eyebrow{font:800 10px var(--display);letter-spacing:2px;color:var(--gold);margin-bottom:12px}.eyebrow span{font-size:18px;vertical-align:-2px;margin-right:5px}.hero h1{font:800 clamp(28px,3vw,42px)/1.16 var(--display);letter-spacing:-1.6px;margin:0 0 12px}.hero h1 em{font-style:normal;background:linear-gradient(95deg,#e8beff,#ad8bff 55%,#ffd999);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#aba4b9;font-size:13px;line-height:1.7;max-width:580px;margin:0}.hero-logo{height:245px;width:245px;object-fit:contain;margin-right:4%;filter:drop-shadow(0 0 44px #7849ba8c)}.tool-section{display:none;padding-top:35px}.tool-section.active{display:block}.section-heading,.palette-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-kicker{color:var(--gold);font:800 10px var(--display);letter-spacing:2px;margin-bottom:7px}.section-heading h2{font:800 25px var(--display);letter-spacing:-.7px;margin:0 0 5px}.section-heading p{font-size:13px;color:var(--muted);margin:0}.section-badge{color:#c8a8fb;border:1px solid #4c3a65;background:#292039;border-radius:99px;padding:8px 12px;font:800 9px var(--display);letter-spacing:1.2px;white-space:nowrap}.workspace-grid{display:grid;grid-template-columns:minmax(330px,.98fr) minmax(360px,1.02fr);gap:20px;margin-top:21px}.panel{background:linear-gradient(150deg,#1b1729,#171421);border:1px solid #352d47;border-radius:17px;box-shadow:0 10px 38px #00000018}.controls-panel{padding:24px}.panel-heading{display:flex;align-items:center;gap:12px;border-bottom:1px solid #352e44;padding-bottom:20px;margin-bottom:21px}.panel-symbol{width:38px;height:38px;display:grid;place-items:center;border:1px solid #6a4a8b;background:#38244e;color:#dec4ff;border-radius:11px;font-size:22px}.panel-symbol.small{width:28px;height:28px;border-radius:8px;font-size:17px;display:inline-grid;margin-right:8px}.panel-heading h3{font:800 15px var(--display);margin:0 0 3px}.panel-heading p{font-size:11px;color:var(--muted);margin:0}.field-group{margin-bottom:19px}.field-label{display:block;font:800 10px var(--display);letter-spacing:1.1px;color:#d6cce0;margin-bottom:9px}.field-hint{font-size:10px;color:#83788f}.segmented{display:flex;background:#11101a;border:1px solid #393149;border-radius:9px;padding:4px;gap:3px}.style-btn{flex:1;border:0;border-radius:6px;background:transparent;color:#978da8;padding:10px 4px;font-size:11px;font-weight:700}.style-btn.selected{background:#6d46a5;color:white;box-shadow:0 2px 10px #784ba850}.text-input,.hex-input{width:100%;background:#100e19;border:1px solid #40364f;color:#f6f1ff;border-radius:8px;padding:11px 13px;outline:0;font-size:12px;transition:border-color .2s,box-shadow .2s}.text-input:focus,.hex-input:focus{border-color:#a37cdb;box-shadow:0 0 0 3px #a37cdb20}.text-input::placeholder{color:#746a82}.textarea{resize:vertical;min-height:120px;line-height:1.5}.color-title{display:flex;align-items:baseline;justify-content:space-between}.color-control{display:flex;gap:9px}.color-picker{width:46px;height:42px;background:#100e19;border:1px solid #40364f;border-radius:8px;padding:4px;cursor:pointer}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:0;border-radius:5px}.hex-input{flex:1;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.icon-btn{width:43px;border:1px solid #40364f;background:#252031;color:#c9b9db;border-radius:8px;font-size:19px}.icon-btn:hover{background:#39304b}.control-actions{display:flex;gap:9px;padding-top:2px}.button{border-radius:8px;border:1px solid transparent;padding:11px 16px;font-size:11px;font-weight:800;white-space:nowrap}.button-secondary{background:#2b2539;color:#e2d9ea;border-color:#493b5a}.button-primary{background:linear-gradient(110deg,#9165da,#bd8de9);color:#170d21;box-shadow:0 5px 22px #9c69de3d}.button:hover{filter:brightness(1.12);transform:translateY(-1px)}.button span{margin-left:7px}.preview-column{display:flex;flex-direction:column;gap:14px}.preview-panel{overflow:hidden;min-height:363px}.preview-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #353044;font-size:12px}.preview-heading>div{display:flex;align-items:center}.live-pill{font:800 9px var(--display);color:#a6e1b0;letter-spacing:1px}.live-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#82d595;margin-right:5px}.preview-toolbar{background:#2b2d31;border-bottom:1px solid #222327;color:#eee;padding:13px 17px;display:flex;justify-content:space-between;font-weight:700;font-size:12px}.preview-toolbar span:last-child{color:#aeb0b4}.discord-chat{background:#313338;min-height:242px;padding:20px 15px;color:#dbdee1;font-family:Arial,sans-serif}.channel-welcome{display:flex;flex-direction:column;align-items:flex-start;gap:4px;border-bottom:1px solid #4a4d53;padding:0 0 14px 3px;margin-bottom:15px}.channel-welcome strong{font-size:15px;color:#f2f3f5}.channel-welcome span{font-size:10px;color:#b8bbc0}.hash-orb{width:35px;height:35px;border-radius:12px;background:#464a51;display:grid;place-items:center;font-size:23px;font-weight:700;margin-bottom:8px}.discord-message{display:flex;gap:10px;margin:13px 0}.avatar{flex:none;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f0c774,#ad78ee);font-weight:700;color:#292038}.avatar-other{background:#659ca9;color:#fff}.message-body{min-width:0}.message-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:18px}.discord-name,.other-name,.bot-name{font-weight:700;font-size:12px;color:#b58cff}.other-name{color:#91d3ba}.message-header time{font-size:9px;color:#a4a7ae;margin-left:3px}.message-body p{font-size:11px;line-height:1.5;margin:5px 0 0;color:#dddfe2}.role-pill{font-size:9px;color:#fff;padding:3px 6px;border-radius:3px;background:#72519a}.preview-footer{font-size:10px;color:#897f97;text-align:center;padding:12px}.insight-card{display:flex;gap:12px;align-items:flex-start;border:1px solid #453854;border-radius:12px;background:#261c32;padding:15px;color:#d8baf5}.insight-card>span:first-child{font-size:20px;line-height:1}.insight-card div{flex:1}.insight-card strong{display:block;font:800 11px var(--display);margin-bottom:5px}.insight-card p{margin:0;font-size:10px;line-height:1.5;color:#b9a8c8}.insight-score{font:800 10px var(--display);white-space:nowrap}.palette-section{margin:35px 0 18px}.palette-heading h3{font:800 17px var(--display);margin:0}.palette-heading p{font-size:11px;color:var(--muted);margin:0 0 3px}.palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.palette-card{border:1px solid #3d334c;border-radius:12px;background:#1c1829;text-align:left;color:var(--text);padding:15px;transition:.2s}.palette-card:hover{border-color:#a880da;transform:translateY(-2px)}.palette-swatch{display:block;height:27px;border-radius:5px;margin-bottom:12px}.palette-card strong{display:block;font:800 11px var(--display);margin-bottom:2px}.palette-card small{color:var(--muted);font-size:9px}.embed-preview-panel{min-height:330px}.embed-chat{min-height:264px}.bot-avatar{background:#7b5caf;color:#fff}.bot-name{color:#d5b5fa}.bot-tag{background:#5865f2;color:#fff;font-size:8px;font-weight:700;border-radius:3px;padding:2px 4px}.embed-card{border-left:4px solid #b58cff;background:#2b2d31;border-radius:4px;padding:12px;margin-top:6px;max-width:390px;overflow-wrap:anywhere}.embed-author{font-size:10px;font-weight:700;color:#f3f3f3;margin-bottom:8px}.embed-title{font-size:12px;color:white}.embed-description{white-space:pre-wrap;font-size:11px!important;margin:7px 0!important}.embed-footer{font-size:9px;color:#adb0b7;display:block;border-top:1px solid #41444a;padding-top:8px;margin-top:13px}.code-row{display:flex;gap:8px}.code-row input{min-width:0;flex:1}.helper-note{font-size:11px;color:var(--muted);line-height:1.5}.timestamp-preview-panel{min-height:320px}.timestamp-illustration{min-height:258px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px;background:radial-gradient(circle at 50% 28%,#51337255,transparent 55%)}.calendar-icon{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:#362344;border:1px solid #6c4a83;color:#d5b4f9;font-size:40px;margin-bottom:20px}.timestamp-illustration span{font:800 9px var(--display);color:var(--gold);letter-spacing:2px;margin-bottom:8px}.timestamp-illustration strong{font:800 19px var(--display)}.timestamp-illustration p{max-width:250px;color:var(--muted);font-size:11px;line-height:1.5}footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #2a2538;margin-top:38px;padding:23px 0 30px;color:#776f83;font-size:10px}.toast{position:fixed;bottom:24px;right:24px;background:#e7ceff;color:#21132e;font-weight:800;font-size:12px;border-radius:10px;padding:13px 17px;box-shadow:0 12px 40px #0006;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translateY(0)}[hidden]{display:none!important}@media(max-width:1120px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.main-content{padding:0 3vw}.workspace-grid{grid-template-columns:1fr}.preview-panel{min-height:0}.palette-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.app-shell{display:block}.sidebar{height:auto;position:relative;display:block;padding:12px 16px;border-right:0;border-bottom:1px solid #302840}.brand{margin:0 0 10px;padding:0;font-size:22px}.brand img{width:35px;height:35px}.sidebar-label,.sidebar-bottom,.sidebar-foot,.nav-chevron{display:none}.nav-list{display:flex;margin:0;overflow:auto;gap:5px}.nav-link{flex:none;padding:10px;font-size:11px;gap:5px}.nav-icon{font-size:15px;width:16px}.main-content{padding:0 17px}.topbar{height:48px}.topbar-right{display:none}.hero{min-height:180px;padding:22px 0}.hero h1{font-size:27px}.hero p{font-size:11px}.hero-logo{width:120px;height:120px;margin-right:-8px}.eyebrow{font-size:8px}.section-heading{align-items:start}.section-badge{display:none}.workspace-grid{grid-template-columns:minmax(0,1fr)}.palette-grid{grid-template-columns:repeat(2,1fr)}.controls-panel{padding:17px}footer{flex-direction:column}}@media(max-width:400px){.hero-logo{width:90px;height:90px}.hero h1{font-size:23px}.control-actions{flex-wrap:wrap}.palette-grid{gap:8px}.palette-card{padding:10px}}