:root{color-scheme:dark;--bg:#090811;--line:#ffffff13;--muted:#a29bb4;--purple:#a78bfa}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 75% 12%,#33205a44,transparent 34%),var(--bg);color:#f7f5ff;font-family:'DM Sans',sans-serif}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100% - 1080px)/2));background:#090811cc;backdrop-filter:blur(16px)}.brand{font:700 15px 'Space Grotesk';letter-spacing:.08em;display:flex;align-items:center;gap:10px;text-decoration:none;color:white}.brand>span:last-child{color:#b69cff}.mark{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:linear-gradient(135deg,#a78bfa,#7044d8)}nav{display:flex;gap:27px}nav a,footer a{font-size:12px;color:#aaa3b8;text-decoration:none}.product-label{font-size:9px;letter-spacing:.16em;color:#8e86a0}.shell{width:min(900px,calc(100% - 36px));margin:0 auto}.intro{text-align:center;padding:66px 0 33px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:#b9a5f2}.intro h1{font:700 clamp(38px,6vw,56px)/1.1 'Space Grotesk';letter-spacing:-.055em;margin:17px 0 12px}.intro h1 span{background:linear-gradient(90deg,#c4b5fd,#8b5cf6);background-clip:text;color:transparent}.intro p{font-size:13px;color:var(--muted)}.editor-card,.view-card{border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#171423,#100e18);overflow:hidden;box-shadow:0 25px 90px #0005}.editor-head{padding:21px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.editor-head strong{display:block;font:600 15px 'Space Grotesk'}.editor-head span{display:block;color:#827b91;font-size:10px;margin-top:5px}.private-tag{font-size:9px!important;letter-spacing:.13em;color:#a9a1ba!important}.private-tag i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8bdbb2;margin-right:6px}#paste-form{padding:21px 24px}#paste-form label{font-size:9px;letter-spacing:.14em;font-weight:700;color:#a49bb6}#paste-form label span{color:#6f687e;font-size:8px;margin-left:6px}#title{width:100%;margin:9px 0 19px;padding:13px 14px;background:#0d0b15;border:1px solid var(--line);border-radius:9px;color:white;outline:none;font:12px 'DM Sans'}#title:focus,textarea:focus{border-color:#a78bfa88}.content-label{display:flex;justify-content:space-between;align-items:center}.content-label span{font-size:9px;color:#777186}textarea{display:block;width:100%;height:310px;resize:vertical;margin-top:9px;padding:15px;background:#0d0b15;border:1px solid var(--line);border-radius:10px;color:#e7e1f1;outline:none;font:12px/1.7 'SFMono-Regular',Consolas,monospace}textarea::placeholder,#title::placeholder{color:#615a70}.editor-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.editor-bottom>span{font-size:10px;color:#777186}.editor-bottom button,.result button,.view-actions button,.view-actions a{border:0;border-radius:9px;padding:12px 16px;background:linear-gradient(120deg,#a78bfa,#7044d8);color:white;font:700 11px 'DM Sans';cursor:pointer;text-decoration:none}.editor-bottom button span{margin-left:15px}.editor-bottom button:disabled{opacity:.5}.status{padding:0 24px;color:#f0a5b0;font-size:11px}.result{margin:0 24px 22px;padding:15px;border:1px solid #8bdbb255;background:#8bdbb20c;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:15px}.result[hidden]{display:none}.result strong,.result span{display:block}.result strong{font-size:12px}.result span{font-size:10px;color:#aaa3b8;margin-top:5px;overflow-wrap:anywhere}.result button{white-space:nowrap;background:#ffffff14;border:1px solid var(--line)}footer{text-align:center;color:#777186;font-size:10px;padding:28px 0 40px}.view-shell{padding-top:65px}.view-card{padding:25px}.view-head{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px}.view-head h1{font:600 26px 'Space Grotesk';margin:9px 0 5px;overflow-wrap:anywhere}.date{font-size:10px;color:#827b91}.view-actions{display:flex;gap:8px;flex-wrap:wrap}.view-actions button,.view-actions a{background:#ffffff10;border:1px solid var(--line);padding:10px 13px}.paste-content{margin:0;padding:22px 0 5px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:#d9d3e4;font:12px/1.8 'SFMono-Regular',Consolas,monospace;min-height:160px}.error{color:#f0a5b0;font-size:12px}@media(max-width:600px){.topbar{padding:0 18px}.product-label{display:none}.intro{padding-top:48px}.editor-head,#paste-form{padding-left:16px;padding-right:16px}textarea{height:270px}.view-shell{padding-top:35px}.view-card{padding:17px}.view-head{align-items:flex-start;flex-direction:column}.result{margin-left:16px;margin-right:16px;align-items:flex-start;flex-direction:column}}
