:root{font:15px/1.5 Arial,Helvetica,sans-serif;background:#f6f4fb;color:#302948;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,label.upload-button{cursor:pointer}button,a,input,select{touch-action:manipulation}a{color:inherit;text-underline-offset:4px}button{border:1px solid #dcd7e8;background:#fff;color:#514961;border-radius:9px;padding:10px 14px}button:hover{border-color:#9482c7}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ae7b28;outline-offset:4px}header,main,footer{max-width:1160px;margin:auto;padding:26px 32px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;text-decoration:none}.brand-mark{font-size:32px;color:#7764b2}.by{font-size:11px;font-weight:400;color:#6f5f7f}.brand .by{margin-left:5px}nav{display:flex;gap:25px;font-size:13px}.intro{margin:25px 0 30px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;color:#6e5e80}h1,h2,h3,p{margin-top:0}h1{font:clamp(32px,5vw,52px)/1.1 Georgia,serif;letter-spacing:-1.3px;margin-bottom:13px}.intro>p:last-child{font-size:17px;color:#70617f}.workbench{display:grid;grid-template-columns:1.18fr 1fr;gap:25px;align-items:start}.editor,.preview-panel{background:#fff;border:1px solid #e4deed;border-radius:23px;padding:25px}.editor-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.upload-button{display:block;font-size:13px;padding:11px 18px;border:1px solid #d9d1e8;background:#f1edf8;border-radius:10px;font-weight:700}.editor-top button{font-size:12px;border:0;padding:10px}.stage-wrap{background:#e5e0ef;border-radius:14px;position:relative;overflow:hidden;max-width:400px;margin:auto}.stage-wrap.drag-over{outline:3px dashed #8870be}#stage{width:100%;height:auto;display:block;cursor:grab;touch-action:none;aspect-ratio:1}#stage:active{cursor:grabbing}.stage-label{position:absolute;left:14px;bottom:12px;font-size:10px;padding:5px 10px;border-radius:15px;background:#ffffffdd;color:#504562;pointer-events:none}.zoom-row{display:flex;align-items:center;gap:14px;margin:24px 0 18px;font-size:12px}.zoom-row input{flex:1;min-width:0;accent-color:#836bbd}.zoom-row output{width:38px;text-align:right}.adjustments{display:flex;justify-content:center;gap:10px}.adjustments button{font-size:12px;padding:9px 12px}.help{font-size:11px;color:#6f5f7e;margin:16px 0 0}.preview-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.preview-heading h2{font-size:16px;margin:0}.preview-heading button{font-size:10px;padding:6px 9px}.chat-preview{background:#2d2c34;color:#dddce5;border-radius:13px;padding:22px;transition:background .2s}.chat-preview.light{background:#f1f0f5;color:#383541}.profile{display:flex;align-items:center;gap:18px;padding:0 0 25px;border-bottom:1px solid #ffffff15}.profile strong{font-size:15px}.profile p{font-size:12px;color:#9e9ba7;margin:5px 0}.avatar-wrap{position:relative;flex-shrink:0}.avatar-wrap canvas{display:block;width:100%;height:100%;border-radius:50%}.avatar-wrap.large{width:86px;height:86px}.avatar-wrap.medium{width:40px;height:40px}.avatar-wrap.tiny{width:32px;height:32px}.status-dot{position:absolute;width:22%;height:22%;right:1%;bottom:1%;background:#37a879;border:4px solid #2d2c34;border-radius:50%}.light .status-dot{border-color:#f1f0f5}.tiny .status-dot{border-width:2px}.chat{display:flex;align-items:start;gap:12px;padding:24px 0}.chat strong{font-size:12px;color:#ccb4fe}.chat span{font-size:9px;color:#aba8b5;margin-left:10px}.chat p{font-size:12px;margin:4px 0 0}.member{display:flex;align-items:center;gap:12px;font-size:12px;border-top:1px solid #ffffff15;padding-top:16px}.size-tag{margin-left:auto!important;color:#9c95aa;font-size:10px}.export{margin-top:28px}.export h2{font:25px Georgia,serif;letter-spacing:-.3px}.export label{display:block;font-size:11px;margin-bottom:8px;color:#6b587c}.export select{width:100%;padding:11px 12px;background:#faf9fc;border:1px solid #ded8e8;color:#574a6d;border-radius:8px;font-size:13px}.primary,.secondary{width:100%;margin-top:12px;padding:13px}.primary{background:#7c61b6;border:0;color:#fff;font-weight:700;font-size:13px}.secondary{font-size:12px;background:#fff}.export p{font-size:11px;color:#6f5f7c;margin:12px 0 0}.privacy-note{font-size:12px;text-align:center;color:#6b587c;margin:25px 0}.privacy-note span{color:#b098d0;margin-right:6px}#feedback{min-height:18px;font-size:12px;color:#a84550;margin:10px 0 0}.guide{margin:70px 0 50px;display:grid;grid-template-columns:.8fr 1.5fr;gap:45px}.guide h2{font:34px/1.2 Georgia,serif;letter-spacing:-.7px}.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.guide-cards span{font:25px Georgia,serif;color:#b0a4c4;display:block;margin-bottom:20px}.guide-cards h3{font-size:14px;line-height:1.3;margin-bottom:10px}.guide-cards p{font-size:12px;color:#6f5e80}.faq{max-width:740px}.faq h2{font:27px Georgia,serif}.faq details{border-top:1px solid #ded6e9;padding:15px 0}.faq summary{font-size:13px;cursor:pointer}.faq details p{font-size:12px;color:#6d5c7c;margin:15px 0 0}footer{display:flex;justify-content:space-between;align-items:start;gap:25px;margin-top:45px;border-top:1px solid #e1d9ec;font-size:11px}footer>a:first-child{font-size:16px;font-weight:bold;text-decoration:none}footer p{max-width:510px;color:#6f5f7c}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.skip{position:absolute;left:20px;top:-80px;padding:12px;background:#fff;z-index:20}.skip:focus{top:10px}@media(max-width:790px){header,main,footer{padding:22px}.workbench{grid-template-columns:1fr}.guide{grid-template-columns:1fr;gap:15px;margin-top:50px}.guide h2 br{display:none}.preview-panel{max-width:550px;width:100%;margin:auto}.editor{max-width:550px;width:100%;margin:auto}footer{flex-wrap:wrap}.by{display:none}}@media(max-width:440px){header,main,footer{padding:16px}nav{gap:15px;font-size:11px}.editor,.preview-panel{padding:18px;border-radius:17px}.guide-cards{grid-template-columns:1fr;gap:15px}.guide-cards article{display:grid;grid-template-columns:32px 1fr;column-gap:14px}.guide-cards span{grid-row:span 2;font-size:22px;margin:0}.guide-cards h3{margin:0 0 6px}.guide-cards p{margin:0}.adjustments{gap:6px}.adjustments button{padding:9px;font-size:11px}.upload-button{padding:10px 12px}.chat-preview{padding:18px}}

.chat-preview.light .profile p,.chat-preview.light .chat span,.chat-preview.light .size-tag{color:#6d6178}.chat-preview.light .chat strong{color:#775395}