.sf-artboard{position:relative;width:1920px;height:1080px;transform-origin:top left;overflow:hidden;font-family:Bahnschrift,'Segoe UI',Arial,sans-serif;color:white}.sf-element{position:absolute;box-sizing:border-box;overflow:hidden;white-space:pre-wrap;line-height:1.3;border-radius:16px;padding:16px;overflow-wrap:anywhere}.sf-element[data-type=image]{padding:0;border-radius:0}.sf-element img{width:100%;height:100%;object-fit:contain;display:block}.sf-element strong{font-weight:700}.sf-chat-row{margin-bottom:14px;border-bottom:1px solid #ffffff25;padding-bottom:12px;flex-shrink:0}.sf-chat-row strong{display:block;font-size:.87em;line-height:1.25}.sf-chat-row span{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.sf-chat-row[data-platform=youtube] strong{color:#ffa2ae}.sf-chat-row[data-platform=twitch] strong{color:#d8b8ff}.sf-chat-content{display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.sf-chat-empty{margin:auto;text-align:center;font-size:.75em;color:#8da8b5}.sf-output{margin:0;overflow:hidden;background:transparent}.sf-output .sf-artboard{position:absolute}.sf-output .sf-element{pointer-events:none}.sf-element.sf-selected{outline:3px solid #00d7b2;outline-offset:-3px;overflow:visible}.sf-resize{position:absolute;right:0;bottom:0;width:24px;height:24px;background:#00d7b2;border:2px solid #071b23;cursor:nwse-resize;z-index:3}
.sf-element[data-decoration=glass]{background:linear-gradient(125deg,#ffffff06,transparent),var(--sf-panel)!important;box-shadow:0 13px 38px #0003,inset 0 1px #ffffff12;backdrop-filter:blur(16px)}.sf-element[data-decoration=game-frame]{box-shadow:0 0 0 5px #08151c55;overflow:visible}.sf-element[data-decoration=game-frame]:before,.sf-element[data-decoration=game-frame]:after{content:'';position:absolute;width:96px;height:48px;pointer-events:none;filter:drop-shadow(0 0 8px #27f2d070)}.sf-element[data-decoration=game-frame]:before{left:-1px;top:-1px;border-top:3px solid var(--sf-accent);border-left:3px solid var(--sf-accent);border-top-left-radius:inherit}.sf-element[data-decoration=game-frame]:after{right:-1px;bottom:-1px;border-bottom:3px solid var(--sf-accent);border-right:3px solid var(--sf-accent);border-bottom-right-radius:inherit}.sf-element[data-decoration=cover-start],.sf-element[data-decoration=cover-end]{background:radial-gradient(ellipse at 85% 20%,#14534f99,transparent 58%),radial-gradient(ellipse at 10% 95%,#123346aa,transparent 65%),linear-gradient(135deg,#06151d,#051017)!important}.sf-element[data-decoration=cover-end]{background:radial-gradient(ellipse at 85% 20%,#383d2899,transparent 58%),radial-gradient(ellipse at 10% 95%,#123346aa,transparent 65%),#06151d!important}.sf-element[data-decoration^=cover-]:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#b4ffe706 1px,transparent 1px),linear-gradient(90deg,#b4ffe706 1px,transparent 1px);background-size:77px 77px;mask-image:linear-gradient(90deg,transparent,#000)}.sf-element[data-decoration=orbit]{box-shadow:0 0 0 58px #27f2d004,0 0 0 154px #27f2d004,inset 0 0 190px #27f2d00c}.sf-element[data-decoration=line]{background:transparent!important;overflow:visible}.sf-element[data-decoration=line]:before{content:'';position:absolute;top:8px;height:4px;left:0;right:0;background:var(--sf-accent);box-shadow:0 0 18px var(--sf-accent)}.sf-metric-label,.sf-metric-detail{display:block;font-size:12px;color:#adc1cc;letter-spacing:.7px;line-height:1.5}.sf-metric strong{display:block;line-height:1.3;letter-spacing:-1px}.sf-metric-detail{font-size:11px;letter-spacing:0}.sf-live-pill{display:flex;align-items:center;gap:10px;white-space:nowrap}.sf-live-pill i{width:9px;height:9px;flex-shrink:0;background:#8e9eab;border-radius:50%}.sf-live-pill[data-live=true] i{background:#27f2d0;box-shadow:0 0 20px #27f2d0}.sf-platform-pill{display:inline-block;padding:10px 12px;margin:0 0 0 8px;border:1px solid #29483f;background:#051018a8;border-radius:8px;white-space:nowrap}.sf-recent-platform{display:block;font-size:11px;color:#9ab8c4;margin-top:3px}.sf-element[data-type=recent] strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-community-alert .sf-alert-symbol{font-size:38px;color:#27f2d0}.sf-community-alert .sf-alert-type{display:block;font-size:13px;color:#27f2d0;letter-spacing:2px;text-transform:uppercase}.sf-community-alert strong{display:block;margin:10px 0}.sf-community-alert p{font-size:19px;line-height:1.5;margin:0;color:#c4dbe4}.sf-design-thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:10px;margin-bottom:16px;background:repeating-conic-gradient(#202a36 0% 25%,#293542 0% 50%) 0 0/20px 20px}.sf-design-thumbnail .sf-element{pointer-events:none}.sf-design-thumbnail .sf-artboard{position:absolute}.sf-layer-panel #sf-layers{max-height:620px;overflow:auto}.sf-properties summary{cursor:pointer;font-weight:700;margin:12px 0}
.sf-artboard .sf-element small{color:#adc1cc}.sf-artboard .sf-community-alert small{color:#27f2d0}.sf-artboard .sf-element p{margin:0;color:#c4dbe4}
.sf-alert-compact .sf-alert-symbol{float:left;font-size:32px;line-height:1;margin:8px 18px 8px 0}.sf-alert-compact .sf-alert-type{font-size:12px}.sf-alert-compact strong{margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-alert-compact p{font-size:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sf-page{max-width:1500px!important}.sf-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:26px}.sf-heading h1{font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-.04em;margin:8px 0}.sf-heading p,.sf-page small,.sf-page article p{color:var(--ca-muted)}.sf-actions,.sf-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sf-page label{display:grid;gap:7px;font-size:13px;font-weight:600}.sf-page input:not([type=range]):not([type=file]),.sf-page textarea,.sf-page select{min-width:0;width:100%;padding:10px;border:1px solid var(--ca-border);border-radius:9px;background:var(--ca-surface);color:var(--ca-text);font:inherit}.sf-page input[type=color]{height:42px}.sf-create{display:flex;gap:16px;align-items:end;margin-bottom:20px}.sf-create label{flex:1}.sf-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.sf-page h2{font-size:18px;font-weight:750;margin:15px 0 12px}.sf-cards p{margin:12px 0 22px}.sf-editor-grid{display:grid;grid-template-columns:220px minmax(300px,1fr) 220px;gap:18px;align-items:start}.sf-editor .app-card{padding:18px}.sf-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}.sf-editor .btn-ghost,.sf-editor .btn-primary{font-size:12px;padding:9px 11px;min-height:36px}.sf-upload{cursor:pointer;display:block!important}.sf-layer-panel small{display:block;font-size:11px;margin-top:10px}.sf-layer-button{width:100%;text-align:left;border:1px solid var(--ca-border);background:transparent;border-radius:8px;padding:10px;color:var(--ca-text);margin-bottom:6px;font-size:12px}.sf-layer-button[aria-pressed=true]{border-color:var(--ca-accent);background:#10b98112}.sf-stage-wrap{width:100%;aspect-ratio:16/9;overflow:hidden;position:relative;background:repeating-conic-gradient(#202a36 0% 25%,#293542 0% 50%) 0 0/24px 24px;border-radius:12px;border:1px solid var(--ca-border);touch-action:none}.sf-editor .sf-element{cursor:move;user-select:none}.sf-toolbar{margin-bottom:14px}.sf-preview-note{font-size:12px;line-height:1.6;color:var(--ca-muted);margin:12px 0}.sf-output-url{display:flex;gap:8px;align-items:end}.sf-output-url label{flex:1;min-width:0}.sf-properties label{margin-bottom:12px}.sf-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sf-properties textarea{resize:vertical}.sf-page [hidden]{display:none!important}.sf-language{display:flex;gap:8px;margin:8px 16px 14px}.sf-language button{padding:5px 9px;border-radius:8px;border:1px solid var(--ca-border);font-size:12px;color:var(--ca-muted)}.sf-language [aria-current=true]{color:var(--ca-accent);background:#10b98115}.sf-plan-price{font-size:40px;font-weight:800}.sf-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:24px 0}.sf-stats strong{display:block;font-size:30px}.sf-plan-list{display:grid;gap:14px;margin:22px 0}.sf-plan-note{font-size:13px;line-height:1.7;padding:16px;border:1px solid var(--ca-border);border-radius:12px}.sf-panel-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.sf-panel-links article p{margin:12px 0 20px}@media(max-width:1200px){.sf-editor-grid{grid-template-columns:180px minmax(300px,1fr)}.sf-properties{grid-column:1/-1}.sf-properties>div{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sf-form-pair{grid-column:1/-1}}@media(max-width:760px){.sf-heading{align-items:start;flex-direction:column}.sf-editor-grid{grid-template-columns:1fr}.sf-canvas-panel{grid-row:1}.sf-properties{grid-column:auto}.sf-layer-panel{display:block}.sf-create{align-items:stretch;flex-direction:column}.sf-heading .sf-actions{width:100%}.sf-add-grid{grid-template-columns:repeat(3,1fr)}}
