body,html{margin:0;min-height:100%;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}a{color:inherit}button,input,textarea{font:inherit}.projects-shell{min-height:100vh;padding:32px;background:#f6f7f9;color:#171717}.projects-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 auto 24px;max-width:1100px}.projects-header p{margin:0 0 6px;color:#5f6368}.projects-header h1{margin:0;font-size:32px}.new-project{display:flex;gap:8px}.new-project input{width:260px;border:1px solid #d4d7dc;border-radius:6px;padding:10px 12px}.canvas-topbar button,.new-project button,.upload-button{border:0;border-radius:6px;padding:10px 14px;color:white;background:#111827;cursor:pointer}.upload-button{display:inline-flex;align-items:center}.upload-button input{display:none}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;max-width:1100px;margin:0 auto}.project-card{display:grid;gap:10px;min-height:120px;padding:16px;border:1px solid #e2e5e9;border-radius:8px;background:white;text-decoration:none}.muted,.project-card small,.project-card span{color:#69707a}.error-bar,.muted{max-width:1100px;margin:0 auto 16px}.error-bar{border:1px solid #fecaca;border-radius:6px;padding:10px 12px;color:#991b1b;background:#fef2f2}.canvas-shell{position:fixed;inset:0}.tldraw-host{position:absolute;inset:0}.canvas-topbar{position:absolute;z-index:10;top:12px;left:50%;display:flex;align-items:center;gap:12px;max-width:min(760px,calc(100vw - 24px));padding:8px;border:1px solid #e5e7eb;border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 10px 24px rgba(15,23,42,.12);transform:translateX(-50%)}.canvas-topbar a{text-decoration:none}.canvas-topbar span{color:#69707a;white-space:nowrap}.share-popover{position:absolute;z-index:10;top:76px;left:50%;max-width:min(720px,calc(100vw - 24px));overflow:hidden;padding:10px 12px;border:1px solid #dbeafe;border-radius:8px;background:#eff6ff;color:#1d4ed8;text-overflow:ellipsis;white-space:nowrap;transform:translateX(-50%)}.ai-panel{position:absolute;z-index:30;display:grid;gap:10px;width:280px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:rgba(255,255,255,.96);box-shadow:0 10px 24px rgba(15,23,42,.12)}.ai-panel-grip{display:flex;align-items:center;justify-content:space-between;margin:-2px 0 2px;color:#111827;cursor:move;-webkit-user-select:none;user-select:none}.ai-panel-grip button{border:0;padding:0;color:#6b7280;background:transparent;font-size:12px;cursor:pointer}.ai-panel-toggle{position:absolute;z-index:30;top:72px;width:38px;height:38px;border:1px solid #e5e7eb;border-radius:8px;color:#111827;background:rgba(255,255,255,.96);box-shadow:0 8px 20px rgba(15,23,42,.12);font-weight:700;cursor:pointer}.canvas-pending-overlay{position:absolute;z-index:9;display:grid;gap:6px;place-items:center;border:1px dashed rgba(124,58,237,.8);border-radius:8px;background:rgba(255,255,255,.64);pointer-events:none}.canvas-pending-overlay span{width:32px;height:32px;border:3px solid rgba(124,58,237,.22);border-top-color:#7c3aed;border-radius:999px;animation:canvas-spin .8s linear infinite}.canvas-pending-overlay strong{color:#6b7280;font-size:12px}.canvas-pending-overlay em{max-width:min(260px,80%);color:#991b1b;font-size:12px;font-style:normal;line-height:1.35;text-align:center;word-break:break-word}.canvas-pending-overlay.is-failed{border-color:rgba(220,38,38,.8);background:rgba(254,242,242,.82)}.canvas-pending-overlay.is-failed strong{color:#991b1b}@keyframes canvas-spin{to{transform:rotate(1turn)}}.ai-panel .field{display:grid;gap:6px}.ai-panel label{color:#4b5563;font-size:13px}.ai-panel select,.ai-panel textarea{width:100%;border:1px solid #d4d7dc;border-radius:6px;padding:9px 10px}.ai-panel textarea{min-height:120px;resize:vertical}.ai-panel button{border:0;border-radius:6px;padding:10px 14px;color:white;background:#111827;cursor:pointer}.ai-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ai-panel button:disabled{cursor:not-allowed;opacity:.6}.canvas-toolbar-divider{align-self:center;flex:0 0 auto;width:1px;height:22px;margin:0 4px;pointer-events:none;background:#d1d5db;border-radius:1px}.tlui-button__tool.canvas-labeled-toolbar-button{width:auto;min-width:76px;padding:0 12px;font-size:13px;font-weight:500}.tlui-button__tool.canvas-labeled-toolbar-button:disabled{cursor:not-allowed;opacity:.45}.canvas-topbar{gap:8px;width:min(880px,calc(100vw - 24px));max-width:none;padding:7px;border-color:rgba(15,23,42,.1);background:rgba(255,255,255,.92);box-shadow:0 12px 30px rgba(15,23,42,.14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.canvas-icon-button{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border-radius:6px;color:#334155;background:#f1f5f9;font-size:20px;text-decoration:none}.canvas-title-input{min-width:80px;max-width:240px;flex:1 1 180px;border:1px solid transparent;border-radius:6px;padding:7px 8px;color:#0f172a;background:transparent;font-weight:650;text-overflow:ellipsis}.canvas-title-input:focus,.canvas-title-input:hover{border-color:#cbd5e1;background:white;outline:none}.canvas-status{display:inline-flex;align-items:center;gap:6px;min-width:0;color:#64748b;font-size:12px;overflow:hidden;text-overflow:ellipsis}.canvas-status i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#22c55e}.canvas-status.is-busy i{background:#f59e0b;animation:canvas-pulse 1.2s ease-in-out infinite}.canvas-topbar-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.canvas-topbar .upload-button,.canvas-topbar button{min-height:34px;padding:7px 11px;border-radius:6px;font-size:13px;white-space:nowrap}.canvas-topbar .canvas-secondary-button{border:1px solid #cbd5e1;color:#334155;background:white}.canvas-topbar .canvas-primary-button{background:#111827}.share-popover{display:flex;align-items:center;gap:12px;color:#1e3a8a}.share-popover span{font-weight:650}.share-popover a{color:#2563eb}.share-popover button{width:24px;height:24px;margin-left:auto;border:0;color:#64748b;background:transparent;font-size:18px;cursor:pointer}.ai-panel{width:300px;padding:14px;border-color:rgba(15,23,42,.12);box-shadow:0 16px 40px rgba(15,23,42,.16);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ai-panel-grip>div{display:grid;gap:2px}.ai-panel-grip span{color:#64748b;font-size:11px;font-weight:500}.ai-panel-grip .ai-selection-error{color:#b42318;font-size:11px;font-style:normal;font-weight:600}.ai-panel-grip button{width:28px;height:28px;font-size:18px}.aspect-ratio-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.ai-panel .ai-source-action{width:100%;margin-bottom:2px;border:1px solid #cbd5e1;color:#334155;background:#f8fafc}.ai-panel .ai-source-action.is-active{border-color:#0891b2;color:#0e7490;background:#ecfeff}.aspect-ratio-options button{padding:7px 2px;border:1px solid #dbe1e8;color:#475569;background:#f8fafc;font-size:11px}.aspect-ratio-options button.is-active{border-color:#111827;color:white;background:#111827}.prompt-field{position:relative}.prompt-field textarea{min-height:128px;padding-bottom:28px}.prompt-field>span{position:absolute;right:9px;bottom:8px;color:#94a3b8;font-size:10px;pointer-events:none}.ai-panel-actions{display:grid;grid-template-columns:1fr auto;gap:8px}.ai-panel-actions button{border:0;border-radius:6px;padding:10px 14px;color:white;background:#111827;cursor:pointer}.ai-panel-actions .ai-secondary-action{border:1px solid #cbd5e1;color:#334155;background:white}@keyframes canvas-pulse{50%{opacity:.35}}@media (max-width:720px){.canvas-topbar{top:8px;width:calc(100vw - 16px)}.canvas-title-input{max-width:none}.canvas-status,.canvas-topbar .canvas-secondary-button{display:none}.canvas-topbar .canvas-primary-button,.canvas-topbar .upload-button{padding-inline:9px}.ai-panel{position:fixed;right:8px;bottom:8px;left:8px!important;top:auto!important;width:auto;max-height:min(520px,calc(100vh - 78px));overflow:auto}.ai-panel-grip{cursor:default}.share-popover{top:62px}}.studio-frame-header{position:absolute;z-index:30;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--studio-border,#ddd8cd);color:var(--studio-text,#302820);background:color-mix(in srgb,var(--studio-panel,#fffefa) 96%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.studio-brand{min-width:144px;font-size:14px;color:var(--studio-text,#302820)}.studio-brand>span{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--studio-border,#ddd8cd);border-radius:6px;color:var(--studio-oak,#76533b);background:var(--studio-panel,#fffefa);font-size:17px}.studio-frame-header nav{display:flex;align-items:center;gap:4px;margin-left:auto}.studio-frame-header nav a{border-radius:6px;padding:6px 9px;color:var(--studio-muted,#746e65);font-size:13px;text-decoration:none}.studio-frame-header nav a.is-active,.studio-frame-header nav a:hover{color:var(--studio-grass-dark,#347f24);background:transparent;box-shadow:inset 0 -2px var(--studio-grass,#55b52f)}.studio-frame-actions{display:flex;gap:4px;margin-left:12px}.studio-frame-actions a,.studio-frame-actions button{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:50%;color:var(--studio-muted,#746e65);font-size:12px;text-decoration:none;cursor:pointer}.studio-frame-actions button:hover{background:var(--studio-muted-panel,#f3f0e9);color:var(--studio-text,#302820)}.studio-frame-actions a,.studio-frame-actions a.studio-avatar{color:white;background:var(--studio-oak,#76533b)}.studio-frame-sidebar{position:absolute;z-index:20;inset:52px auto 0 0;width:176px;padding:16px 12px;overflow-y:auto;border-right:1px solid var(--studio-border,#ddd8cd);color:var(--studio-muted,#746e65);background:var(--studio-muted-panel,#f3f0e9)}.studio-frame-sidebar section{display:grid;gap:4px;margin-bottom:20px}.studio-frame-sidebar section>span{padding:0 4px 3px;color:var(--studio-muted,#746e65);font-size:11px;font-weight:500}.studio-frame-sidebar a{display:flex;align-items:center;gap:9px;min-height:36px;border-radius:7px;padding:7px 8px;color:var(--studio-muted,#746e65);font-size:14px;text-decoration:none}.studio-frame-sidebar a:hover{color:var(--studio-text,#302820);background:var(--studio-hover,#ece8de)}.studio-frame-sidebar a.is-active{color:var(--studio-grass-dark,#347f24);background:color-mix(in srgb,var(--studio-grass,#55b52f) 10%,var(--studio-panel,#fffefa));box-shadow:inset 3px 0 var(--studio-grass,#55b52f)}.studio-frame-sidebar i{display:grid;width:16px;place-items:center;color:currentColor;font-size:15px;font-style:normal}.studio-frame-sidebar a.is-active i{color:var(--studio-grass-dark,#347f24)}.tldraw-host{inset:104px 0 0 176px;border-top:1px solid var(--studio-border,#ddd8cd);background:var(--studio-bg,#f8f6f0)}.canvas-topbar{top:59px;left:calc(176px + (100vw - 176px) / 2);width:min(880px,calc(100vw - 200px));box-shadow:none}.ai-panel-toggle{top:168px;right:16px;left:auto}.share-popover{top:112px;left:calc(176px + (100vw - 176px) / 2)}@media (max-width:720px){.studio-frame-header{padding:0 10px}.studio-brand{min-width:auto}.studio-brand strong{display:none}.studio-frame-header nav{min-width:0;overflow-x:auto}.studio-frame-header nav a{padding-inline:7px;white-space:nowrap}.studio-frame-actions button,.studio-frame-header nav a:nth-child(2),.studio-frame-header nav a:nth-child(3),.studio-frame-header nav a:nth-child(5){display:none}.studio-frame-actions{margin-left:0}.studio-frame-sidebar{display:none}.tldraw-host{inset:104px 0 0}.canvas-topbar{top:59px;left:50%;width:calc(100vw - 16px)}.ai-panel-toggle{top:168px;right:16px;left:auto}.share-popover{top:112px;left:50%}}.share-canvas-shell>.canvas-topbar{top:12px;left:50%;width:min(620px,calc(100vw - 24px))}button,input,select,textarea{font:inherit}[role=button],button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #55b52f;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.studio-shell{min-height:100dvh;color:var(--studio-text);background:var(--studio-bg)}html[data-theme=light] .studio-shell{--studio-bg:#f8f6f0;--studio-panel:#fffefa;--studio-muted-panel:#f3f0e9;--studio-hover:#ece8de;--studio-border:#ddd8cd;--studio-text:#302820;--studio-muted:#746e65;--studio-oak:#76533b;--studio-grass:#55b52f;--studio-grass-dark:#347f24}html:not([data-theme=light]) .studio-shell,html[data-theme=dark] .studio-shell{--studio-bg:#1d1b17;--studio-panel:#24211c;--studio-muted-panel:#2a2721;--studio-hover:#343028;--studio-border:#403a31;--studio-text:#f3efe6;--studio-muted:#b9b1a4;--studio-oak:#b58a65;--studio-grass:#67c64a;--studio-grass-dark:#8fd477}.studio-frame-header{position:fixed;z-index:70;inset:0 0 auto;height:52px;border-color:var(--studio-border);color:var(--studio-text);background:color-mix(in srgb,var(--studio-panel) 96%,transparent)}.studio-brand{display:flex;align-items:center;gap:8px;color:var(--studio-text);text-decoration:none}.studio-brand img{display:block;width:28px;height:28px;border-radius:6px;object-fit:contain}.studio-brand>span{border-color:var(--studio-border);color:var(--studio-oak);background:var(--studio-panel)}.studio-brand svg{width:16px;height:16px}.studio-frame-header nav a{color:var(--studio-muted)}.studio-frame-header nav a:hover{color:var(--studio-text);background:var(--studio-muted-panel)}.studio-frame-header nav a.is-active{color:var(--studio-grass-dark);background:transparent;box-shadow:inset 0 -2px var(--studio-grass)}.studio-frame-actions a,.studio-frame-actions button{color:var(--studio-muted);background:transparent}.studio-frame-actions button:focus-visible,.studio-frame-actions button:hover{color:var(--studio-text);background:var(--studio-muted-panel)}.studio-frame-actions svg{width:16px;height:16px}.studio-frame-actions .studio-avatar{color:white;background:var(--studio-oak);font-size:12px;font-weight:700}.studio-frame-sidebar{position:fixed;z-index:60;border-color:var(--studio-border);background:var(--studio-muted-panel)}.studio-frame-sidebar,.studio-frame-sidebar a,.studio-frame-sidebar section>span{color:var(--studio-muted)}.studio-frame-sidebar a:hover{color:var(--studio-text);background:var(--studio-hover)}.studio-frame-sidebar a>svg{width:16px;height:16px;flex:0 0 auto;color:currentColor}.studio-frame-sidebar a.is-active{color:var(--studio-grass-dark);background:color-mix(in srgb,var(--studio-grass) 10%,var(--studio-panel));box-shadow:inset 3px 0 var(--studio-grass)}.studio-frame-sidebar a.is-active>svg{color:var(--studio-grass-dark)}.canvas-icon-button svg{width:18px;height:18px}.canvas-topbar .upload-button,.canvas-topbar button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.canvas-topbar .upload-button svg,.canvas-topbar button svg{width:15px;height:15px}.ai-panel-grip button svg,.ai-panel-toggle svg,.share-popover button svg{width:16px;height:16px}[data-theme=dark] .ai-panel,[data-theme=dark] .canvas-topbar{border-color:var(--studio-border);color:var(--studio-text);background:color-mix(in srgb,var(--studio-panel) 94%,transparent)}[data-theme=dark] .ai-panel-grip,[data-theme=dark] .canvas-title-input{color:var(--studio-text)}[data-theme=dark] .ai-panel-actions .ai-secondary-action,[data-theme=dark] .canvas-icon-button,[data-theme=dark] .canvas-topbar .canvas-secondary-button{border-color:var(--studio-border);color:var(--studio-text);background:var(--studio-muted-panel)}.projects-app{padding:52px 0 0 176px}.projects-main{min-height:calc(100dvh - 52px);padding:28px clamp(20px,4vw,48px) 48px}.projects-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;max-width:1180px;margin:0 auto 22px}.projects-eyebrow{display:inline-flex;align-items:center;gap:6px;margin-bottom:7px;color:var(--studio-grass-dark);font-size:12px;font-weight:650}.error-bar button svg,.new-project button svg,.projects-eyebrow svg,.projects-primary-button svg{width:16px;height:16px}.projects-page-header h1{margin:0;font-size:24px;line-height:1.25}.projects-page-header p{margin:6px 0 0;color:var(--studio-muted);font-size:13px}.new-project button,.projects-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:0;border-radius:6px;padding:9px 13px;color:white;background:var(--studio-grass-dark);font-size:13px;font-weight:600;cursor:pointer}.new-project button:hover,.projects-primary-button:hover{background:color-mix(in srgb,var(--studio-grass-dark) 88%,#000)}[data-theme=dark] .new-project button,[data-theme=dark] .projects-primary-button{color:#10251a;background:var(--studio-grass)}.new-project{display:grid;grid-template-columns:minmax(150px,1fr) minmax(220px,360px) auto;align-items:center;gap:14px;max-width:1180px;margin:0 auto 14px;padding:14px;border:1px solid var(--studio-border);border-radius:6px;background:var(--studio-panel)}.new-project>div{display:grid;gap:3px}.new-project strong{font-size:14px}.new-project span{color:var(--studio-muted);font-size:12px}.new-project input,.project-inline-edit input,.projects-search,.projects-sort select{min-height:38px;border:1px solid var(--studio-border);border-radius:6px;color:var(--studio-text);background:var(--studio-panel)}.new-project input,.project-inline-edit input{width:100%;padding:8px 10px}.projects-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1180px;margin:0 auto 12px}.projects-search{display:flex;align-items:center;gap:8px;width:min(420px,100%);padding:0 10px}.projects-search>svg{width:16px;height:16px;flex:0 0 auto;color:var(--studio-muted)}.projects-search input{min-width:0;flex:1 1;border:0;padding:8px 0;color:var(--studio-text);background:transparent;outline:none}.project-actions a,.project-actions button,.project-inline-edit button,.projects-search button{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border:0;border-radius:6px;color:var(--studio-muted);background:transparent;text-decoration:none;cursor:pointer}.project-actions a:hover,.project-actions button:hover,.project-inline-edit button:hover,.projects-search button:hover{color:var(--studio-text);background:var(--studio-muted-panel)}.project-actions svg,.project-inline-edit button svg,.projects-search button svg{width:16px;height:16px}.projects-sort{display:flex;align-items:center;gap:8px;color:var(--studio-muted);font-size:12px}.projects-sort select{padding:7px 30px 7px 10px;cursor:pointer}.project-list{display:grid;max-width:1180px;margin:0 auto;overflow:hidden;border:1px solid var(--studio-border);border-radius:6px;background:var(--studio-panel)}.project-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(112px,auto);align-items:center;gap:18px;min-height:74px;padding:10px 12px;border-bottom:1px solid var(--studio-border)}.project-row:last-child{border-bottom:0}.project-row:hover{background:color-mix(in srgb,var(--studio-muted-panel) 66%,transparent)}.project-open{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none}.project-icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid var(--studio-border);border-radius:6px;color:#0891b2;background:var(--studio-muted-panel)}.project-icon svg{width:18px;height:18px}.project-summary{display:grid;gap:4px;min-width:0}.project-summary strong{overflow:hidden;color:var(--studio-text);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.project-summary>span,.project-visibility{color:var(--studio-muted);font-size:12px}.project-visibility{min-width:78px;text-align:right}.project-actions,.project-inline-edit{display:flex;align-items:center;justify-content:flex-end;gap:3px}.confirm-dialog .is-danger,.project-actions .is-danger:hover{color:#b91c1c;background:#fef2f2}.project-inline-edit{width:min(310px,32vw)}.project-inline-edit input{min-width:0;height:34px;min-height:34px}.project-row.is-skeleton{grid-template-columns:40% 14% 12%}.project-row.is-skeleton span{height:14px;border-radius:4px;background:var(--studio-muted-panel);animation:skeleton-pulse 1.3s ease-in-out infinite}.projects-empty{display:grid;min-height:280px;place-items:center;align-content:center;gap:8px;padding:32px;color:var(--studio-muted);text-align:center}.projects-empty>svg{width:34px;height:34px;margin-bottom:4px;color:#0891b2}.projects-empty strong{color:var(--studio-text);font-size:15px}.projects-empty span{font-size:13px}.projects-empty button{margin-top:6px;border:1px solid var(--studio-border);border-radius:6px;padding:8px 12px;color:var(--studio-text);background:var(--studio-panel);cursor:pointer}.projects-app .error-bar,.warning-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1180px;margin:0 auto 12px;border:1px solid;border-radius:6px;padding:10px 12px;font-size:13px}.projects-app .error-bar{border-color:#fecaca;color:#991b1b;background:#fef2f2}.warning-bar{border-color:#fde68a;color:#92400e;background:#fffbeb}.projects-app .error-bar a,.projects-app .error-bar button{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;border:0;color:inherit;background:transparent;font-weight:650;text-decoration:underline;cursor:pointer}.confirm-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.48);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-dialog{width:min(420px,100%);border:1px solid var(--studio-border);border-radius:8px;padding:22px;color:var(--studio-text);background:var(--studio-panel);box-shadow:0 24px 60px rgba(0,0,0,.24)}.confirm-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:6px;color:#b91c1c;background:#fef2f2}.confirm-icon svg{width:19px;height:19px}.confirm-dialog h2{margin:16px 0 8px;font-size:18px}.confirm-dialog p{margin:0;color:var(--studio-muted);font-size:13px;line-height:1.6}.confirm-dialog>div{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.confirm-dialog button{min-height:36px;border:1px solid var(--studio-border);border-radius:6px;padding:8px 12px;color:var(--studio-text);background:var(--studio-panel);cursor:pointer}.is-spinning{animation:canvas-spin .8s linear infinite}@keyframes skeleton-pulse{50%{opacity:.45}}@media (max-width:720px){.studio-frame-header{padding:0 10px}.studio-brand{min-width:auto}.studio-brand strong{display:none}.studio-frame-header nav{min-width:0;overflow-x:auto}.studio-frame-header nav a{flex:0 0 auto;white-space:nowrap}.studio-frame-header nav a.is-compact-hidden{display:none}.studio-frame-actions{margin-left:0}.studio-frame-actions button{display:grid}.studio-frame-sidebar{display:none}.projects-app{padding-left:0}.projects-main{padding:20px 14px 36px}.projects-page-header{align-items:flex-start}.projects-page-header h1{font-size:21px}.projects-primary-button{min-height:40px}.new-project{grid-template-columns:1fr auto}.new-project>div{grid-column:1/-1}.projects-toolbar{align-items:stretch;flex-direction:column}.projects-search{width:100%}.projects-sort{justify-content:flex-end}.project-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.project-open{grid-column:1/2}.project-visibility{grid-column:1/2;padding-left:50px;text-align:left}.project-actions,.project-inline-edit{grid-column:2/3;grid-row:1/3}.project-inline-edit{width:min(42vw,220px)}}@media (max-width:480px){.projects-page-header{display:grid}.projects-primary-button{width:100%}.new-project{grid-template-columns:1fr}.new-project>div{grid-column:auto}.new-project button{width:100%}.project-visibility{display:none}.project-actions{grid-row:1}.project-inline-edit{grid-column:1/-1;grid-row:2;width:100%}}