.dspage{--dsline:#dfe2ee;--dssoft:#f5f6fb;--dstext:#3a3a44;--dsmuted:#6b6f80}.dsstart{max-width:560px;margin:18px auto 6px;padding:0 2%}.dsdrop{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:11px;padding:26px 12px 24px;border:3px dashed #9da0d9;border-radius:8px;background:#fff;box-shadow:rgba(100,100,111,.2) 0 2px 8px;cursor:pointer;text-align:center}.dsdrop:hover{background:#fbfbff}.dsdrophint{font-size:13.5px;color:#6e6e6e}.dsdropnote{font-size:12.5px;color:#8a8ea6}.dswait{margin:14px auto 0;text-align:center;font-size:14px;color:var(--dsmuted)}.dswait.dsproblem{color:var(--scolor);font-weight:bold}.dswait.hide{display:none}.dsapp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:14px;align-items:start;margin:16px 2% 10px;color:var(--dstext)}.dsapp.hide{display:none}.dsstagepanel{position:sticky;top:10px;z-index:4}.dspanel{background:#fff;border:1px solid var(--dsline);border-radius:10px;padding:12px;box-shadow:0 2px 8px rgba(100,100,111,.12);min-width:0}.dsbar{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dsspacer{flex-grow:1}.dstool{height:34px;padding:0 12px;border:1px solid var(--dsline);border-radius:7px;background:#fff;color:var(--dstext);font-size:13.5px;font-weight:600;cursor:pointer}.dstool[hidden]{display:none}.dsstage{display:flex;align-items:center;justify-content:center;padding:12px;border-radius:8px;background-color:#eceef5;background-image:linear-gradient(45deg,#e2e5ef 25%,transparent 25%,transparent 75%,#e2e5ef 75%),linear-gradient(45deg,#e2e5ef 25%,transparent 25%,transparent 75%,#e2e5ef 75%);background-size:20px 20px;background-position:0 0,10px 10px;min-height:200px;overflow:hidden}.dssheet{position:relative;touch-action:none;cursor:grab;box-shadow:0 1px 6px rgba(40,45,90,.18)}.dsapp.dsfitmode .dssheet{cursor:default}#dscanvas{display:block}.dsinfo{margin:9px 2px 0;font-size:13px;color:var(--dsmuted)}.dsmock{margin-top:12px;padding:12px 14px;border-radius:8px;background:#313338;color:#dbdee1;font-family:"gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;line-height:1.375}.dsmocklbl{margin:0 0 8px;font-size:11.5px;font-weight:bold;letter-spacing:.02em;text-transform:uppercase;color:#949ba4}.dsmsg{display:flex;gap:12px;align-items:flex-start}.dsavatar{flex:none;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#5865f2,#eb459e)}.dsmsgbody{min-width:0}.dsname{font-weight:600;color:#f2f3f5}.dstime{margin-left:6px;font-size:12px;color:#949ba4}.dsline{margin:2px 0 0}.dsmockpic{display:inline-block;vertical-align:bottom}.dsmockpic.dsinline{vertical-align:-0.25em;margin:0 2px}.dsjumbo{margin-top:6px}.dscard{margin-top:10px;padding:11px;border:1px solid var(--dsline);border-radius:10px}.dscard:first-child{margin-top:0}.dscardtitle{display:block;margin-bottom:9px;font-size:14.5px}.dsrow{display:block;margin-bottom:11px;font-size:12.5px;color:var(--dsmuted)}.dsrow:last-child{margin-bottom:0}.dsrange{display:flex;align-items:center;gap:10px;height:30px}.dsrange input{flex:1;min-width:0;margin:0;accent-color:var(--pcolor)}.dsrange output{flex:none;min-width:48px;text-align:right;color:var(--dstext);font-weight:bold;font-size:13.5px}.dsfield select{width:100%;height:31px;margin-top:4px;padding:0 8px;border:1px solid var(--dsline);border-radius:6px;background:#fff;color:var(--dstext);font-size:13.5px}.dshint{margin:4px 0 0;font-size:12px;color:var(--dsmuted)}.dsways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:10px}.dsway{position:relative;cursor:pointer}.dsway input{position:absolute;opacity:0;width:1px;height:1px}.dswaybox{display:flex;flex-direction:column;align-items:center;gap:5px;height:100%;padding:8px 4px;box-sizing:border-box;border:2px solid var(--dsline);border-radius:8px;color:#525669;font-size:12.5px;line-height:1.25;text-align:center}.dswaybox svg{width:40px;height:28px}.dsway:hover .dswaybox{border-color:#c3c8ea}.dsway input:checked + .dswaybox{border-color:var(--pcolor);background:#eef0fb;color:var(--pcolor);font-weight:bold}.dsway input:focus-visible + .dswaybox{outline:2px solid var(--pcolor);outline-offset:2px}.dsapp.dsfitmode .ds-fillonly,.dsapp.dsstill .ds-anim,.dsapp:not(.dshasalpha) .ds-alpha{display:none}.dsspan{display:block;margin:4px 0 2px}.dsspan output{color:var(--dstext);font-weight:bold;font-size:13.5px}.dsdual{position:relative;height:30px}.dsdualtrack{position:absolute;left:0;right:0;top:12px;height:6px;border-radius:99px;background:#e6e8f4}.dsdualfill{position:absolute;top:0;bottom:0;border-radius:99px;background:var(--pcolor)}.dsdual input[type=range]{position:absolute;left:0;top:0;width:100%;height:30px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;pointer-events:none}.dsdual input[type=range]:focus{outline:0}.dsdual input[type=range]::-webkit-slider-runnable-track{height:6px;background:transparent}.dsdual input[type=range]::-moz-range-track{height:6px;background:transparent}.dsdual input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:auto;width:18px;height:18px;margin-top:-6px;border-radius:50%;border:2px solid #fff;background:var(--pcolor);box-shadow:0 0 0 1px var(--pcolor);cursor:pointer}.dsdual input[type=range]::-moz-range-thumb{pointer-events:auto;width:14px;height:14px;border-radius:50%;border:2px solid #fff;background:var(--pcolor);box-shadow:0 0 0 1px var(--pcolor);cursor:pointer}.dsdual input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(73,86,165,.35)}.dscheck{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:13.5px;color:var(--dstext);cursor:pointer}.dscheck input{width:17px;height:17px;margin:0;accent-color:var(--pcolor)}.dsmake{display:block;width:100%;margin-top:14px;padding:12px;border:0;border-radius:8px;background:var(--pcolor);color:#fff;font-size:16px;font-weight:bold;cursor:pointer}.dsmake:hover{filter:brightness(1.08)}.dsmake:disabled{background:#b7bac7;cursor:not-allowed;filter:none}.cgoutmeta.cgover{color:var(--scolor);font-weight:bold}@media only screen and (max-width:900px){.dsapp{grid-template-columns:minmax(0,1fr);margin:14px 0 10px}.dsstagepanel{top:0;border-radius:0 0 10px 10px;border-top:0;box-shadow:0 4px 10px rgba(100,100,111,.16)}.dsbar,.dsmock{display:none}.dsstage{min-height:0;padding:8px}.dsinfo{margin-top:6px;font-size:12px}.dsstart{margin-top:14px}}@media only screen and (max-width:600px){.dspanel{padding:10px}}