:root{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;color:#30253e;background:#f9f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.app{max-width:1040px;margin:0 auto;padding:24px 18px 100px}header{padding:20px 4px 16px}header p{line-height:1.7;color:#7e718d;font-size:14px}.brand{display:flex;align-items:center;gap:14px}.brand-icon{background:#ece0f7;color:#9065c1;font-size:24px;border-radius:18px;padding:12px 16px}.brand small{color:#9073b0;font-size:12px;font-weight:750;letter-spacing:.12em}.brand h1{font-size:26px;letter-spacing:-.04em;margin:3px 0}.panel{background:#fff;border:1px solid #e9def2;border-radius:24px;padding:22px;margin:18px 0;box-shadow:0 3px 18px #9a7db00d}h2{font-size:18px;margin:0 0 19px}label{font-size:14px;display:block;font-weight:700;margin:14px 0 8px}label small{font-weight:400;color:#8b7b97;margin-left:6px}input:not([type=file]),textarea,select{display:block;width:100%;padding:13px;border:1px solid #dccce9;background:#fff;border-radius:12px;color:inherit;outline-color:#a880cd}textarea{resize:vertical;min-height:150px;line-height:1.6}input[type=file]{max-width:100%;font-size:13px}.file-label{display:block;background:#f5effb;border:1px solid #e4d4f1;border-radius:12px;padding:12px;margin-top:18px}.note{font-size:13px;line-height:1.7;color:#796a89;margin:10px 0}.note.error,.frame-error{color:#c34b66}video{display:block;width:100%;max-height:320px;border-radius:12px;background:#2a2230;margin-top:14px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}button{border:1px solid #d8c4e8;border-radius:12px;padding:11px 16px;background:#fff;color:#7653a1;font-weight:700}button.primary{color:#fff;background:#8e6bb7;border-color:#8e6bb7}button.ghost{background:#f5effa}.settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.settings label{font-size:13px}.settings input,.settings select{margin-top:7px}.result-head{display:flex;justify-content:space-between;align-items:center}.result-head h2{margin:0}.result-head span{font-weight:700;color:#8660ac}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:19px}.frame-card{border:1px solid #e7ddee;border-radius:16px;overflow:hidden}.frame-image{background:#f2eaf9;position:relative;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:#9276ae}.frame-image img{width:100%;height:100%;object-fit:contain}.frame-time{position:absolute;bottom:7px;left:7px;background:#fff;border:1px solid #ede5f4;border-radius:7px;padding:2px 7px;font-size:12px;font-weight:700;background:#fff}.frame-details{padding:12px}.frame-details h3{font-size:15px;margin:0 0 10px;overflow-wrap:anywhere}.frame-links{display:flex;gap:6px;flex-wrap:wrap}.frame-links button,.frame-links a{padding:7px 9px;font-size:12px;border:1px solid #dac6ec;border-radius:9px;text-decoration:none;color:#7955a1}.placeholder{font-size:13px;display:flex;align-items:center;gap:8px}.frame-error{font-size:12px}footer{text-align:center;color:#9788a2;font-size:12px;line-height:1.7;margin:20px 0}@media(min-width:780px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:500px){.app{padding:16px 12px 80px}.panel{padding:16px;border-radius:18px}.settings{grid-template-columns:1fr 1fr}.brand h1{font-size:22px}.cards{gap:8px}.frame-details{padding:9px}.frame-links button,.frame-links a{font-size:11px;padding:6px}}