:root{color-scheme:dark;--bg:#101723;--surface:#172231;--text:#eaf1f8;--muted:#a6b6c7;--line:#32465c;--accent:#6db7ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{height:76px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:22px;font-weight:750;letter-spacing:-.6px;color:var(--accent);text-decoration:none}.brand span{color:var(--text);font-weight:550;margin-left:5px}.privacy{color:var(--muted);font-size:13px}main{max-width:1040px;margin:55px auto;padding:0 28px}.overline{font-size:12px;letter-spacing:1.8px;color:var(--accent);font-weight:600}h1{font-size:clamp(28px,4vw,42px);line-height:1.2;letter-spacing:-1.1px;margin:12px 0 16px}.intro p{max-width:640px;color:var(--muted);margin:0 0 32px}.file-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden}.file-slot{padding:30px}.file-slot:first-child{border-right:1px solid var(--line)}.file-slot.dragging{background:#203850;outline:2px solid var(--accent);outline-offset:-2px}.step{color:var(--accent);font-size:12px;letter-spacing:1.3px}h2{font-size:23px;margin:9px 0}.file-slot p{color:var(--muted);min-height:50px;font-size:15px;max-width:330px;margin:0 0 22px}.file-slot strong{font-weight:550;color:var(--text)}.file-button,button{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:14px;font-weight:600;line-height:1.4;border-radius:5px;cursor:pointer;padding:11px 17px;border:1px solid #4c6a87;background:#253a50;color:var(--text)}.file-button{position:relative;font-weight:600;font-size:14px}.file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.file-info{margin-top:15px;font-size:13px;color:var(--muted);overflow-wrap:anywhere}button.primary{background:var(--accent);color:#102033;border-color:var(--accent)}button.secondary{background:transparent;border-color:var(--line);font-size:14px}button:hover:not(:disabled),.file-button:hover{filter:brightness(1.13)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible,.file-button:focus-within{outline:2px solid var(--accent);outline-offset:4px}.project-field{display:flex;align-items:center;gap:18px;margin:25px 0}.project-field label{font-size:14px;white-space:nowrap}.project-field input{max-width:370px;width:100%;padding:9px 12px;background:var(--surface);border:1px solid var(--line);border-radius:5px;color:var(--text);font:inherit}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}#message{margin-top:14px;color:#b5d6f5;font-size:14px;white-space:pre-line}#message.error{color:#ffb6ad}#linkSummary{margin-top:18px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:15px}#linkSummary strong{color:var(--accent)}#linkSummary p{margin:4px 0;color:var(--muted);font-size:14px}.hidden{display:none!important}details{border-top:1px solid var(--line);margin:35px 0;padding-top:18px;color:var(--muted);font-size:14px}summary{cursor:pointer;color:var(--text)}details p{max-width:840px}code{font-size:13px;color:#c0dbf4}.preview-bar{height:54px;display:flex;gap:18px;align-items:center;padding:0 18px;background:var(--surface);border-bottom:1px solid var(--line)}.preview-bar button{padding:6px 10px;font-size:13px}.preview-bar span{font-size:13px;color:var(--muted);flex:1}iframe{display:block;border:0;width:100%;height:calc(100dvh - 130px);background:var(--bg)}#previewError{padding:18px;background:#542b28;color:#ffe6e0}body.preview header{height:50px}body.preview iframe{height:calc(100dvh - 104px)}@media(max-width:650px){header{height:65px;padding:0 20px}.brand{font-size:18px}.privacy{display:none}main{margin:32px auto;padding:0 20px}.file-grid{grid-template-columns:1fr}.file-slot{padding:24px}.file-slot:first-child{border-right:0;border-bottom:1px solid var(--line)}.file-slot p{min-height:0;margin-bottom:18px}.project-field{display:block}.project-field label{display:block;margin-bottom:7px}.project-field input{max-width:none}.preview-bar{padding:0 10px;gap:8px}.preview-bar span{font-size:12px}.preview-bar button{font-size:12px}h1{letter-spacing:-.5px}}@media(prefers-reduced-motion:no-preference){main{animation:appear .3s ease-out}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}}