:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202124;background:#f2f3f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #d7d9dd;background:#fff;color:#242529;border-radius:9px;padding:10px 14px;font-size:14px;transition:background .15s,transform .15s}button:hover{background:#eeeef1}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e74755;outline-offset:3px}header{height:88px;border-bottom:1px solid #dfe0e4;display:flex;align-items:center;gap:28px;max-width:1300px;margin:auto;padding:0 38px}.brand{font-weight:800;font-size:28px;letter-spacing:-1.3px;text-decoration:none;color:#191a1d}.brand-dot{font-size:15px;color:#df263d;margin-left:4px}.tag{font-size:13px;color:#64666b}#logout{margin-left:auto}.quiet{background:transparent;border-color:transparent}main{max-width:1300px;padding:42px 38px 24px;margin:auto}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:650;color:#6c6e73}h1{font-size:44px;letter-spacing:-2px;line-height:1.12;margin:12px 0 28px;font-weight:650}h2{font-size:17px;font-weight:600;letter-spacing:-.3px;margin:0}.workspace-head{display:flex;justify-content:space-between;align-items:center}.sender{font-size:13px;color:#6c6e73;display:flex;align-items:center;gap:12px}select{padding:9px;border:1px solid #d7d9dd;border-radius:8px;background:#fff;color:#26272a}.layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:32px}.panel{border:1px solid #dddfe4;border-radius:18px;background:#fff;padding:25px}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.meta{font-size:12px;color:#72747a}.canvas-wrap{padding:24px;background:#e8e9ec;border-radius:12px}canvas{display:block;width:100%;height:auto;image-rendering:pixelated}#editor{background:#fff;touch-action:none;cursor:crosshair;box-shadow:0 2px 8px #0000000a}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0}.palette{display:flex;gap:8px;margin-right:10px}.swatch{width:28px;height:28px;padding:0;border-radius:50%;border:1px solid #ccc}.swatch.selected{outline:2px solid #85878d;outline-offset:3px}.black{background:#161719!important}.red{background:#d82940!important}.white{background:white!important}.size{display:flex;align-items:center;gap:6px;font-size:12px;margin-right:auto}.size select{font-size:12px;padding:7px}.toolbar>button{font-size:12px;padding:9px}.text-row{display:flex;gap:8px}input{min-width:0;border:1px solid #d7d9dd;border-radius:9px;padding:12px;background:white}.text-row input{flex:1;font-size:14px}.extras{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0 28px}.extras button,.upload{font-size:13px;padding:8px 10px;border:0;background:#f3f4f6;border-radius:8px;cursor:pointer}.upload input{position:absolute;width:1px;height:1px;opacity:0}.upload:focus-within{outline:3px solid #e74755}.send-row{display:flex;gap:10px}.send-row>*{flex:1}.primary{background:#d82940;color:white;border:0;padding:14px 18px;font-weight:600}.primary:hover{background:#b91e34}.hint{font-size:12px;line-height:1.55;color:#75777d;margin:13px 0 0}.pill{font-size:12px;background:#e2e4e8;border-radius:20px;padding:6px 10px;color:#565960}.devices{padding-top:16px}.device{background:#202125;border-radius:15px;padding:17px 20px 22px;color:#fff}.device-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;font-size:13px}.device-label strong{font-weight:550}.device-label span{font-size:12px;color:#b4b6bd}.screen{background:#111214;padding:8px;border-radius:5px}.screen canvas{background:white}.connection{display:flex;align-items:center;justify-content:center;gap:8px;color:#9a9ca3;padding:12px}.connection span{font-size:12px;color:#6a6c72}.device .quiet{color:#fff;font-size:12px;padding:9px 0 0}.simulation p{font-size:13px;line-height:1.6;color:#686b72}.simulation>div{display:flex;gap:8px}.simulation button{flex:1}.history{margin-top:42px}.history .panel-top{padding-bottom:14px;border-bottom:1px solid #d9dbe0;margin-bottom:0}#history{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}.history-item{background:white;padding:14px;border:1px solid #e0e2e5;border-radius:12px}.history-item canvas{border:1px solid #eee;margin-bottom:12px}.history-item p{font-size:12px;color:#777;margin:8px 0 0}.history-item strong{font-size:13px;font-weight:550}.empty{font-size:14px;color:#71747c;grid-column:1/-1}#status{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#202125;color:#fff;padding:14px 22px;border-radius:12px;box-shadow:0 6px 24px #0002;max-width:90vw;font-size:14px;z-index:10}#status:empty{display:none}footer{max-width:1300px;margin:24px auto 0;border-top:1px solid #dfe0e4;padding:24px 38px;display:flex;justify-content:space-between;gap:20px;color:#84878d;font-size:12px}footer span:first-child{letter-spacing:2px}.login{max-width:510px;margin:28px auto 70px}.login h1{font-size:52px}.login p{line-height:1.6;color:#6a6c72}.login form{background:#fff;border:1px solid #dddfe4;padding:28px;border-radius:16px;margin:28px 0 20px}.login label{display:grid;gap:8px;font-size:14px;margin-bottom:18px}.login button{width:100%;display:flex;justify-content:space-between}.login small{font-size:12px;color:#85878d}#loginError{color:#b91e34;margin-bottom:0;font-size:14px}[hidden]{display:none!important}@media(max-width:980px){.layout{grid-template-columns:1fr}.devices{display:grid;grid-template-columns:1fr 1fr;gap:16px}.devices>.panel-top,.simulation{grid-column:1/-1}.devices>.panel-top{margin-bottom:0}.connection{display:none}.device-label{gap:8px}#history{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){header{height:70px;padding:0 20px}.tag{display:none}main{padding:28px 16px}h1{font-size:35px}.workspace-head{display:block}.sender{margin-bottom:22px;justify-content:space-between}.panel{padding:16px}.canvas-wrap{padding:12px}.panel-top{gap:8px}.panel-top h2{font-size:15px}.meta{font-size:11px}.text-row{flex-wrap:wrap}.text-row input{width:100%;flex-basis:100%}.text-row button{width:100%}.send-row{flex-direction:column}.devices{grid-template-columns:1fr}.devices>.panel-top,.simulation{grid-column:auto}.device{padding:16px}.connection{display:flex;padding:0}#history{grid-template-columns:repeat(2,minmax(0,1fr))}.login{margin:20px 0}.login h1{font-size:44px}footer{padding:20px;flex-direction:column;gap:8px}.toolbar{gap:10px}.size{margin-right:0}}