:root{--font-family: "Inter", system-ui, -apple-system, sans-serif;--color-bg-gradient: linear-gradient(135deg, #1e1e2e 0%, #2d2d44 100%);--color-text: #ffffff;--color-primary: #646cff;--color-primary-hover: #7c83ff;--color-surface: rgba(255, 255, 255, .1);--color-surface-border: rgba(255, 255, 255, .2);--shadow-lg: 0 10px 30px -5px rgba(0, 0, 0, .5);--radius-lg: 16px;--radius-md: 8px;--transition: all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-bg-gradient);color:var(--color-text);height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}#app{width:100%;height:100%;display:flex;flex-direction:column}.config-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;animation:fadeIn .6s ease-out}.card{background:var(--color-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-surface-border);padding:2.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:400px;display:flex;flex-direction:column;gap:1.5rem}h1{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(to right,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}p.subtitle{color:#ffffffb3;font-size:.9rem;line-height:1.4;margin-bottom:1rem}.input-group{display:flex;flex-direction:column;gap:.5rem;text-align:left}label{font-size:.8rem;color:#fff9;font-weight:500;margin-left:2px}input[type=text]{width:100%;padding:.8rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-surface-border);background:#0003;color:#fff;font-family:inherit;font-size:1rem;transition:var(--transition)}input[type=text]:focus{outline:none;border-color:var(--color-primary);background:#0000004d;box-shadow:0 0 0 3px #646cff33}button.primary-btn{background:var(--color-primary);color:#fff;border:none;padding:.8rem;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1.5rem}button.primary-btn:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #646cff66}button.primary-btn:active{transform:translateY(0)}.view-container{width:100%;height:100%;position:relative;background:#fff}iframe.web-frame{width:100%;height:100%;border:none;display:block}.edit-trigger{position:absolute;top:10px;right:10px;background:#0009;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:var(--transition);z-index:10}.view-container:hover .edit-trigger{opacity:1}.edit-trigger:hover{background:var(--color-primary);transform:scale(1.1)}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}