.sidebar[data-v-0849104f]{width:280px;border-right:1px solid #27272a;padding:24px;display:flex;flex-direction:column;gap:32px;background:#0a0a0c}.logo[data-v-0849104f]{font-size:20px;font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}.logo-icon[data-v-0849104f]{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.section-title[data-v-0849104f]{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#71717a;margin-bottom:12px;font-weight:500}.value[data-v-0849104f]{color:#52525b;margin-left:8px}.bg-grid[data-v-0849104f]{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.bg-btn[data-v-0849104f]{width:40px;height:40px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:transform .15s ease}.bg-btn[data-v-0849104f]:hover{transform:scale(1.1)}.bg-btn.active[data-v-0849104f]{border-color:#667eea}.frame-btns[data-v-0849104f]{display:flex;gap:8px;flex-wrap:wrap}.frame-btn[data-v-0849104f]{padding:8px 14px;border-radius:8px;border:none;background:transparent;color:#71717a;cursor:pointer;font-size:13px;font-weight:500;transition:all .15s ease}.frame-btn[data-v-0849104f]:hover{background:#1f1f23}.frame-btn.active[data-v-0849104f]{background:#27272a;color:#fafafa}.slider[data-v-0849104f]{width:100%;accent-color:#667eea;height:4px;border-radius:2px;background:#27272a}.spacer[data-v-0849104f]{flex:1}.export-btn[data-v-0849104f]{padding:14px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 14px #667eea66}.export-btn[data-v-0849104f]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.macos-frame[data-v-503b5f70]{overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a;background:#1c1c1e}.titlebar[data-v-503b5f70]{height:28px;background:linear-gradient(180deg,#3a3a3c,#2c2c2e);display:flex;align-items:center;padding:0 12px;gap:8px}.btn[data-v-503b5f70]{width:12px;height:12px;border-radius:50%}.red[data-v-503b5f70]{background:#ff5f57}.yellow[data-v-503b5f70]{background:#febc2e}.green[data-v-503b5f70]{background:#28c840}.browser-frame[data-v-1508b71a]{overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a;background:#1c1c1e}.toolbar[data-v-1508b71a]{height:40px;background:linear-gradient(180deg,#3a3a3c,#2c2c2e);display:flex;align-items:center;padding:0 12px;gap:12px}.btns[data-v-1508b71a]{display:flex;gap:8px}.btn[data-v-1508b71a]{width:12px;height:12px;border-radius:50%}.red[data-v-1508b71a]{background:#ff5f57}.yellow[data-v-1508b71a]{background:#febc2e}.green[data-v-1508b71a]{background:#28c840}.address-bar[data-v-1508b71a]{flex:1;height:26px;background:#1c1c1e;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#666;font-size:12px;font-family:SF Mono,Menlo,monospace}.canvas-area[data-v-ed73d9e3]{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:radial-gradient(circle at 50% 50%,#18181b,#09090b);position:relative}.canvas[data-v-ed73d9e3]{border-radius:16px;min-width:400px;min-height:300px;max-width:80%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 0 0 1px #ffffff0d,0 40px 80px -20px #00000080}.canvas[data-v-ed73d9e3]:has(.image-container){cursor:default}.image-container[data-v-ed73d9e3]{max-width:600px}.screenshot[data-v-ed73d9e3]{width:100%;display:block}.shadow-only[data-v-ed73d9e3]{box-shadow:0 25px 50px -12px #00000080}.empty-state[data-v-ed73d9e3]{text-align:center;color:#ffffffb3}.emoji[data-v-ed73d9e3]{font-size:48px;margin-bottom:16px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.title[data-v-ed73d9e3]{margin:0;font-size:15px;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.3)}.subtitle[data-v-ed73d9e3]{margin:8px 0 0;font-size:12px;opacity:.6}.hidden[data-v-ed73d9e3]{display:none}.reset-btn[data-v-ed73d9e3]{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:12px;border:1px solid #27272a;background:#18181b;color:#71717a;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.reset-btn[data-v-ed73d9e3]:hover{background:#27272a;color:#fafafa}*{margin:0;padding:0;box-sizing:border-box}body{background:#09090b;color:#fafafa;font-family:DM Sans,system-ui,-apple-system,sans-serif}.app{min-height:100vh;display:flex}