.layout{min-height:100vh;display:flex;flex-direction:column;max-width:72rem;margin:0 auto;padding:1.75rem 1.25rem 2.5rem}.layout-grid{display:grid;gap:1.25rem;align-items:start;flex:1}@media (min-width: 960px){.layout-grid{grid-template-columns:minmax(0,1fr) 17.5rem}}.main-column{min-width:0}.header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:2rem}.brand{display:flex;gap:1rem;align-items:flex-start}.logo{font-size:2rem;line-height:1;color:#34c759;filter:drop-shadow(0 0 12px rgba(52,199,89,.35))}.title{margin:0;font-size:1.65rem;font-weight:700;letter-spacing:-.02em}.tagline{margin:.35rem 0 0;font-size:.95rem;color:#9aa8b4;max-width:22rem;line-height:1.45}.domain{font-size:.8rem;font-weight:600;color:#34c759;background:#34c7591f;border:1px solid rgba(52,199,89,.28);padding:.35rem .65rem;border-radius:999px;align-self:center}.main{flex:1;display:flex;flex-direction:column;gap:1.5rem}.panel{background:#121a22d9;border:1px solid rgba(255,255,255,.06);border-radius:1rem;padding:1.35rem;box-shadow:0 12px 40px #00000040}.dropzone{position:relative;min-height:11rem;border:2px dashed rgba(255,255,255,.14);border-radius:.85rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem;cursor:pointer;transition:border-color .2s,background .2s}.dropzone:hover,.dropzone:focus-visible{outline:none;border-color:#34c75973;background:#34c7590a}.dropzone--active{border-color:#34c759;background:#34c75914}.dropzone--busy{cursor:wait;opacity:.85}.file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;pointer-events:none}.dropzone-title{margin:0;font-size:1.15rem;font-weight:600}.dropzone-hint,.dropzone-text{margin:.5rem 0 0;font-size:.88rem;color:#8b9bab;max-width:20rem;line-height:1.5}.title-field{margin-top:1.1rem;display:flex;flex-direction:column;gap:.4rem}.title-field label{font-size:.8rem;font-weight:500;color:#9aa8b4}.title-field input{padding:.55rem .75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);background:#080c1099;color:#e8eef4}.title-field input:focus{outline:none;border-color:#34c75980}.msg{margin:.85rem 0 0;font-size:.9rem}.msg--err{color:#ff6b6b}.result-heading{margin:0 0 1rem;font-size:1.2rem}.preview-wrap{border-radius:.65rem;overflow:hidden;background:#080c10;border:1px solid rgba(255,255,255,.06);margin-bottom:1.25rem}.preview-img{display:block;max-width:100%;max-height:320px;margin:0 auto;object-fit:contain}.embed-block{margin-bottom:1.25rem}.embed-block h3{margin:0 0 .65rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#7d8d9c}.embed-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem .65rem;align-items:start;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.embed-row:last-child{border-bottom:none}.embed-label{grid-column:1 / -1;font-size:.78rem;color:#9aa8b4}.embed-value{grid-column:1;font-size:.72rem;word-break:break-all;line-height:1.45;color:#c5d0d9;background:#00000040;padding:.45rem .55rem;border-radius:.35rem;border:1px solid rgba(255,255,255,.06)}.btn-copy,.btn-secondary{border:none;border-radius:.4rem;cursor:pointer;font-weight:600;font-size:.78rem}.btn-copy{grid-column:2;grid-row:2;align-self:stretch;padding:0 .75rem;background:#34c759;color:#061208}.btn-copy:hover{filter:brightness(1.08)}.btn-secondary{margin-top:.5rem;padding:.55rem 1rem;background:transparent;color:#9aa8b4;border:1px solid rgba(255,255,255,.12)}.btn-secondary:hover{color:#e8eef4;border-color:#ffffff38}.sidebar{padding:1rem .9rem}.sidebar-title{margin:0;font-size:.95rem;font-weight:700}.sidebar-hint{margin:.35rem 0 .75rem;font-size:.72rem;color:#7d8d9c;line-height:1.4}.sidebar-empty{margin:0;font-size:.8rem;color:#8b9bab}.sidebar-toast{margin:.65rem 0 0;font-size:.72rem;color:#34c759}.recent-list{list-style:none;margin:0;padding:0;max-height:min(70vh,32rem);overflow-y:auto;display:flex;flex-direction:column;gap:.65rem}.recent-item{display:flex;gap:.55rem;align-items:flex-start;padding-bottom:.65rem;border-bottom:1px solid rgba(255,255,255,.06)}.recent-item:last-child{border-bottom:none;padding-bottom:0}.recent-thumb-wrap{flex-shrink:0;display:block;width:3rem;height:3rem;border-radius:.35rem;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#080c10}.recent-thumb{width:100%;height:100%;object-fit:cover}.recent-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:.2rem}.recent-ext{font-size:.62rem;font-weight:700;letter-spacing:.04em;color:#6a7a88}.recent-url{font-size:.68rem;color:#7cb8ff;text-decoration:none;word-break:break-all;line-height:1.35}.recent-url:hover{text-decoration:underline}.recent-btns{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.15rem}.recent-btn{font-size:.62rem;font-weight:600;padding:.2rem .4rem;border-radius:.3rem;border:1px solid rgba(255,255,255,.12);background:#0003;color:#b8c5d0;cursor:pointer}.recent-btn:hover{color:#e8eef4;border-color:#34c75959}@media (min-width: 960px){.sidebar{position:sticky;top:1rem}}.footer{margin-top:2rem;font-size:.78rem;color:#5c6b78;text-align:center;line-height:1.5}@media (min-width: 540px){.embed-row{grid-template-columns:7.5rem minmax(0,1fr) auto}.embed-label{grid-column:1;grid-row:1 / 3;align-self:center}.embed-value{grid-column:2;grid-row:1 / 3}.btn-copy{grid-column:3;grid-row:1 / 3}}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh;font-family:DM Sans,system-ui,sans-serif;background:linear-gradient(165deg,#0c1218,#141c24 45%,#0d1319);color:#e8eef4}#root{min-height:100vh}button,input{font:inherit}