:root{--sg-purple:#6d42d8;--sg-blue:#2563eb;--sg-ink:#17213b;--sg-muted:#68748b;--sg-line:#dfe6f1}.dsg-hero{position:relative;overflow:hidden;border:1px solid #e2dcf2;background:linear-gradient(135deg,#f4efff,#eef5ff 65%,#fff)}.dsg-hero:after{content:"✍";position:absolute;right:7%;top:50%;transform:translateY(-50%);color:rgba(109,66,216,.06);font-size:10rem}.dsg-page{max-width:1220px}.privacy-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.privacy-strip span{padding:10px;border:1px solid var(--sg-line);border-radius:10px;background:#fff;color:#56627a;font-size:.76rem;font-weight:600;text-align:center}.studio{display:grid;grid-template-columns:285px 1fr;gap:18px;padding:19px;border:1px solid var(--sg-line);border-radius:24px;background:linear-gradient(145deg,#fff,#fbfaff);box-shadow:0 22px 70px rgba(31,48,85,.1)}.tool-panel{padding:17px;border-radius:17px;background:#f7f6fc}.panel-section{display:flex;gap:10px}.panel-section.second{margin-top:25px}.step{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:8px;background:#ece6fb;color:var(--sg-purple);font-size:.7rem;font-weight:800}.panel-section h2{margin:0;color:var(--sg-ink);font-size:.9rem}.panel-section p{margin:3px 0 0;color:var(--sg-muted);font-size:.67rem}.color-row{display:flex;gap:8px;margin-top:13px}.color-swatch,.custom-swatch{display:grid;place-items:center;width:29px;height:29px;box-sizing:border-box;border-radius:50%;cursor:pointer}.color-swatch{border:3px solid transparent;background:var(--swatch)}.color-swatch.active{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--sg-purple)}.custom-swatch{border:1px dashed #a9b2c2;background:#fff;color:#536078}.custom-swatch input,.segment label input{position:absolute;opacity:0;pointer-events:none}.range-label{display:block;margin-top:15px;color:#536078;font-size:.69rem;font-weight:700}.range-label b{float:right;color:var(--sg-purple)}.range-label input{width:100%;margin-top:9px;accent-color:var(--sg-purple)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:14px}.switch-row strong,.switch-row small{display:block}.switch-row strong{color:#465269;font-size:.7rem}.switch-row small{margin-top:2px;color:var(--sg-muted);font-size:.59rem}.switch-row input{width:34px;height:18px;accent-color:var(--sg-purple)}.segment{display:grid;grid-template-columns:1fr 1fr auto;gap:5px;margin-top:10px}.segment.three{grid-template-columns:repeat(3,1fr)}.segment button,.segment label{padding:7px 6px;border:1px solid #d6deea;border-radius:7px;background:#fff;color:#536078;font:700 .62rem inherit;text-align:center;cursor:pointer}.segment button.active{border-color:#9880df;background:#eee9fb;color:#5e37c7}.background-title{margin-top:15px;color:#536078;font-size:.68rem;font-weight:700}.drawing-area{min-width:0}.canvas-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.canvas-head strong,.canvas-head span{display:block}.canvas-head strong{color:var(--sg-ink);font-size:.83rem}.canvas-head span{color:var(--sg-muted);font-size:.62rem}.canvas-head>div:last-child{display:flex;gap:5px}.canvas-head button{padding:7px 9px;border:1px solid #d6deea;border-radius:7px;background:#fff;color:#536078;font:700 .65rem inherit;cursor:pointer}.canvas-head button.danger{color:#bd3535}.canvas-head button:disabled{opacity:.35}.canvas-wrap{position:relative;width:100%;height:300px;overflow:hidden;border:2px dashed #c7cbd7;border-radius:15px;background:#fff;cursor:crosshair;touch-action:none;transition:height .2s}.canvas-wrap[data-aspect=compact]{height:230px}.canvas-wrap[data-aspect=wide]{height:360px}.canvas-wrap.has-signature{border-style:solid}.canvas-wrap.checker{background:repeating-conic-gradient(#edf0f5 0 25%,#fff 0 50%) 0/20px 20px}.canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%}.signature-guide{position:absolute;left:8%;right:8%;bottom:25%;height:1px;border-bottom:1px dashed rgba(90,100,120,.35);pointer-events:none}.canvas-wrap:not(.show-guide) .signature-guide{display:none}.canvas-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#aab1be;font-size:.82rem;font-weight:600;pointer-events:none}.canvas-tip{margin:8px 5px 0;color:var(--sg-muted);font-size:.65rem;text-align:center}.export-card{margin-top:15px;padding:14px;border:1px solid var(--sg-line);border-radius:14px;background:#fff}.export-controls{display:grid;grid-template-columns:1.1fr .7fr 1fr 1fr;align-items:end;gap:8px;margin-top:12px}.export-controls>label:not(.switch-row){color:#536078;font-size:.65rem;font-weight:700}.export-controls select,.filename-wrap input{width:100%;box-sizing:border-box;margin-top:5px;padding:8px;border:1px solid #d6deea;border-radius:8px;background:#fff;font:500 .7rem inherit}.filename-wrap{position:relative}.filename-wrap input{padding-right:65px}.filename-wrap span{position:absolute;right:7px;bottom:9px;color:#8791a2;font-size:.55rem}.export-actions{display:flex;gap:8px;margin-top:12px}.export-actions button{flex:1;padding:11px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--sg-purple),var(--sg-blue));color:#fff;font:700 .76rem inherit;cursor:pointer}.export-actions #dl-svg{background:#202b45}.usage-note{display:block;margin-top:8px;color:var(--sg-muted);font-size:.61rem;text-align:center}.draw-message{display:none;margin:8px 0 0;padding:8px;border-radius:7px;background:#fff0f0;color:#ad2929;font-size:.68rem;text-align:center}.draw-message.visible{display:block}.format-guide,.safety-guide,.dsg-steps,.dsg-faq{margin-top:56px}.section-heading{max-width:780px}.section-heading>span{color:var(--sg-purple);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.section-heading h2,.safety-guide>h2,.dsg-steps>h2,.dsg-faq>h2{margin:7px 0;color:var(--sg-ink);font-size:1.5rem}.section-heading p{color:var(--sg-muted);line-height:1.65}.format-guide>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.format-guide article,.safety-guide article,.dsg-steps article{padding:19px;border:1px solid var(--sg-line);border-radius:15px;background:#fff}.format-guide article>b{display:inline-block;padding:5px 8px;border-radius:7px;background:#eee9fb;color:var(--sg-purple)}.format-guide h3,.dsg-steps h3{margin:9px 0 5px;color:var(--sg-ink);font-size:.9rem}.format-guide p,.format-guide li,.safety-guide p,.dsg-steps p,.dsg-faq p{color:var(--sg-muted);font-size:.79rem;line-height:1.6}.format-guide ul{padding-left:18px}.safety-guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.safety-guide strong{color:var(--sg-ink)}.dsg-steps>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.dsg-steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--sg-ink);color:#fff}.dsg-faq{max-width:880px;margin-left:auto;margin-right:auto}.dsg-faq details{padding:15px 2px;border-bottom:1px solid var(--sg-line)}.dsg-faq summary{color:var(--sg-ink);font-weight:700;cursor:pointer}@media(max-width:900px){.privacy-strip{grid-template-columns:1fr 1fr}.studio{grid-template-columns:1fr}.tool-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.panel-section.second{margin-top:0}.export-controls{grid-template-columns:1fr 1fr}.dsg-steps>div{grid-template-columns:1fr 1fr}}@media(max-width:560px){.privacy-strip,.format-guide>div:last-child,.safety-guide>div,.dsg-steps>div{grid-template-columns:1fr}.studio{padding:9px}.tool-panel{display:block}.panel-section.second{margin-top:25px}.canvas-head{align-items:flex-start;flex-direction:column}.canvas-wrap,.canvas-wrap[data-aspect=wide]{height:280px}.canvas-wrap[data-aspect=compact]{height:220px}.export-controls{grid-template-columns:1fr}.export-actions{flex-direction:column}}