/* Cloud workspace and local debugging share the original visual language. */
.workspace-loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#a293b6;font-size:12px;background:radial-gradient(ellipse at 50% 40%,#f1ebfb,#fbfafc 65%)}.workspace-loading-orb{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#bcabe5,#8f7bc4);box-shadow:0 13px 35px #aa94cc35;color:white;font-size:24px;font-weight:450}.workspace-loading-screen strong{font-size:17px;font-weight:450;color:#8a76a0}.workspace-loading #shell,.workspace-loading #modal-root{display:none}.live-poll-note{display:flex;align-items:flex-start;gap:13px;padding:19px 22px;margin:0 0 24px;border:1px solid #e5dcf0;border-radius:12px;background:linear-gradient(110deg,#f6f1fc,#f6f9f5);color:#a28bb5;font-size:11px;line-height:1.9}.live-poll-note svg{flex-shrink:0;margin-top:3px}.live-poll-note strong{font-size:12px;font-weight:500;color:#8e74a1}.live-poll-note p{margin:5px 0 0}.live-pair-address{overflow-wrap:anywhere;font-size:11px;color:#9681a7}.live-pair-secret{background:#fbf9fe;border:1px solid #e7dff0;border-radius:10px;padding:17px;margin-top:15px}.live-pair-secret p{font-size:10px;line-height:1.9;color:#a28cb1;margin:0 0 12px}.live-pair-secret input{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;margin-bottom:12px}.live-pair-secret .btn{font-size:10px}.live-pair-hidden{font-size:11px;color:#9e8bb0;line-height:1.9}
.live-connected{background:#eaf5ee;color:#4f8668;border:1px solid #d8e9df;font-size:10px;white-space:nowrap}.live-badge{background:#e6f2ea;color:#548b6d}.topbar>.btn{margin-left:14px;font-size:10px;white-space:nowrap}.live-modebar{border:1px solid #ded4f2;background:linear-gradient(110deg,#f5f1fc,#f8faf9);padding:14px 17px;border-radius:11px;display:flex;align-items:center;gap:11px;margin-bottom:25px;font-size:10px;color:#9b8ba9}.live-modebar strong{font-size:11px;color:#79628f}.live-modebar span:not(.spacer):not(.live-indicator){margin-left:10px}.live-indicator{height:7px;width:7px;border-radius:50%;background:#72ae8d;box-shadow:0 0 0 4px #72ae8d13;flex-shrink:0}.live-freshness{font-size:9px}.live-error{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:#fff6ed;border:1px solid #ead6bd;padding:17px 20px;border-radius:9px;font-size:11px;line-height:1.8;color:#ac8459;margin-bottom:23px;overflow-wrap:anywhere}.live-error small{color:#b69b7a}.live-demo-notice{display:flex;gap:12px;padding:16px;background:#fff7eb;border:1px solid #eedfc8;border-radius:10px;color:#a58b67;font-size:11px;margin-bottom:24px;line-height:1.9}.live-demo-notice p{margin-top:4px}.live-metric .metric-value{margin:14px 0 10px}.live-metric .metric-bottom{font-size:9px;line-height:1.8;min-height:16px}.live-card{margin-bottom:23px;overflow:hidden}.live-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px;border-bottom:1px solid #f0ebf5;min-height:67px}.live-section-head h2{font-size:13px;line-height:1.8}.live-form-body{padding:24px}.live-two-column{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,1fr);gap:22px}.live-guide{padding:28px;background:linear-gradient(150deg,#fcfafe,#fafbf9);align-self:start}.live-guide h2{font-size:24px;line-height:1.8;color:#917ba3;margin-top:20px;font-weight:450}.live-guide p{font-size:11px;line-height:2;color:#a393ad;margin-top:20px}.live-guide .steps{padding-bottom:0}.live-guide .step{margin:24px 0}.live-table{margin-top:0;max-height:560px;overflow:auto}.live-table th{font-size:10px}.live-table td{font-size:11px;line-height:1.6}.live-table .small{font-size:9px}.live-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px!important}.live-table .btn{padding:6px 8px;font-size:9px}.live-callouts{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:23px}.live-callouts>div{padding:25px;border:1px solid #e8e0f3;border-radius:12px;background:#faf8fd;color:#a18cb5}.live-callouts h3{font-size:14px;margin:16px 0 10px;color:#8e789f}.live-callouts p{font-size:11px;line-height:2;color:#ac9cb8;margin-bottom:14px}.live-social{display:grid;grid-template-columns:minmax(250px,0.85fr) minmax(0,1.25fr);gap:22px}.live-comment-list{max-height:750px;overflow-y:auto}.live-comment-item{display:block;width:100%;padding:20px 23px;text-align:left;border:0;border-bottom:1px solid #f2edf6;background:#fff;font-size:11px;color:#9a88a6;line-height:1.9;cursor:pointer}.live-comment-item.selected{background:#f6f2fc;box-shadow:inset 3px 0 #b59dd8}.live-comment-item strong{font-weight:500;color:#8f779f}.live-comment-item p{margin:9px 0;color:#9886a5;white-space:normal;overflow-wrap:anywhere}.live-comment-item small{font-size:9px;color:#b8a9c3}.live-quote{padding:18px 20px;border-left:3px solid #c8b2e3;background:#f9f6fd;line-height:1.9;font-size:12px;margin:0 0 20px;color:#9982aa}.live-keyvalues{display:grid;grid-template-columns:minmax(100px,.5fr) minmax(0,1fr);gap:13px 18px;color:#aa9ab5;font-size:11px;line-height:1.8;margin:20px 0}.live-keyvalues strong{font-weight:450;color:#8e789f;overflow-wrap:anywhere}.live-keyvalues code{overflow-wrap:anywhere;font-size:10px;color:#937fa5}.live-review-summary{background:linear-gradient(110deg,#f5effb,#f6f8f3);border:1px solid #e8def2;border-radius:14px;padding:31px 34px;margin-bottom:20px}.live-review-summary h2{font-size:25px;font-weight:450;color:#8d729d;margin:19px 0 14px;line-height:1.6}.live-review-summary p{max-width:780px;font-size:12px;line-height:2;color:#a590b2;margin-bottom:23px}.live-data-window{display:flex;flex-wrap:wrap;gap:13px 20px;padding:14px 0 25px;font-size:10px;color:#ae9ebb}.live-data-window strong{font-weight:450;color:#9784a5}.live-notes{margin:0;padding-left:20px;line-height:2.1;color:#9c88aa;font-size:12px}.live-details{border:1px solid #ede6f5;border-radius:8px;margin:20px 0 0;overflow:hidden}.live-details summary{padding:12px 15px;font-size:10px;color:#a48bb5;cursor:pointer;background:#fbf9fe}.live-json{padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#faf8fd;color:#9580a4;font-size:10px;line-height:1.9;max-height:420px;overflow:auto;margin:0}.live-inline-error{font-size:11px;line-height:1.9;color:#b27b5c;margin:15px 0 0;overflow-wrap:anywhere}.live-intro{font-size:11px;line-height:2;color:#aa96b6;margin-bottom:22px}.live-wrap{flex-wrap:wrap}.live-sidebar-status{color:#a58bb8;font-size:10px;line-height:1.9}.live-sidebar-status strong{display:block;margin:7px 0;font-size:10px;font-weight:500}.live-sidebar-status p{font-size:9px;color:#b5a5c2}.live-pair-code{background:#f7f2fc;border:1px solid #e8ddf3;padding:25px 20px;text-align:center;border-radius:10px;margin:20px 0;color:#ac94bc;display:flex;flex-direction:column;gap:12px}.live-pair-code strong{font-size:30px;letter-spacing:5px;color:#9272ab;overflow-wrap:anywhere}.live-pair-code small,.live-pair-code span{font-size:10px}.live-form-body>.btn{font-size:11px}.live-form-body input[type=file]{padding:12px;background:#fbf9fd;font-size:10px}.live-form-body textarea{min-height:105px}.btn[disabled]{opacity:.5;cursor:wait}
@media(max-width:1000px){.live-two-column{grid-template-columns:minmax(0,1.5fr) minmax(210px,1fr)}.live-freshness{display:none}.live-modebar{flex-wrap:wrap}.live-modebar>div>span{display:block;margin:4px 0 0!important;max-width:480px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-guide{padding:23px}.live-social{grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr)}}
@media(max-width:760px){.topbar>.btn{font-size:0;padding:8px;margin-left:5px}.topbar>.btn svg{width:17px;height:17px}.live-modebar{gap:9px;padding:12px;margin-bottom:23px}.live-modebar>div{min-width:0;flex:1}.live-modebar>div>span{max-width:240px;font-size:8px}.live-modebar>.spacer{display:none}.live-modebar>.btn{font-size:9px}.live-two-column,.live-social,.live-callouts{grid-template-columns:1fr;gap:17px}.live-guide{display:none}.live-card{margin-bottom:18px}.live-section-head{padding:18px}.live-form-body{padding:19px}.live-keyvalues{font-size:10px;grid-template-columns:85px minmax(0,1fr);gap:12px}.live-comment-list{max-height:320px}.live-comment-item{padding:16px 18px}.live-review-summary{padding:24px}.live-review-summary h2{font-size:21px}.live-review-summary p{font-size:11px}.live-review-summary .row{flex-wrap:wrap}.live-data-window{font-size:9px}.live-pair-code strong{font-size:26px}.live-table td{font-size:10px}.live-guide h2{font-size:21px}.live-error{padding:15px;font-size:10px}}

.live-indicator.error{background:#c99868;box-shadow:0 0 0 4px #c9986815}.workspace-switch>div:nth-child(2){min-width:0}.workspace-avatar{flex-shrink:0}.workspace-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-plan{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:760px){.topbar{gap:0;flex-wrap:nowrap}.topbar .breadcrumb{white-space:nowrap;min-width:0;overflow:hidden;flex-shrink:1;gap:5px;font-size:10px}.topbar .breadcrumb strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .breadcrumb>svg{flex-shrink:0}.topbar .top-search,.topbar [data-action="help"],.topbar [data-action="notifications"],.topbar .top-avatar{display:none}.topbar>.btn{font-size:9px;gap:5px;padding:7px 8px;margin-left:9px;flex-shrink:0;max-width:120px}.topbar>.btn svg{width:13px;height:13px;flex-shrink:0}.topbar .mobile-toggle{flex-shrink:0;margin-right:9px}}

.live-login-layout{max-width:560px;margin:38px auto 54px}.live-login-card{padding:34px 36px;box-shadow:0 18px 55px #b7a3cf0d}.live-login-mark{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#f1eafa,#eaf2ed);color:#a18abb;margin-bottom:25px}.live-login-card .eyebrow{font-size:9px;letter-spacing:1.7px}.live-login-card h2{font-size:25px;color:#8e75a4;font-weight:450;line-height:1.6;margin:14px 0 12px}.live-login-card .live-intro{margin-bottom:27px}.live-login-card>.btn{width:100%;justify-content:center;margin-top:18px;font-size:12px;min-height:42px}.live-login-origin{font-size:9px;color:#b4a5bf;text-align:center;margin-top:22px;overflow-wrap:anywhere}.live-login-note{text-align:center;font-size:10px;color:#b3a4be;line-height:2.1;padding:0 20px}.live-login-card .field{margin-bottom:0}.live-login-card .live-inline-error:empty{display:none}
@media(max-width:760px){.live-login-layout{margin:16px auto 32px}.live-login-card{padding:27px 23px}.live-login-card h2{font-size:23px}}

/* Ordered photo publishing; previews use CSP-compatible data URLs before upload and same-origin cookie-protected media after task creation. */
.live-media-preview{border:1px solid #e8e0f0;border-radius:10px;padding:15px;margin:4px 0 22px;background:#fcfafe}.live-media-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.live-media-preview-head strong{font-size:11px;color:#8f789f;font-weight:500}.live-media-preview-head>span{font-size:9px;color:#af9cbd}.live-image-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.live-image-item{min-width:0;background:#fff;border:1px solid #e9e1f1;border-radius:8px;overflow:hidden;padding:8px}.live-image-thumb{position:relative;aspect-ratio:4/5;border-radius:5px;background:#f0eaf6;overflow:hidden;display:grid;place-items:center;color:#b4a4c2;font-size:10px}.live-image-thumb img{width:100%;height:100%;object-fit:cover}.live-image-order{position:absolute;top:6px;left:6px;background:#43364fcc;color:#fff;padding:3px 5px;border-radius:4px;font-size:8px}.live-image-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;color:#8c789a;margin:10px 0 5px}.live-image-size,.live-image-status{display:block;font-size:9px;color:#b1a0bd;line-height:1.8}.live-image-status{color:#7ea187}.live-image-status.failed,.live-image-error{color:#ba8b66}.live-image-error{font-size:9px;line-height:1.7;margin:5px 0;overflow-wrap:anywhere}.live-image-actions{display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid #f2edf7;padding-top:8px;margin-top:9px}.live-image-actions .btn{font-size:8px!important;gap:3px}.live-image-actions .btn svg{width:10px;height:10px}.live-image-actions .btn:disabled{cursor:default}.live-media-empty{font-size:10px;line-height:1.9;color:#b2a0bf;margin:8px 0}.live-publish-preview{border:1px solid #ebe3f3;border-radius:9px;background:#faf7fd;padding:15px 17px;margin:0 0 22px;overflow-wrap:anywhere}.live-publish-preview>strong{font-size:11px;font-weight:500;color:#937ba3}.live-publish-preview p{font-size:10px;line-height:1.9;color:#a590b0;margin:9px 0}.live-publish-preview .live-caption-preview{white-space:pre-wrap;color:#8e789e}.live-publish-preview small{font-size:9px;color:#b09cbd;line-height:1.9}.live-task-publish{margin:17px 0 22px;background:#faf7fd;border:1px solid #ece4f3;border-radius:9px;padding:15px;min-width:0}.live-task-publish>strong{font-size:11px;font-weight:500;color:#947aa3}.live-task-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:13px 0 0;list-style:none;padding:0}.live-task-gallery li{position:relative;min-width:0}.live-task-gallery img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:6px;background:#eee6f4}.live-task-gallery li>span:not(.live-media-empty){position:absolute;top:5px;left:5px;background:#4a385aca;border-radius:3px;padding:2px 5px;color:#fff;font-size:8px}.live-task-gallery small{font-size:9px;color:#a48eb1;display:block;overflow-wrap:anywhere;margin-top:6px}.live-task-caption{font-size:11px;line-height:1.9;white-space:pre-wrap;color:#9d85ac;margin:12px 0 0;overflow-wrap:anywhere}.live-task-publish.compact{padding:0;border:0;background:transparent;margin:10px 0 0;max-width:250px}.live-task-publish.compact>strong{font-size:9px}.live-task-publish.compact .live-task-gallery{display:flex;gap:5px;margin-top:8px}.live-task-publish.compact .live-task-gallery li{width:52px;flex-shrink:0}.live-task-publish.compact .live-task-gallery li>span:not(.live-media-empty){font-size:7px;top:3px;left:3px;padding:1px 3px}.live-task-publish.compact .live-task-caption{font-size:10px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;margin-top:6px}.live-task-publish.compact>small{font-size:8px;color:#b6a4c2}
@media(max-width:760px){.live-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.live-media-preview{padding:12px}.live-media-preview-head{gap:7px}.live-media-preview-head>span{font-size:8px}.live-publish-preview{padding:13px}.live-task-publish{padding:12px}.live-task-gallery{gap:7px}.live-image-actions{gap:7px}.live-image-actions .btn{font-size:9px!important}}