@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600;700&display=swap');
/* DisKit / Studio edition */
:root{--bg:#101014;--card:#19191f;--border:#303039;--muted:#a0a0af;--accent:#a89bff}html[data-theme=light]{--bg:#f6f4f0;--card:#fff;--border:#dedbd5;--muted:#706d78;--accent:#6550d5}body{color:#f4f2fc;background:var(--bg)}body:before{background:radial-gradient(ellipse at 75% 0%,#6b51e11c,transparent 45%),radial-gradient(ellipse at 0% 65%,#eb997e09,transparent 40%);background-color:var(--bg)}html[data-theme=light] body{color:#26232e}html[data-theme=light] body:before{background:radial-gradient(ellipse at 80% 0%,#ad9cff1c,transparent 50%),var(--bg)}
.site-topbar{position:sticky;top:0;z-index:50;height:88px;padding:0 max(28px,calc((100vw - 1360px)/2));display:flex;align-items:center;gap:28px;justify-content:space-between;background:rgba(16,16,20,.94);border-bottom:1px solid var(--border);backdrop-filter:blur(20px)}.brand{flex-shrink:0;gap:9px}.diskit-mark{width:35px;height:35px;border:0;border-radius:10px}.diskit-wordmark{font-size:25px;letter-spacing:-1.5px}.diskit-wordmark>span{color:var(--accent)}.section-nav{margin:0;max-height:none;display:flex;flex-direction:row;align-items:center;gap:4px;overflow:visible;padding:5px;border:1px solid var(--border);border-radius:40px;background:#ffffff03}.section-nav a{padding:8px 14px;border:0!important;border-radius:30px;font-size:11px;white-space:nowrap;color:var(--muted);background:none;transition:background .2s,color .2s}.section-nav a[aria-current=page]{background:#a89bff1f;color:#c7bdff;box-shadow:inset 0 0 0 1px #a89bff22}.section-nav a:hover{background:#ffffff08}.preferences{flex-wrap:nowrap;gap:6px}.preferences button{border-radius:30px;padding:7px 11px;font-size:10px;background:transparent;color:var(--muted)}#install{display:none}#menu-toggle{display:none}main,html[dir=ltr] main{margin:0!important}.workspace-breadcrumb{max-width:1280px;margin:auto;padding:20px 32px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.3px}.workspace-live{display:flex;align-items:center;gap:7px}.workspace-live:before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#8bd2b1}.content{max-width:1280px;padding:38px 32px 32px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.5px}.eyebrow span:first-child{background:var(--accent)}h1{font-size:38px;font-weight:500;letter-spacing:-1.3px}.intro{line-height:1.9;font-size:13px;margin-bottom:28px}.tool-tabs{gap:0;border-bottom:1px solid var(--border);padding:0;margin-bottom:32px}.tool-tabs a{background:transparent;border:0;border-radius:0;padding:13px 20px;font-size:12px;border-bottom:2px solid transparent}.tool-tabs a[aria-current=page],html[data-theme=light] .tool-tabs a[aria-current=page]{background:transparent;color:var(--accent);border-color:var(--accent)}.tool-panel,.input-card,.result-card,.history-panel{background:var(--card)!important;border:1px solid var(--border)!important;border-radius:20px;box-shadow:none;padding:28px}.workspace{gap:24px;grid-template-columns:1fr 1.1fr}.workspace .input-card{padding-top:12px}.card-heading{margin-bottom:24px}.number{border:0;background:#ffffff06;color:var(--accent);border-radius:8px;padding:7px}.primary{background:#a89bff;color:#181326;border-radius:30px;font-weight:500;padding:13px 21px;box-shadow:0 4px 20px #a89bff12}.primary:hover{background:#bdb2ff}.copy,.format-toolbar button{border-radius:30px;padding:9px 16px;background:transparent;border-color:var(--border);color:inherit}.input-wrap,select,textarea,#embed-form input:not([type=color]),.tool-input,.generator-form input,.filters input,.role-editor input:not([type=color]),#embed-webhook{background:var(--bg)!important;border-color:var(--border)!important;color:inherit!important;border-radius:12px!important}.field-note{color:var(--muted)}.time-value,.ramadan{color:var(--accent)}.comparison-summary{background:#a89bff0d;border-color:#a89bff33;color:var(--accent)}.group-summary:not(:empty){background:#a89bff08;border-color:var(--border);border-radius:12px}.template-card{border-radius:16px;background:var(--bg);padding:25px}.template-card .copy{border-color:var(--accent);color:var(--accent)}.message-preview{border-radius:14px}.embed-nav{display:none}.embed-builder{margin-bottom:0}.embed-layout{gap:36px}.embed-preview-column{background:var(--bg);border-radius:16px;padding:22px}.embed-preview-column .primary{border-radius:10px}.discord-message{border-radius:12px}.help{background:var(--card);border:1px solid var(--border);border-radius:18px}.status,.tag{border-color:var(--border);color:var(--muted)}footer{padding-top:22px;border-top:1px solid var(--border);color:var(--muted)}
.home-hero{padding:30px 0 75px;grid-template-columns:1.12fr 1fr;gap:70px}.home-kicker{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border);background:#ffffff03;border-radius:30px;padding:7px 14px;font-size:10px;color:var(--muted)}.home-kicker:before{content:'🎨';color:var(--accent);font-size:15px}.home-hero h1{font-size:clamp(42px,5.4vw,72px);line-height:1.35;letter-spacing:-2.5px;font-weight:500;margin:24px 0}.home-hero em{color:#c1b5ff;font-style:normal}.home-hero-copy>p{font-size:14px;line-height:2.1;color:var(--muted);max-width:460px}.home-actions{margin:30px 0 24px;gap:12px}.home-actions a{font-size:12px}.home-secondary{background:transparent;border-radius:30px;color:inherit;padding:12px 21px}.home-points{font-size:10px;color:var(--muted);gap:16px}.home-art{min-height:390px;display:flex;position:relative;align-items:center;justify-content:center;perspective:1000px}.studio-window{width:100%;max-width:450px;border:1px solid #444052;border-radius:18px;background:#1a1822;box-shadow:0 35px 80px #0005,0 0 100px #a89bff0b;transform:rotate(-3deg);overflow:hidden;text-align:start;direction:ltr}.studio-chrome{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:#211e2b;border-bottom:1px solid #383244;color:#958ca4;font:9px monospace}.studio-dots{letter-spacing:3px;color:#686071}.studio-body{padding:24px}.studio-label{font:9px monospace;color:#9a91aa;letter-spacing:1px;display:flex;justify-content:space-between}.studio-label span{color:#90dbba;font:8px monospace;background:#90dbba12;padding:3px 6px;border-radius:4px}.studio-sender{display:flex;align-items:center;gap:7px;color:#f5f1ff;font:12px Arial;margin:24px 0 15px}.studio-sender img{width:24px;height:24px;transform:none;border:0;box-shadow:none;border-radius:6px}.studio-sender small{background:#8270dc;color:white;padding:2px 4px;font:7px Arial;border-radius:3px}.studio-embed{border-inline-start:3px solid #a89bff;padding:20px;background:#23202e;border-radius:6px;direction:rtl}.studio-embed>small{font:7px monospace;letter-spacing:1.2px;color:#a99ac9}.studio-embed h3{font-size:19px;font-weight:500;color:#f1eaff;margin:12px 0 7px}.studio-embed p{font-size:11px;color:#a59ab8;margin:0}.studio-colors{display:flex;gap:6px;margin:19px 0}.studio-colors i{width:22px;height:22px;border-radius:50%;background:#a89bff;border:3px solid #393043}.studio-colors i:nth-child(2){background:#ec9e84}.studio-colors i:nth-child(3){background:#91ceba}.studio-colors i:nth-child(4){background:#e4cf8b}.studio-line{width:75%;height:5px;border-radius:8px;background:#393244;margin:10px 0}.studio-line.short{width:45%}.studio-footer{display:flex;justify-content:space-between;margin-top:22px;font:8px monospace;color:#8d829e}.floating-note{position:absolute;bottom:-6px;right:-20px;display:flex;align-items:center;gap:12px;padding:14px 20px;background:#f2e4d8;color:#4a3738;border-radius:13px;box-shadow:0 12px 30px #0003;transform:rotate(3deg)}.floating-note>span{font-size:28px}.floating-note b{display:block;font-size:12px;font-weight:500}.floating-note small{font:8px monospace;color:#927c7d}.home-section-heading{display:flex;align-items:baseline;justify-content:space-between;border:0;margin:0 0 24px;padding:24px 0 0}.home-section-heading h2{font-size:26px;letter-spacing:-.7px}.home-section-heading p{font-size:11px}.home-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.home-card{background:var(--card)!important;border:1px solid var(--border);border-radius:16px;padding:24px 20px;position:relative;min-height:245px}.home-card:nth-child(2){background:#24202e!important}.home-card-icon{background:none;color:var(--accent);width:auto;display:block;font-size:30px;height:auto}.home-card:nth-child(2) .home-card-icon{color:#ecb198}.home-card:nth-child(3) .home-card-icon{color:#99d4ba}.home-card:nth-child(4) .home-card-icon{color:#dbc28a}.home-card h3{font-size:15px;margin:24px 0 10px}.home-card p{font-size:11px;line-height:1.9;min-height:65px}.home-card-link{font-size:10px;color:var(--accent)}.home-card:hover{border-color:#756195}.home-bottom{justify-content:space-between;border-top:1px solid var(--border);padding-top:25px;margin-top:45px}.home-bottom img{display:none}.app-loader{background:radial-gradient(ellipse at 50% 40%,#29213d,#101014 60%)}.loader-wordmark span{color:#a89bff}.loader-track span{background:#a89bff}.loader-orbit{border-color:#a89bff22}.loader-orbit:after{background:#a89bff;box-shadow:0 0 17px #a89bff77}.loader-track{background:#a89bff12}
html[dir=ltr] .content h1{font-size:38px}html[dir=ltr] .home-hero h1{font-size:clamp(42px,5vw,68px)}html[dir=ltr] .studio-embed{direction:ltr}html[data-theme=light] .site-topbar{background:rgba(246,244,240,.95)}html[data-theme=light] .section-nav a[aria-current=page]{background:#e9e3ff;color:#6550d5}html[data-theme=light] .home-hero em{color:#6550d5}html[data-theme=light] .home-card:nth-child(2){background:#eee8fc!important}html[data-theme=light] .primary{background:#6852ce;color:#fff}html[data-theme=light] .primary:hover{background:#7863dd}html[data-theme=light] .embed-preview-column{background:var(--bg)}html[data-theme=light] .copy{background:none;color:#38333f;border-color:var(--border)}html[data-theme=light] .help{background:var(--card)}
@media(max-width:1160px){.site-topbar{padding:0 24px;gap:15px}.section-nav a{padding:8px 10px;font-size:10px}.preferences button{font-size:9px;padding:7px 9px}.home-hero{gap:40px}.home-hero h1{font-size:50px}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-card{min-height:220px}.home-card p{min-height:45px}}
@media(max-width:900px){.site-topbar{height:auto;min-height:76px;flex-wrap:wrap;padding:16px 24px;gap:14px}.site-topbar .brand{margin-inline-end:auto}#menu-toggle{display:block;border:1px solid var(--border);border-radius:30px;background:none;color:inherit;font:11px 'IBM Plex Sans Arabic',Tahoma;padding:8px 13px}.site-topbar .section-nav{display:none;order:5;width:100%;flex-direction:column;border-radius:15px;padding:8px;background:var(--card)}.site-topbar.menu-open .section-nav{display:flex}.site-topbar .section-nav a{width:100%;font-size:12px;text-align:start;padding:12px 16px}.site-topbar .preferences{margin:0}.home-hero{gap:28px}.home-hero h1{font-size:42px}.home-art{min-height:330px}.studio-body{padding:18px}.floating-note{right:0;padding:10px 15px}.content{padding:25px 24px}.workspace-breadcrumb{padding:18px 24px}.workspace{grid-template-columns:1fr 1fr}.embed-layout{grid-template-columns:1fr}.home-card{padding:22px}.home-section-heading{display:block}.home-section-heading p{margin-bottom:0}}
@media(max-width:650px){.site-topbar{padding:14px 16px;gap:9px}.diskit-wordmark{font-size:23px}.diskit-mark{width:31px;height:31px}.preferences button{padding:7px 8px;font-size:9px}.site-topbar .preferences #language{font-size:10px}#menu-toggle{font-size:10px;padding:7px 10px}.content{padding:20px 18px 28px}.workspace-breadcrumb{padding:15px 18px;font-size:9px}.workspace-live{display:none}.home-hero{grid-template-columns:1fr;gap:35px;padding:10px 0 45px}.home-hero h1,html[dir=ltr] .home-hero h1{font-size:45px;letter-spacing:-1.5px}.home-hero-copy>p{font-size:13px}.home-art{display:flex;min-height:340px;margin:0 12px}.studio-window{max-width:400px}.floating-note{bottom:-8px;right:-8px}.home-grid{grid-template-columns:1fr 1fr;gap:10px}.home-card{padding:18px 14px;min-height:235px}.home-card h3{font-size:13px}.home-card p{font-size:10px;min-height:85px}.home-card-link{font-size:9px}.home-section-heading h2{font-size:24px}.workspace{grid-template-columns:1fr}.tool-panel,.input-card,.result-card,.history-panel{padding:20px;border-radius:16px}.tool-tabs{overflow-x:auto;flex-wrap:nowrap}.tool-tabs a{white-space:nowrap;padding:11px 13px;font-size:11px}.embed-preview-column{padding:14px}.home-bottom{font-size:10px}.home-points{font-size:9px;gap:12px}}
@media(max-width:380px){.preferences button{font-size:8px;padding:6px}.site-topbar{gap:5px}.diskit-wordmark{font-size:21px}.home-grid{grid-template-columns:1fr}.home-card{min-height:0}.home-card p{min-height:0}.home-hero h1{font-size:39px}}

body,button,input,select,textarea{font-family:'Alexandria','IBM Plex Sans Arabic',Tahoma,sans-serif}.home-hero h1{font-weight:600} .home-hero-copy>p{font-weight:400}
/* Shared artwork across every DisKit workspace. */
body:before{background:linear-gradient(115deg,rgba(16,14,24,.78),rgba(19,15,31,.64)),url('/diskit-background.png') center center/cover no-repeat;background-color:#101014;filter:hue-rotate(48deg);inset:0;position:fixed;pointer-events:none;z-index:-1}
html[data-theme=light] body:before{background:linear-gradient(115deg,rgba(246,244,250,.9),rgba(242,238,250,.86)),url('/diskit-background.png') center center/cover no-repeat;background-color:#f6f4f0;filter:hue-rotate(48deg)}
.site-topbar{background:rgba(16,16,23,.9)}
.tool-panel,.input-card,.result-card,.history-panel,.home-card{background:rgba(25,23,34,.94)!important}
.home-card:nth-child(2){background:rgba(39,31,54,.94)!important}
html[data-theme=light] .site-topbar{background:rgba(246,244,250,.94)}
html[data-theme=light] .tool-panel,html[data-theme=light] .input-card,html[data-theme=light] .result-card,html[data-theme=light] .history-panel,html[data-theme=light] .home-card{background:rgba(255,255,255,.95)!important}
html[data-theme=light] .home-card:nth-child(2){background:rgba(238,232,252,.96)!important}
.site-credits{max-width:1216px;margin:24px auto 0;border-top:1px solid var(--border);padding:27px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}.credits-brand{display:flex;align-items:center;gap:7px;color:inherit;text-decoration:none;font:700 17px Arial}.credits-brand img{border-radius:6px}.credits-brand>span{color:var(--accent);margin-left:-6px}.site-credits p{margin:0;line-height:2}.site-credits strong{font-weight:500;color:var(--accent)}.credits-note{font-size:9px}.home-kicker:before{content:none}.home-card-icon{font-size:27px}.floating-note>span{font-size:23px}.home-bottom{display:none}body{min-height:100vh}main{min-height:calc(100vh - 190px)}@media(max-width:1280px){.site-credits{margin-left:32px;margin-right:32px}}@media(max-width:650px){.site-credits{margin:20px 18px 0;flex-direction:column;gap:12px;text-align:center;padding:24px 0}.credits-note{font-size:10px}}
.credits-owner{color:var(--accent);font-weight:500;text-decoration:none}.credits-owner:hover{text-decoration:underline}.credits-owner:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}
.designer-controls{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.designer-controls>span{margin-inline-end:auto;color:var(--muted);font-size:11px}.embed-layout>.designer-subpanel{grid-column:1/-1}.designer-subpanel{border:1px solid var(--border);border-radius:12px;padding:16px;margin:18px 0}.designer-subpanel h3{font-size:13px}.designer-subpanel p{font-size:11px;line-height:1.9}.designer-subpanel input[type=file]{width:100%;font-size:11px;height:auto!important}.field-editor{border-bottom:1px solid var(--border);padding:12px 0}.field-editor>input{margin-bottom:8px}.field-editor>label{display:flex;gap:8px;align-items:center}.field-editor input[type=checkbox]{width:16px!important;height:16px!important}.embed-fields-preview{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.embed-field-preview{grid-column:1/-1;white-space:pre-wrap;font-size:12px;overflow-wrap:anywhere}.embed-field-preview.inline-field{grid-column:auto}.embed-field-preview>strong{display:block;margin-bottom:5px;color:#f2f3f5}.saved-design{display:flex;align-items:center;gap:10px;border-top:1px solid var(--border);padding:10px 0}.saved-design>strong{margin-inline-end:auto;font-size:12px}.palette-swatch{font:10px monospace;background:var(--bg);color:inherit;border:1px solid;border-radius:7px;padding:7px;margin:4px;cursor:pointer}.palette-swatch:before{content:'';display:block;height:25px;background:var(--swatch);border-radius:3px;margin-bottom:6px}.search-overlay{position:fixed;inset:0;background:#08070fc9;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:100px 18px 30px;backdrop-filter:blur(9px)}.search-overlay>section{width:min(580px,100%);background:var(--card);border:1px solid var(--border);border-radius:18px;padding:22px;max-height:80vh;overflow:auto}.search-overlay .card-heading{justify-content:space-between}.search-overlay .card-heading h2{font-size:17px}#tool-search-results a{display:block;border-radius:8px;padding:12px;color:inherit;text-decoration:none;font-size:13px;margin-top:5px}#tool-search-results a:hover,#tool-search-results a:focus{background:#a89bff20}#tool-search-open{white-space:nowrap}.app-loader{background:linear-gradient(120deg,rgba(16,14,24,.85),rgba(22,16,35,.8)),url('/diskit-background.png') center/cover no-repeat}html[data-theme=light] .app-loader{background:linear-gradient(rgba(16,14,24,.85),rgba(22,16,35,.8)),url('/diskit-background.png') center/cover no-repeat}@media(max-width:650px){.embed-fields-preview{grid-template-columns:1fr}.designer-controls .copy{padding:8px 10px;font-size:10px}.saved-design{flex-wrap:wrap}#tool-search-open{font-size:0!important;padding:8px!important}#tool-search-open:after{content:'🔍';font-size:13px}.search-overlay{padding-top:70px}}