:root{--color-primary: #0b5ed7;--color-primary-press: #094bb0;--color-bg: #f5f7fa;--color-text: #1a1a1a;--color-muted: #5f6c7b;--color-error: #dc3545;--color-card: #ffffff;--color-border: #e5e9ef;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.screen{padding:calc(1rem + var(--safe-top)) 1rem calc(1rem + var(--safe-bottom));max-width:720px;margin:0 auto;min-height:100vh}.screen--center{display:flex;align-items:center;justify-content:center}h1{font-size:1.5rem;margin:0 0 .25rem}.muted{color:var(--color-muted);margin:0}.error{color:var(--color-error);margin:0;font-size:.9rem}.card{background:var(--color-card);border-radius:14px;padding:1.25rem;box-shadow:0 1px 3px #00000014;width:100%;max-width:420px}.form{display:flex;flex-direction:column;gap:.9rem;margin-top:1rem}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.field span{color:var(--color-muted)}.field input{font-size:1rem;padding:.7rem .85rem;border:1px solid var(--color-border);border-radius:10px;background:#fff;color:var(--color-text);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0b5ed726}.btn-primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--color-primary);color:#fff;font-size:1rem;font-weight:600;padding:.85rem 1rem;border-radius:10px;cursor:pointer;min-height:44px}.btn-primary:active{background:var(--color-primary-press)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-border);background:#fff;color:var(--color-text);font-size:.9rem;padding:.5rem .85rem;border-radius:8px;cursor:pointer;min-height:36px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.topbar h1{font-size:1.25rem}.tile-grid{list-style:none;padding:0;margin:1rem 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.tile{display:flex;flex-direction:column;gap:.4rem;padding:1rem;background:var(--color-card);border-radius:14px;text-decoration:none;color:var(--color-text);box-shadow:0 1px 3px #00000014;border-left:4px solid var(--tile-color, var(--color-primary));min-height:116px;-webkit-user-select:none;user-select:none}.tile:active{transform:scale(.98);transition:transform 80ms ease}.tile--disabled{opacity:.55}.tile__icon{font-size:1.6rem;line-height:1}.tile__name{font-weight:600;font-size:1rem}.tile__desc{font-size:.8rem}.component-view{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--color-bg)}.component-view__bar{display:flex;align-items:center;gap:.5rem;padding:calc(.5rem + var(--safe-top)) .5rem .5rem;background:var(--color-card);border-bottom:1px solid var(--color-border);min-height:calc(44px + var(--safe-top))}.component-view__back{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--color-primary);font-size:1rem;padding:.5rem .75rem;border-radius:8px;cursor:pointer;min-height:36px}.component-view__back:active{background:#0b5ed714}.component-view__title{font-weight:600;flex:1;text-align:center;font-size:.95rem}.component-view__spacer{width:64px}.component-view__body{flex:1;position:relative;background:#000}.component-view__iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.center{text-align:center;padding:2rem 1rem}.btn-primary--small{font-size:.85rem;padding:.5rem .85rem;min-height:36px}.pwa-banner{position:fixed;left:.75rem;right:.75rem;bottom:calc(.75rem + var(--safe-bottom));background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 6px 20px #0000001f;padding:.75rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.9rem;z-index:50}.pwa-banner__actions{display:flex;gap:.5rem}