:root{--background: #f7f7f6;--card: #ffffff;--foreground: #1a1a1a;--primary: #c8922a;--primary-hover: #b07f1a;--primary-foreground: #ffffff;--muted: #f5f5f5;--muted-foreground: #565551;--muted-foreground-tertiary: #7a7a72;--border: #ddddd8;--input: #c5c5c0;--ring: #c8922a;--destructive: #b94a4a;--radius: .5rem}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;padding:1rem;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.studio{height:100%;display:flex;flex-direction:column;gap:.75rem}.studio-header{display:flex;align-items:baseline;gap:1rem;padding:.6rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.studio-title{font-weight:600;color:var(--foreground);text-decoration:none}.studio-nav{display:flex;gap:.9rem;margin-left:auto}.studio-nav a{color:var(--primary);text-decoration:none;font-size:.9rem}.studio-nav a:hover{text-decoration:underline}.studio-main{flex:1;min-height:0;display:flex;flex-direction:column;gap:.75rem}.picker-row{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap}.picker-row label{font-size:.85rem;color:var(--muted-foreground)}.picker-row select{max-width:42ch;padding:.35rem .5rem;border:1px solid var(--input);border-radius:var(--radius);background:var(--background);color:var(--foreground)}.controls-row{display:flex;gap:.5rem;align-items:center}.controls-row button{padding:.35rem .8rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--foreground);cursor:pointer;font-size:.85rem}.controls-row button:disabled{opacity:.45;cursor:not-allowed}.controls-row button.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.notice{font-size:.85rem;color:var(--destructive)}.hint{font-size:.85rem;color:var(--muted-foreground)}.embed-region{flex:1;min-height:0;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;position:relative}.embed-region [data-bridge-view-mount]{height:100%}.glance{padding:.6rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);font-size:.85rem}.glance .glance-head{display:flex;gap:1.2rem;flex-wrap:wrap;color:var(--muted-foreground)}.glance .glance-head strong{color:var(--foreground)}.glance ul{margin:.4rem 0 0;padding-left:1.2rem}.glance li{margin:.1rem 0;color:var(--muted-foreground)}.glance li strong{color:var(--foreground);font-weight:500}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted-foreground)}.landing-list{flex:1;min-height:0;overflow:auto;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;display:flex;flex-direction:column;gap:.6rem;font-size:.85rem}.landing-list .landing-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.landing-list .landing-head a{color:var(--primary);text-decoration:none}.landing-list .landing-head a:hover{text-decoration:underline}.landing-list ul{list-style:none;margin:0;padding:0}.landing-list li{display:flex;align-items:center;gap:1rem;padding:.4rem .5rem;border-top:1px solid var(--border)}.landing-list li:first-child{border-top:none}.landing-list li:hover{background:var(--muted)}.landing-list .landing-status{color:var(--muted-foreground);min-width:7ch}.landing-list .landing-mode,.landing-list .landing-cost{color:var(--muted-foreground)}.landing-list .landing-updated{color:var(--muted-foreground-tertiary);margin-left:auto}.landing-list .landing-id{color:var(--foreground);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.landing-list .landing-open{padding:.2rem .7rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--primary);cursor:pointer;font-size:.8rem}.landing-list .landing-open:hover{border-color:var(--primary)}.landing-list .landing-older{margin:0;color:var(--muted-foreground-tertiary);font-size:.8rem}.setup-card{max-width:46rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;gap:.9rem;overflow:auto}.setup-card .field-row{display:flex;flex-direction:column;gap:.25rem}.setup-card .field-row.split{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.setup-card label{font-size:.85rem;color:var(--muted-foreground)}.setup-card input,.setup-card select{padding:.4rem .55rem;border:1px solid var(--input);border-radius:var(--radius);background:var(--background);color:var(--foreground);font-size:.9rem}.setup-card .check-row{display:flex;gap:1.1rem;flex-wrap:wrap}.setup-card .check-row label{display:flex;align-items:center;gap:.35rem;color:var(--foreground)}.field-error{font-size:.8rem;color:var(--destructive)}.field-detail{display:block;margin-top:.15rem;color:var(--muted-foreground)}
