*,*:before,*:after{box-sizing:border-box}*{margin:0}:root{--color-bg:#fff;--color-bg-secondary:#f5f5f5;--color-bg-tertiary:#e8e8e8;--color-text:#1a1a1a;--color-text-secondary:#666;--color-border:#e0e0e0;--color-primary:#06c;--color-primary-hover:#0052a3;--color-error:#dc3545;--color-success:#28a745;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}[data-theme=dark]{--color-bg:#1a1a1a;--color-bg-secondary:#2d2d2d;--color-bg-tertiary:#3d3d3d;--color-text:#f0f0f0;--color-text-secondary:#a0a0a0;--color-border:#404040;--color-primary:#4da6ff;--color-primary-hover:#80c0ff;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 6px #0000004d}html{-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:16px;line-height:1.5}body{background:var(--color-bg);color:var(--color-text);min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-bg);justify-content:space-between;align-items: center;padding:16px}.logo{text-decoration:none;color:var(--color-text)}.logo h1{font-size:1.25rem;font-weight:600}.header-actions{display:flex;gap:8px}.main{flex:1;padding:24px 16px}.container{max-width:100%;margin:0 auto}.tagline{color:var(--color-text-secondary);text-align:center;margin-bottom:24px}.form-row{display:flex;flex-wrap:wrap;gap:16px}.form-group{display:flex;flex-direction:column;flex:1;gap:6px;min-width:140px}.form-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);width:100%;padding:10px 12px;transition:border-color .2s,box-shadow .2s;font-size:1rem}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0066cc1a}.textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);resize:vertical;width:100%;min-height:200px;padding:12px;transition:border-color .2s,box-shadow .2s;font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:.9375rem}.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0066cc1a}.button{display:inline-flex;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items: center;gap:8px;padding:10px 20px;transition:background-color .2s,transform .1s;font-size:1rem;font-weight:500}.button:active{transform:scale(.98)}.button:disabled{opacity:.6;cursor:not-allowed}.button.primary{background:var(--color-primary);color:#fff}.button.primary:hover:not(:disabled){background:var(--color-primary-hover)}.button.secondary{background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border)}.button.secondary:hover:not(:disabled){background:var(--color-bg-tertiary)}.button.icon-button{padding:8px 12px}.button.small{padding:6px 12px;font-size:.875rem}.theme-toggle,.language-switcher{display:flex;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;justify-content:center;align-items: center;width:40px;height:40px;padding:0;transition:background-color .2s;font-size:.875rem;font-weight:500}.theme-toggle:hover,.language-switcher:hover{background:var(--color-bg-tertiary)}.select-trigger{display:inline-flex;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;justify-content:space-between;align-items: center;gap:8px;width:100%;padding:10px 12px;font-size:1rem}.select-trigger:focus{outline:none;border-color:var(--color-primary)}.select-content{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow-y:auto;z-index:100;max-height:300px}.select-item{display:flex;cursor:pointer;outline:none;justify-content:space-between;align-items: center;padding:10px 12px}.select-item:hover,.select-item[data-highlighted]{background:var(--color-bg-secondary)}.switch-group{flex-direction:row;align-items: center;gap:12px}.switch-root{background:var(--color-bg-tertiary);position:relative;cursor:pointer;border:none;border-radius:9999px;width:44px;height:24px;transition:background-color .2s}.switch-root[data-state=checked]{background:var(--color-primary)}.switch-thumb{display:block;position:absolute;background:#fff;border-radius:9999px;width:20px;height:20px;transition:transform .2s;top:2px;left:2px;transform:translate(0)}.switch-root[data-state=checked] .switch-thumb{transform:translate(20px)}.switch-label{color:var(--color-text);cursor:pointer;font-size:.9375rem}.paste-form{display:flex;flex-direction:column;gap:20px}.result-container{text-align:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:32px}.result-container h2{color:var(--color-success);margin-bottom:20px}.result-url{display:flex;gap:8px;margin-bottom:20px}.result-url .input{flex:1;font-family:SF Mono,Menlo,Monaco,Courier New,monospace}.paste-view{display:flex;flex-direction:column;gap:16px}.paste-header{display:flex;justify-content:space-between;align-items: center}.language-badge{display:inline-block;text-transform:uppercase;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);padding:4px 12px;font-size:.75rem;font-weight:500}.code-block{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto;padding:16px;font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6}.code-block code{display:block;white-space:pre}.paste-footer{display:flex;justify-content:center}.dialog-overlay{position:fixed;display:flex;z-index:1000;background:#00000080;justify-content:center;align-items: center;inset:0}.dialog-content{position:fixed;background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:1001;width:90%;max-width:400px;padding:24px;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog-header{display:flex;align-items: center;gap:12px;margin-bottom:20px}.dialog-title{font-size:1.125rem;font-weight:600}.password-form{display:flex;flex-direction:column;gap:16px}.error-message{color:var(--color-error);font-size:.875rem}.error-container{text-align:center;padding:48px 24px}.error-container .error-message{margin-bottom:24px;font-size:1.125rem}.loading{text-align:center;color:var(--color-text-secondary);padding:48px}@media (min-width:768px){.main{padding:32px 24px}.container{max-width:720px}.textarea{min-height:300px}}@media (min-width:1024px){.main{padding:48px 32px}.container{max-width:900px}.textarea{min-height:400px}}code[class*=language-],pre[class*=language-]{color:#1a1a1a;text-shadow:none}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6a737d}.token.punctuation{color:#24292e}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#005cc5}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#22863a}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.keyword{color:#d73a49}.token.function,.token.class-name{color:#6f42c1}.token.regex,.token.important,.token.variable{color:#e36209}[data-theme=dark] code[class*=language-],[data-theme=dark] pre[class*=language-]{color:#f0f0f0}[data-theme=dark] .token.comment,[data-theme=dark] .token.prolog,[data-theme=dark] .token.doctype,[data-theme=dark] .token.cdata{color:#8b949e}[data-theme=dark] .token.punctuation{color:#c9d1d9}[data-theme=dark] .token.property,[data-theme=dark] .token.tag,[data-theme=dark] .token.boolean,[data-theme=dark] .token.number,[data-theme=dark] .token.constant,[data-theme=dark] .token.symbol,[data-theme=dark] .token.deleted{color:#79c0ff}[data-theme=dark] .token.selector,[data-theme=dark] .token.attr-name,[data-theme=dark] .token.string,[data-theme=dark] .token.char,[data-theme=dark] .token.builtin,[data-theme=dark] .token.inserted{color:#7ee787}[data-theme=dark] .token.operator,[data-theme=dark] .token.entity,[data-theme=dark] .token.url,[data-theme=dark] .language-css .token.string,[data-theme=dark] .style .token.string,[data-theme=dark] .token.atrule,[data-theme=dark] .token.attr-value,[data-theme=dark] .token.keyword{color:#ff7b72}[data-theme=dark] .token.function,[data-theme=dark] .token.class-name{color:#d2a8ff}[data-theme=dark] .token.regex,[data-theme=dark] .token.important,[data-theme=dark] .token.variable{color:#ffa657}
