.world-canvas{padding:20px 24px;min-height:calc(100dvh - 48px)}.canvas-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:18px}.canvas-toolbar h1{font-size:24px;letter-spacing:0}.canvas-toolbar>[role=status]{font-size:12px;color:var(--muted,var(--ui-text-muted,#69736d))}.canvas-toolbar>button{margin-left:auto}.canvas-workspace{display:grid;grid-template-columns:180px minmax(240px,1fr) minmax(260px,1.2fr);min-height:680px;border:1px solid var(--line,var(--ui-border,#cbd1cb));border-radius:5px;overflow:hidden;background:var(--paper,var(--ui-raised,#f8faf8))}.canvas-projects{padding:16px;border-right:1px solid var(--line,var(--ui-border,#cbd1cb));background:var(--soft,var(--ui-surface,#e5e8e3))}.canvas-workspace h2{font-size:14px;letter-spacing:0;margin-bottom:14px}.canvas-projects h2:not(:first-child){margin-top:28px}.canvas-projects p{font-size:12px}.canvas-project-button{display:block;width:100%;text-align:left;margin:6px 0}.canvas-template-list{display:grid;gap:10px}.canvas-template-card{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;text-align:left;padding:6px;font-size:12px;background:var(--paper,var(--ui-raised,#f8faf8))}.canvas-template-card img{width:48px;height:40px;object-fit:cover;border-radius:5px}.canvas-conversation{display:flex;min-width:0;flex-direction:column;border-right:1px solid var(--line,var(--ui-border,#cbd1cb))}.canvas-messages{flex:1;min-height:350px;max-height:62vh;overflow:auto;padding:20px}.canvas-welcome{padding:60px 12px;text-align:center}.canvas-welcome h2{font-family:var(--serif);font-size:24px}.canvas-welcome p{font-size:13px;color:var(--muted,var(--ui-text-muted,#69736d))}.canvas-message,.canvas-task{padding:14px;margin:12px 0;border:1px solid var(--line,var(--ui-border,#cbd1cb));border-radius:5px;background:var(--soft,var(--ui-surface,#e5e8e3))}.canvas-message.user{background:var(--paper,var(--ui-raised,#f8faf8))}.canvas-message p,.canvas-task p{white-space:pre-wrap;font-size:13px}.canvas-message small{color:var(--muted,var(--ui-text-muted,#69736d))}.canvas-composer{padding:14px;border-top:1px solid var(--line,var(--ui-border,#cbd1cb))}.canvas-composer textarea{width:100%;resize:vertical;min-height:110px;padding:12px;border:1px solid var(--line,var(--ui-border,#cbd1cb));border-radius:5px;background:var(--soft,var(--ui-surface,#e5e8e3));color:var(--ink,var(--ui-text,#202620));font-size:14px}.canvas-composer>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.canvas-composer [role=status]{font-size:12px;color:var(--muted,var(--ui-text-muted,#69736d))}.canvas-preview-pane{min-width:0;padding:16px;background:var(--soft,var(--ui-surface,#e5e8e3))}.canvas-preview-toolbar{display:flex;justify-content:space-between}.canvas-preview-toolbar a{font-size:12px}.canvas-stage{display:grid;place-items:center;min-height:360px;border:1px solid var(--line,var(--ui-border,#cbd1cb));border-radius:5px;background:var(--bg);color:var(--muted,var(--ui-text-muted,#69736d));text-align:center;font-size:12px}.canvas-stage span{display:block;font-size:40px;margin-bottom:16px}.canvas-stage iframe{width:100%;height:400px;border:0}.canvas-plan{margin-top:20px;padding:16px;background:var(--paper,var(--ui-raised,#f8faf8));border:1px solid var(--line,var(--ui-border,#cbd1cb));border-radius:5px}.canvas-plan ol{padding-left:18px;font-size:12px;color:var(--muted,var(--ui-text-muted,#69736d))}
.world-auth-dialog{position:fixed;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:40px 28px 28px;border:1px solid var(--line,var(--ui-border,#cbd1cb));border-radius:5px;background:var(--paper,var(--ui-raised,#f8faf8));color:var(--ink,var(--ui-text,#202620))}.world-auth-dialog::backdrop{background:#0008;backdrop-filter:blur(4px)}.auth-close{position:absolute;top:8px;right:8px;width:24px;height:24px;min-width:24px;min-height:24px;padding:0;font-size:16px;background:var(--soft,var(--ui-surface,#e5e8e3));color:var(--ink,var(--ui-text,#202620))}.auth-tabs{display:flex;gap:8px;margin-bottom:24px}.auth-tabs button{flex:1}.auth-tabs button[aria-pressed=true]{background:var(--accent,var(--ui-accent,#fff000));color:#202620;border-color:var(--ink,var(--ui-text,#202620))}.world-auth-dialog h2{font-size:16px;letter-spacing:0}.auth-intro{color:var(--muted,var(--ui-text-muted,#69736d));font-size:13px;margin:14px 0 20px}.world-auth-dialog form{display:grid;gap:16px}.world-auth-dialog label{display:grid;gap:6px;font-size:12px}.world-auth-dialog input{padding:10px;border:1px solid var(--line,var(--ui-border,#cbd1cb));border-radius:5px;font-size:16px;background:var(--soft,var(--ui-surface,#e5e8e3));color:var(--ink,var(--ui-text,#202620))}.auth-feedback{font-size:13px;line-height:1.7;color:var(--muted,var(--ui-text-muted,#69736d));margin:16px 0}.auth-retry{width:100%}
@media(max-width:1150px){.canvas-workspace{grid-template-columns:minmax(260px,1fr) minmax(260px,1.2fr)}.canvas-projects{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line,var(--ui-border,#cbd1cb));display:flex;align-items:center;gap:16px;overflow:auto}.canvas-projects h2{flex:none;margin:0!important}.canvas-projects>#canvasProjects{min-width:160px}.canvas-template-list{display:flex;flex:none}.canvas-template-card{width:160px}.canvas-workspace{min-height:600px}}
@media(max-width:760px){.world-canvas{padding:16px}.canvas-toolbar{flex-wrap:wrap;gap:10px}.canvas-toolbar h1{font-size:20px}.canvas-workspace{display:flex;flex-direction:column}.canvas-projects{padding:12px;flex-wrap:wrap}.canvas-template-list{width:100%;overflow:auto}.canvas-conversation{border-right:0}.canvas-messages{min-height:220px;max-height:400px}.canvas-welcome{padding:32px 10px}.canvas-composer textarea{font-size:16px}.canvas-preview-pane{border-top:1px solid var(--line,var(--ui-border,#cbd1cb))}.canvas-stage{min-height:240px}.canvas-stage iframe{height:320px}}

.world-auth-dialog .auth-feedback:empty{display:none}

.world-auth-dialog .auth-tabs{margin:24px 0 0}
.world-auth-dialog .auth-close{border:0;background:transparent;box-shadow:none}

.auth-benefits{margin:16px 0 20px;padding-left:18px;font-size:12px;line-height:1.7;color:var(--ink,var(--ui-text,#202620))}.auth-benefits li+li{margin-top:8px}
.world-auth-dialog .auth-tabs a{flex:1;text-align:center}