.dc-hub,.dc-workspace{--dc-accent:#b9b0ff;--dc-border:#30323f;--dc-muted:#a5aabb;color:#f4f4f7}.dc-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:64px;display:grid}.dc-hero-copy>p{max-width:540px}.dc-hero .eyebrow{color:#bfb5ff}.dc-hero-art{background:radial-gradient(at 70% 0,#7d70ce26,#0000 65%),#14151f;border:1px solid #55527577;border-radius:24px;padding:28px;position:relative;transform:rotate(2deg);box-shadow:0 20px 80px #0003}.dc-hero-art .dc-chat{margin:0;box-shadow:0 12px 35px #0004}.dc-floating-code{color:#d4ccff;background:#202032;border:1px solid #676085;border-radius:8px;align-items:center;gap:8px;margin-top:22px;padding:10px 14px;font:12px ui-monospace,monospace;display:inline-flex}.dc-floating-code span{color:#a1ddce}.dc-hub-badge{align-items:center;gap:12px;margin-bottom:20px;display:inline-flex}.dc-hub-badge svg{width:28px;height:28px}.dc-hub-badge>span{letter-spacing:.16em;color:#b8b5cb;font-size:10px}.dc-hero-tags{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.dc-hero-tags span{color:#c2bbd6;border:1px solid #464052;border-radius:100px;padding:6px 10px;font-size:10px}.dc-tool-nav{flex-wrap:wrap;gap:10px;margin:24px 0 0;display:flex}.dc-tool-nav a{color:#b7b5c8;border:1px solid #343445;border-radius:7px;padding:9px 13px;font-size:12px}.dc-tool-nav a[aria-current=page]{color:#dedbff;background:#5750aa26;border-color:#a5a2e977}.dc-tool-nav a:hover{border-color:#a5a2e977}.dc-suite-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.dc-suite-cards .tool-card{height:100%}.dc-related-announcer{background:linear-gradient(105deg,#211b32,#111724);border:1px solid #414055;border-radius:18px;justify-content:space-between;align-items:center;gap:28px;padding:28px;display:flex}.dc-related-announcer h2{margin:8px 0 12px;font-size:27px}.dc-related-announcer p{color:#aeb4c7;max-width:620px;font-size:13px;line-height:1.8}.dc-related-announcer a{white-space:nowrap}.dc-source-notes{color:#a3aabf;font-size:12px;line-height:1.9}.dc-source-notes a{color:#c8bfff;text-underline-offset:3px;text-decoration:underline}.dc-workspace{font-size:14px}.dc-workspace *{box-sizing:border-box}.dc-workspace :is(button,input,textarea,select){font:inherit}.dc-workspace :is(input,textarea,select){color:#e5e7ef;background:#0b0d14;border:1px solid #3a3e4d;border-radius:8px;width:100%;min-width:0;padding:11px 12px;line-height:1.5;display:block}.dc-workspace textarea{resize:vertical}.dc-workspace label{color:#b6bccd;font-size:11px;line-height:1.6;display:block}.dc-workspace label>input,.dc-workspace label>select,.dc-workspace label>textarea{margin-top:7px}.dc-workspace input[type=checkbox]{accent-color:#a99df4;width:16px;height:16px;margin:0;display:inline-block}.dc-workspace input[type=range]{accent-color:#b5a4ff;border:0;padding:0}.dc-workspace input[type=color]{height:39px;padding:4px}.dc-workspace button{cursor:pointer}.dc-workspace :disabled{opacity:.5;cursor:not-allowed}.dc-workspace :is(a,button,input,textarea,select,summary):focus-visible,.dc-tool-nav a:focus-visible{outline-offset:4px;outline:2px solid #c4b5fd}.dc-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.dc-mode-switch{background:#10121b;border:1px solid #313442;border-radius:11px;gap:8px;width:max-content;max-width:100%;margin-bottom:24px;padding:5px;display:flex}.dc-mode-switch button{color:#a7adc1;background:0 0;border:0;border-radius:7px;padding:11px 18px;font-size:12px}.dc-mode-switch button[aria-pressed=true]{color:#eeeaff;background:#51447766;box-shadow:inset 0 0 0 1px #9b8ac340}.dc-mode-switch span{border:1px solid #777186;border-radius:3px;margin-left:7px;padding:2px;font-size:8px}.dc-editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:26px;display:grid}.dc-panel{border:1px solid var(--dc-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(130deg,#1a1924ed,#11141ced);border-radius:18px;min-width:0;padding:28px}.dc-panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.dc-step{letter-spacing:.13em;color:#b4a9e0;font-size:9px}.dc-panel h2{letter-spacing:-.035em;margin:9px 0 0;font-size:23px;line-height:1.25}.dc-local-pill{letter-spacing:.07em;white-space:nowrap;color:#c2b9df;border:1px solid #68617966;border-radius:30px;padding:5px 8px;font-size:8px}.dc-live-dot{color:#8edac5;letter-spacing:.08em;align-items:center;gap:6px;margin-top:5px;font-size:8px;display:flex}.dc-live-dot:before{content:"";background:#8edac5;border-radius:50%;width:5px;height:5px}.dc-muted,.dc-note{color:var(--dc-muted);font-size:12px;line-height:1.8}.dc-note{font-size:11px}.dc-error{color:#fda4af;overflow-wrap:anywhere;font-size:12px;line-height:1.8}.dc-error:empty{display:none}.dc-button{color:#f0eaff;background:#413657;border:1px solid #7b6f9d88;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:12px 16px;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex;font-size:12px!important}.dc-button:hover{background:#52426f;border-color:#a593cd}.dc-primary{color:#191329;background:#b9a2ff;border-color:#b9a2ff;font-weight:600}.dc-primary:hover{color:#191329;background:#cbb8ff}.dc-secondary{color:#c7c8de;background:#171a26;border-color:#404359}.dc-copy-wrap{flex-wrap:wrap;align-items:center;gap:9px;display:inline-flex}.dc-copy-status{color:#a2dfcb;font-size:10px}.dc-text-button{color:#bcb0eb;background:0 0;border:0;padding:4px;text-decoration:underline;font-size:11px!important}.dc-toolbar{background:#23212e;border:1px solid #3a3e4d;border-bottom:0;border-radius:10px 10px 0 0;flex-wrap:wrap;gap:6px;padding:10px;display:flex}.dc-toolbar button{color:#ded9ef;background:#ffffff05;border:1px solid #0000;border-radius:5px;place-items:center;min-width:36px;height:34px;font-size:13px;display:grid}.dc-toolbar button:hover{background:#6b5a9133;border-color:#8975b1}.dc-format-bold{font-weight:800!important}.dc-format-italic{font-style:italic!important}.dc-format-underline{text-decoration:underline}.dc-format-strike{text-decoration:line-through}.dc-workspace .dc-editor{border-radius:0 0 10px 10px;min-height:335px;padding:18px;font:13px/1.85 ui-monospace,Consolas,monospace}.dc-editor-foot{color:#8f96aa;justify-content:space-between;gap:14px;margin:11px 0 20px;font-size:10px;display:flex}.dc-chat{background:#313338;border:1px solid #3b3d47;border-radius:11px;overflow:hidden}.dc-channel{color:#8e9297;border-bottom:1px solid #242529;align-items:center;gap:8px;padding:14px 18px;font-size:20px;display:flex}.dc-channel>span{color:#e0e1e5;font-size:12px;font-weight:600}.dc-channel .dc-channel-dot{color:#a5b0cf;margin-left:auto;font-size:9px}.dc-chat-message{gap:12px;min-height:265px;padding:22px 17px;display:flex}.dc-avatar{color:#fff;background:linear-gradient(140deg,#9d85f1,#5865f2);border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:16px;font-weight:600;display:grid}.dc-message-content{flex:1;min-width:0}.dc-message-author{color:#f2f3f5;flex-wrap:wrap;align-items:center;gap:7px;margin:3px 0 14px;font-size:12px;font-weight:600;display:flex}.dc-message-author>span{color:#fff;background:#5865f2;border-radius:3px;padding:2px 4px;font-size:8px;font-weight:400}.dc-message-author small{color:#a4a6ad;font-size:9px;font-weight:400}.dc-markdown-preview{color:#dbdee1;overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px;line-height:1.7}.dc-markdown-preview p{margin:0}.dc-markdown-preview pre,.dc-ansi-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#2b2d31;border:1px solid #1e1f22;border-radius:5px;margin:10px 0;padding:12px;font:12px/1.8 ui-monospace,monospace}.dc-markdown-preview code{background:#25262a;border-radius:3px;padding:1px 3px;font-family:ui-monospace,monospace}.dc-markdown-preview pre code{background:0 0;padding:0}.dc-markdown-preview blockquote{color:#c8cbd2;border-left:3px solid #6c6e78;margin:8px 0;padding-left:12px}.dc-preview-h1{margin:12px 0 6px;font-size:24px;font-weight:700;line-height:1.25}.dc-preview-h2{margin:10px 0 4px;font-size:20px;font-weight:700}.dc-preview-h3{margin:8px 0 4px;font-size:16px;font-weight:700}.dc-preview-list{margin-left:10px}.dc-tip{background:#8971b709;border:1px solid #51446755;border-radius:11px;margin-top:24px;padding:20px 22px}.dc-tip>span{letter-spacing:.13em;color:#c4b3e6;font-size:8px}.dc-tip p{color:#adb1c4;margin:9px 0 0;font-size:12px;line-height:1.8}.dc-field-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.dc-ansi-segments{gap:15px;margin:20px 0;display:grid}.dc-ansi-segment{border:1px solid #3a3c4b;border-radius:9px;min-width:0;padding:15px}.dc-ansi-segment legend{color:#b9b1ce;padding:0 6px;font-size:10px}.dc-ansi-segment textarea{margin-bottom:13px}.dc-segment-actions{flex-wrap:wrap;align-items:center;gap:17px;margin-top:14px;display:flex}.dc-segment-actions label{align-items:center;gap:7px;display:flex}.dc-segment-actions button{margin-left:auto}.dc-output{margin-top:25px}.dc-output>label{margin-bottom:7px}.dc-output textarea{white-space:pre-wrap;font:11px/1.7 ui-monospace,monospace}.dc-output .dc-copy-wrap{margin-top:13px}.dc-time-controls{grid-template-columns:1fr 1fr;gap:22px;display:grid}.dc-quick-buttons{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.dc-quick-buttons>span{letter-spacing:.12em;color:#a29bb9;margin-right:8px;font-size:8px}.dc-instant{border-top:1px solid #ffffff10;flex-wrap:wrap;gap:30px;margin-top:23px;padding-top:19px;display:flex}.dc-instant>span{color:#9ba4bb;font-size:10px}.dc-instant strong{color:#d3cbe7;margin-top:5px;font:12px/1.8 ui-monospace,monospace;display:block}.dc-section-label{margin:34px 0 17px}.dc-section-label p{color:#a5aabb;font-size:12px}.dc-time-row{background:#141722;border:1px solid #313344;border-radius:12px;grid-template-columns:42px minmax(180px,1fr) minmax(200px,1.25fr) 110px;align-items:center;gap:20px;margin-bottom:12px;padding:22px;display:grid}.dc-style-letter{color:#d3bcff;background:#5a478226;border:1px solid #635889;border-radius:9px;place-items:center;width:38px;height:38px;font:18px ui-monospace,monospace;display:grid}.dc-time-description h3{margin:0 0 5px;font-size:15px}.dc-time-description p{color:#9da5ba;margin:0;font-size:11px;line-height:1.6}.dc-time-output{min-width:0}.dc-time-output>strong{color:#d3e3ed;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.dc-time-output input{color:#a8b3cd;background:#0a101b;padding:8px 10px;font:11px ui-monospace,monospace}.dc-time-row .dc-copy-wrap{justify-content:flex-end}.dc-extra-formats{margin-top:22px}.dc-extra-formats summary{color:#bdb0e1;cursor:pointer;margin-bottom:20px;font-size:12px}.dc-time-picker input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dc-upload{text-align:center;background:#a482d208;border:1px dashed #655879;border-radius:12px;padding:25px 18px}.dc-upload-icon{color:#cbb2ff;margin-bottom:12px;font-size:30px;display:block}.dc-upload label{color:#eee6ff;font-size:14px}.dc-upload input{max-width:350px;font-size:10px;margin:14px auto!important}.dc-upload small{color:#939db6;font-size:10px}.dc-image-options{border:0;gap:20px;min-width:0;margin:0;padding:20px 0;display:grid}.dc-image-options:disabled{opacity:.6}.dc-dimensions{color:#c5b9e4;white-space:nowrap;border:1px solid #565069;border-radius:6px;padding:7px;font:10px ui-monospace,monospace}.dc-image-stage{background:repeating-conic-gradient(#1b1f2a 0% 25%,#242836 0% 50%) 50%/20px 20px;border:1px solid #343747;border-radius:12px;place-items:center;min-height:260px;padding:22px;display:grid;overflow:hidden}.dc-image-stage canvas{object-fit:contain;border:1px solid #66678955;max-width:100%;max-height:380px}.dc-image-stage.is-emoji canvas{image-rendering:auto;width:128px;height:128px}.dc-image-empty{color:#7f8aa5;flex-direction:column;align-items:center;gap:20px;font-size:12px;display:flex}.dc-image-empty svg{stroke:#a8a0cc;stroke-width:1.2px;width:70px;height:70px}.dc-file-info{color:#a2a7bb;font-size:11px}.dc-export-result{border-top:1px solid #ffffff10;margin-top:23px;padding-top:22px}.dc-ready{color:#a4d8cb;letter-spacing:.11em;font-size:9px;display:block}.dc-export-result>strong{margin:14px 0 7px;font-size:28px;display:block}.dc-export-result small{color:#a3a6bb;font-size:13px;font-weight:400}.dc-export-result>p{color:#a1abc0;font-size:12px;line-height:1.8}.dc-export-result>a{margin-top:8px}@media (width<=1050px){.dc-hero{gap:35px}.dc-editor-grid{gap:18px}.dc-panel{padding:21px}.dc-panel-heading{flex-wrap:wrap}.dc-time-row{grid-template-columns:38px minmax(130px,1fr) minmax(170px,1.2fr) 95px;gap:14px}.dc-local-pill{font-size:7px}.dc-suite-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.dc-hero{grid-template-columns:1fr}.dc-hero-art{width:100%;max-width:540px;transform:none}.dc-editor-grid{grid-template-columns:minmax(0,1fr)}.dc-time-row{grid-template-columns:36px 1fr 95px}.dc-time-output{grid-area:2/2}.dc-time-row>.dc-copy-wrap{grid-area:1/3/3}.dc-time-row>.dc-style-letter{grid-row:1/3}.dc-related-announcer{flex-direction:column;align-items:flex-start}}@media (width<=560px){.dc-suite-cards{grid-template-columns:minmax(0,1fr)}.dc-hero-art{padding:16px}.dc-time-controls{grid-template-columns:1fr;gap:16px}.dc-panel{padding:18px}.dc-chat-message{gap:9px;padding:18px 12px}.dc-avatar{width:29px;height:29px;font-size:13px}.dc-channel{padding:12px}.dc-panel h2{font-size:22px}.dc-mode-switch button{padding:10px 12px;font-size:11px}.dc-editor-foot{flex-direction:column;gap:4px}.dc-time-row{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:17px}.dc-style-letter{width:30px;height:32px}.dc-time-output{grid-area:2/2}.dc-time-row>.dc-copy-wrap{grid-area:3/2;justify-content:flex-start}.dc-time-row>.dc-style-letter{grid-row:1}.dc-instant{gap:15px}.dc-field-grid{gap:10px}.dc-dimensions{font-size:9px}.dc-related-announcer{padding:22px}.dc-quick-buttons>span{width:100%}}@media (prefers-reduced-motion:reduce){.dc-workspace *{transition:none!important}.dc-hero-art{transform:none}}.dc-color-palette{border:1px solid #3a3c4b;border-radius:12px;min-width:0;padding:15px}.dc-color-palette legend{color:#c4b5fd;padding:0 8px;font-size:12px}.dc-color-swatch{color:#d4d4df;background:#11131d;border:1px solid #3a3c4b;border-radius:7px;align-items:center;gap:7px;padding:9px 6px;display:flex;font-size:10px!important}.dc-color-swatch:hover{background:#26213b;border-color:#a5b4fc}.dc-color-swatch>span{border-radius:50%;flex-shrink:0;width:12px;height:12px;box-shadow:0 0 0 1px #ffffff26}.dc-workspace .dc-ansi-draft{border-radius:12px;min-height:180px}.dc-workspace .dc-ratio-lock{color:#d9d5f1;align-items:center;gap:10px;font-size:12px;display:flex}.dc-workspace .dc-ratio-lock>input{margin:0}