:root{--bg: #f6f2ea;--panel: #ffffff;--text: #1c1c1c;--muted: #6a6157;--accent: #d8793d;--accent-dark: #b35f2d;--border: #e2d8cc}*{box-sizing:border-box}body{margin:0;font-family:"Source Sans 3",Segoe UI,Tahoma,sans-serif;background:radial-gradient(circle at top,#fff6e8,#f0e4d6 55%,#e9dbc9);color:var(--text)}.app{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(145deg,#f0b27b,#d8793d);display:inline-block}.brand-title{font-size:20px;font-weight:700}.brand-sub{font-size:13px;color:var(--muted)}.nav{display:flex;gap:16px}.nav a{color:var(--text);text-decoration:none;font-weight:600}.main{flex:1;display:flex;justify-content:center;padding:20px}.card{width:min(820px,100%);background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 20px 40px #24140614}.form{display:grid;gap:14px;margin-top:20px}label{display:grid;gap:8px;font-weight:600}input[type=text],input[type=file]{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;padding:12px 18px;border-radius:12px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer;transition:background .2s ease;text-decoration:none}.btn:hover{background:var(--accent-dark)}.error{margin-top:16px;padding:12px 14px;border-radius:10px;background:#ffe7e2;color:#7a2416;border:1px solid #f0b5a8}.result{margin-top:22px;padding:18px;border-radius:14px;border:1px solid var(--border);background:#fffaf2}.result-links{display:grid;gap:8px;margin-top:12px;word-break:break-all}.label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.qr{width:200px;height:200px;background:#fff;border-radius:12px;padding:10px;border:1px solid var(--border)}.muted{color:var(--muted);font-size:14px}.note{margin-top:18px;padding:14px 16px;border-radius:12px;background:#f8f0e6;border:1px dashed #d9c7b4}.compiler-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-top:16px}.preview{border:1px dashed var(--border);border-radius:14px;padding:16px;min-height:240px;display:flex;align-items:center;justify-content:center;background:#fff8f0}.preview img{max-width:100%;max-height:320px;border-radius:12px;object-fit:contain}.progress{height:10px;background:#f1e5d7;border-radius:999px;overflow:hidden;margin-top:12px}.progress-bar{height:100%;background:linear-gradient(90deg,#f0b27b,#d8793d);width:0%;transition:width .2s ease}.download{margin-top:14px;display:grid;gap:6px}.viewer{position:relative;width:min(900px,100%);height:70vh;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:transparent}.viewer a-scene{position:absolute!important;top:0;right:0;bottom:0;left:0;z-index:2;background:transparent!important}.viewer .a-canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;z-index:2;background:transparent!important}.mindar-video-force{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;object-fit:cover;z-index:1;opacity:1!important;visibility:visible!important;display:block!important;background:transparent!important}.viewer #intro-video{display:none}.viewer-overlay{position:absolute;z-index:10;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;background:#0000008c;color:#fff;padding:12px 16px;border-radius:12px;gap:16px}.viewer-title{font-weight:700}.viewer-sub{font-size:13px;opacity:.8}@media (max-width: 720px){.header{flex-direction:column;align-items:flex-start;gap:8px}.viewer{height:70vh}.viewer-overlay{flex-direction:column;align-items:flex-start}.compiler-grid{grid-template-columns:1fr}}