:root{--bg: #050505;--surface: #111111;--border: #333333;--border-hover: #555555;--text: #EDEDED;--text-muted: #888888;--accent: #FFFFFF;--radius: 4px;--font-mono: "JetBrains Mono", Consolas, monospace}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);font-family:var(--font-mono);margin:0;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}.container{max-width:800px;margin:0 auto;padding:4rem 1.5rem;width:100%}h1{font-size:1.1rem;font-weight:500;margin:0;letter-spacing:-.02em}.subtitle{color:var(--text-muted);font-size:.85rem;margin-top:.5rem;margin-bottom:3rem}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:5px}.tab-btn{white-space:nowrap;padding:.5rem 1rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.95rem;border-bottom:2px solid transparent;transition:all .2s}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--text);border-bottom-color:var(--accent)}.upload-box{border:1px dashed var(--border);border-radius:var(--radius);padding:3rem 1rem;text-align:center;background:#ffffff03;transition:border-color .2s,background .2s;cursor:pointer;position:relative}.upload-box:hover{border-color:var(--border-hover);background:#ffffff05}.history-card{display:flex;flex-direction:column;gap:.75rem;text-align:left;padding:1.5rem;border:1px solid var(--border);cursor:default}.history-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.5rem}.history-meta{display:flex;flex-direction:column}.tag{font-size:.75rem;background:var(--surface);padding:.2rem .4rem;border-radius:4px;border:1px solid var(--border);white-space:nowrap}.url-group{position:relative;display:flex;align-items:center;width:100%}.url-input{width:100%;padding-right:180px;text-overflow:ellipsis;background:#ffffff0d;padding:.8rem;border-radius:4px;border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:.85rem}.url-actions{position:absolute;right:5px;display:flex;gap:5px}.action-btn{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:.3rem .6rem;font-size:.75rem;cursor:pointer;border-radius:3px;text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap}.action-btn:hover{background:var(--border)}.viewer-header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.viewer-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}@media (max-width: 600px){.container{padding:2rem 1rem}.url-group{flex-direction:column;gap:.5rem;align-items:stretch}.url-input{padding-right:.8rem;text-align:center}.url-actions{position:static;justify-content:center;width:100%}.viewer-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.viewer-actions{width:100%;justify-content:flex-start}.action-btn{flex:1;justify-content:center;padding:.6rem}.upload-controls{flex-direction:column}.upload-controls button{width:100%}}.upload-controls{margin-top:2rem;display:flex;gap:1rem;align-items:center}.tabs{display:flex;gap:2rem;border-bottom:1px solid var(--border);margin-bottom:2rem}.tab-btn{background:none;border:none;padding-bottom:.8rem;color:var(--text-muted);font-family:inherit;cursor:pointer;font-size:.9rem;position:relative}.tab-btn.active{color:var(--text)}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:var(--accent)}.upload-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:4rem 2rem;text-align:center;cursor:pointer;transition:all .2s}.upload-box:hover{border-color:var(--border-hover)}.upload-box.drag-over{border-color:var(--accent);background:#1a1a1a}.editor-wrapper{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.editor-header{border-bottom:1px solid var(--border);padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-muted);background:#0a0a0a}.header-btn{background:none;border:1px solid transparent;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.75rem;padding:.2rem .5rem;border-radius:3px;transition:all .2s}.header-btn:hover{color:var(--text);background:#1a1a1a;border-color:#333}.header-link{color:var(--text-muted);text-decoration:none;font-size:.75rem;padding:.2rem .5rem;transition:color .2s}.header-link:hover{color:var(--text)}.code-area{width:100%;min-height:300px;background:transparent;border:none;color:var(--text);padding:1rem;font-family:inherit;resize:vertical;outline:none}.btn-primary{background:var(--accent);color:var(--bg);border:none;padding:.6rem 1.2rem;border-radius:var(--radius);cursor:pointer;font-weight:600;font-family:inherit}.input-minimal{background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:inherit;padding:.5rem 0;width:100%}.input-minimal:focus{outline:none;border-color:var(--accent)}.app-footer{margin-top:auto;padding:1rem;border-top:1px solid var(--border);background:var(--surface);display:flex;justify-content:center}.footer-content{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;max-width:1200px;width:100%;justify-content:center}.footer-link,.footer-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:4px;text-decoration:none;color:var(--text);background:var(--bg);border:1px solid var(--border);cursor:pointer;font-size:.85rem;transition:all .2s;line-height:1}.footer-btn.primary{background:var(--accent);color:#000;border:none;font-weight:600}.footer-link.warning{background:var(--warning, #eab308);color:#000;border:none;font-weight:600}.footer-link:hover,.footer-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.footer-separator{width:1px;height:20px;background:var(--border);margin:0 .5rem}@media (max-width: 600px){.footer-separator{display:none}.footer-content{gap:.5rem}.footer-link,.footer-btn{width:100%;justify-content:center}}.footer-text-link{background:none;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;text-decoration:none;font-family:inherit}.footer-text-link:hover{text-decoration:underline;color:var(--text)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;display:flex;justify-content:center;align-items:center}.hidden{display:none!important}.modal-content{background:var(--surface);border:1px solid var(--border);padding:2rem;border-radius:8px;width:90%;max-width:500px;box-shadow:0 20px 25px -5px #00000080}.modal-title{margin-top:0;font-size:1.25rem;color:var(--text)}.modal-subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.input-full{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:.75rem;margin-bottom:.75rem;border-radius:4px;font-family:inherit;box-sizing:border-box}.input-full:focus{outline:1px solid var(--accent);border-color:var(--accent)}.btn-text{background:none;border:none;color:var(--text-muted);cursor:pointer;font-family:inherit}.btn-text:hover{color:var(--text)}.terms-card{max-width:700px;margin:0 auto;background:var(--surface);border:1px solid var(--border);padding:3rem;border-radius:var(--radius)}.terms-header{border-bottom:1px solid var(--border);padding-bottom:1.5rem;margin-bottom:2rem}.terms-header h1{color:var(--accent);font-size:1.2rem;margin:0 0 .5rem}.terms-date{font-size:.75rem;color:var(--text-muted)}.terms-section{margin-bottom:2.5rem}.terms-section h3{font-size:.9rem;color:var(--text);margin-bottom:.75rem;text-transform:uppercase}.terms-section p,.terms-list li{font-size:.9rem;color:var(--text-muted);line-height:1.6}.terms-list{padding-left:1.2rem;margin-top:.5rem}.terms-list li{margin-bottom:.4rem}.terms-actions{margin-top:3rem;border-top:1px solid var(--border);padding-top:2rem}@keyframes success-pulse{0%{border-color:var(--border);box-shadow:0 0 #4caf5000}50%{border-color:#4caf50;box-shadow:0 0 0 4px #4caf5033}to{border-color:var(--border);box-shadow:0 0 #4caf5000}}@media (max-width: 600px){.tabs{gap:.5rem;justify-content:space-between;overflow-x:auto}.tab-btn{flex:1;text-align:center;padding-left:0;padding-right:0;font-size:.85rem}.upload-box{padding:2rem 1rem}.footer-separator{display:none}.footer-content{gap:.5rem;flex-direction:column}.footer-link,.footer-btn{width:100%;justify-content:center}.editor-header{flex-direction:column;align-items:stretch;gap:1rem}.header-btn,.header-link{flex:1;text-align:center;justify-content:center;display:flex;align-items:center}}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:0;overflow:auto;background:#1d1f21;border-radius:4px}:not(pre)>code[class*=language-],pre[class*=language-]{background:#1d1f21}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}pre.line-numbers{padding-left:3.8em!important;position:relative;counter-reset:linenumber}pre.line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:1em;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #333;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span:before{content:counter(linenumber);color:#555;display:block;padding-right:.8em;text-align:right}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}