@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@500;700&display=swap";@font-face{font-family:Roboto;src:url(/fonts/Roboto-Variable.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap}:root{color:#ecf0f8;background:#0a0d12;font-family:Manrope,Arial,sans-serif}html,body,#root{min-height:100%;margin:0}body{overflow:hidden}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer}.visually-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.builder-shell{background:#0b0e13;grid-template-columns:244px minmax(460px,1fr) 326px;height:100dvh;min-height:0;display:grid;overflow:hidden}.left-panel,.right-panel{background:#10141c;border-color:#252a35;min-height:0}.left-panel{border-right:1px solid #252a35;flex-direction:column;padding:25px 14px;display:flex;overflow-y:auto}.primary-button{color:#fff;text-align:left;background:#5274dd;border:1px solid #5270d8;border-radius:9px;align-items:center;gap:7px;width:100%;margin-bottom:23px;padding:11px;font-size:11px;font-weight:800;display:flex;box-shadow:0 10px 20px #0003}.primary-button svg{width:15px;height:15px}.template-transfer-actions{grid-template-columns:1fr 1fr;gap:6px;margin:-15px 0 12px;display:grid}.template-transfer-actions button{color:#aebfe9;background:#151c2a;border:1px solid #34415d;border-radius:7px;padding:8px 5px;font-size:9px;font-weight:800}.template-transfer-actions button:hover{color:#fff;background:#202d4c;border-color:#5c7fe0}.secondary-button,.mode-button{color:#bdc8de;background:#171d29;border:1px solid #36425c;border-radius:8px;padding:9px 10px;font-size:10px;font-weight:800}.secondary-button{width:100%;margin:0 0 22px}.secondary-button:hover,.mode-button:hover{color:#fff;background:#202d4c;border-color:#5c7fe0}.panel-kicker,.subheading{color:#a9b1c2;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;padding:0 9px 10px;font-size:9px;font-weight:800;display:flex}.panel-kicker small{color:#718096;font:10px DM Mono,monospace}.template-stack{gap:6px;display:grid}.template-choice{color:#aeb6c8;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;width:100%;padding:10px 8px;display:flex}.template-choice:hover,.template-choice.active{color:#f1f4ff;background:#202638;border-color:#303951}.template-choice i{color:#a6b9f9;background:#182034;border-radius:7px;place-items:center;width:29px;height:29px;font-style:normal;display:grid}.template-choice i svg{width:16px;height:16px}.template-choice span{gap:3px;font-size:11px;font-weight:700;display:grid}.template-choice small{color:#7b8599;font-size:9px;font-weight:500}.panel-hint{color:#7a859a;border-top:1px solid #262c38;margin-top:auto;padding:18px 8px 0;font-size:10px;line-height:1.6}.admin-session{color:#c9d3ea;justify-content:space-between;align-items:center;gap:8px;margin:13px 8px 0;font-size:10px;font-weight:700;display:flex}.admin-session button,.fill-sidebar-actions button{color:#91a9ee;background:0 0;border:0;padding:3px 0;font-size:9px;font-weight:800}.workspace{background:radial-gradient(circle at 50% 44%,#19243c 0,#0e121a 42%,#0b0e13 78%);flex-direction:column;min-width:0;min-height:0;display:flex}.workspace-header{border-bottom:1px solid #293141;justify-content:space-between;align-items:center;height:106px;padding:25px 33px;display:flex}.workspace-header span,.right-panel header>span{color:#8295cb;letter-spacing:.12em;font:500 9px DM Mono,monospace}.workspace-header h1,.right-panel h2{letter-spacing:-.8px;margin:6px 0 0;font:700 17px Unbounded,sans-serif}.workspace-actions{align-items:center;gap:10px;display:flex}.zoom-control{color:#93a0bd;align-items:center;gap:5px;display:flex}.zoom-control>span{color:#93a0bd;letter-spacing:.05em;text-transform:uppercase;font-size:9px}.zoom-control button{color:#b7c7f8;background:#151c2b;border:1px solid #34405a;border-radius:6px;place-items:center;width:25px;height:25px;padding:5px;display:grid}.zoom-control button:hover:not(:disabled){color:#fff;background:#202c4c;border-color:#6382e2}.zoom-control button:disabled{opacity:.38;cursor:default}.zoom-control button svg{width:14px;height:14px}.zoom-control input[type=range]{accent-color:#6e8df4;width:76px;margin:0 2px}.zoom-control output{color:#d7e1ff;text-align:center;min-width:33px;font:10px DM Mono,monospace}.copy-canvas{color:#b9c9ff;background:#172347;border:1px solid #4765c9;border-radius:8px;align-items:center;gap:7px;padding:9px 12px;font-size:10px;font-weight:800;display:flex}.copy-canvas svg{width:15px;height:15px}.canvas-stage{flex:1;place-items:center;min-height:0;padding:30px;display:grid;overflow:auto}.iphone-frame,.sheet-frame{transform-origin:50%;transition:transform .16s}.iphone-frame{background:#20242d;border:5px solid #2c3039;border-radius:39px;width:296px;height:620px;padding:5px;box-shadow:0 25px 55px #0009,inset 0 0 0 2px #0d0f14}.sheet-frame{background:#fff;box-shadow:0 0 0 1px #5a6580,0 24px 55px #0009}.template-canvas{color:#18202d;--status-foreground:#15171b;--home-indicator:#15171b;width:100%;height:100%;position:relative;overflow:hidden}.iphone-canvas{aspect-ratio:402/874;border-radius:28px}.sheet-canvas{border-radius:2px}.iphone-canvas.dark-background{--status-foreground:#fff;--home-indicator:#fff}.iphone-status{height:37px;color:var(--status-foreground);z-index:100;justify-content:space-between;align-items:center;padding:0 18px 0 37px;font-family:SF Pro Text,SF Pro Display,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:11.67px;font-weight:600;line-height:1;display:flex;position:relative}.dynamic-island{background:#000;border-radius:13px;width:74px;height:21px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.status-time{letter-spacing:-.21px;font-variant-numeric:tabular-nums}.status-left{align-items:center;gap:3px;min-width:54px;display:flex}.location-indicator{color:#0a84ff;width:8px;height:8px}.privacy-indicator{width:7px;height:7px;position:absolute;top:14px;left:calc(50% + 41px)}.status-symbols{align-items:center;gap:2.5px;height:12px;display:flex}.status-symbols svg{color:var(--status-foreground);display:block}.signal-icon,.wifi-icon{width:14px;height:10px}.network-icon{width:18px;height:11px}.battery-icon{width:19px;height:10px}.battery-icon.with-percentage{width:32px;height:13px}.iphone-home{background:var(--home-indicator);z-index:101;border-radius:999px;width:92px;height:4px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.canvas-element{z-index:2;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #0000;min-width:18px;min-height:18px;padding:4px;position:absolute}.canvas-element:active{cursor:grabbing}.canvas-element.selected{border-color:#6788f4;box-shadow:0 0 0 2px #7697f755}.text-baseline-guide{z-index:150;pointer-events:none;background:#5a83ff;height:1px;position:absolute;left:0;right:0;box-shadow:0 0 0 1px #ffffff80}.text-start-guide{z-index:150;pointer-events:none;background:#5a83ff;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #ffffff80}.element-content{white-space:pre-wrap;word-break:break-word;width:100%;height:100%;overflow:hidden}.currency-value{white-space:nowrap}.currency-fraction,.currency-suffix{vertical-align:baseline}.element-content.text-quality-soft{opacity:.9;filter:blur(.12px)}.element-content.text-quality-degraded{opacity:.78;filter:blur(.28px);text-shadow:-.3px .22px .3px,.34px -.18px .3px}.canvas-element.image{padding:0}.canvas-element.image img{object-fit:contain;image-rendering:auto;width:100%;height:100%;display:block}.resize-handle{cursor:nwse-resize;background:#5377e5;border:2px solid #fff;border-radius:50%;width:12px;height:12px;padding:0;position:absolute;bottom:-5px;right:-5px}.right-panel{border-left:1px solid #252a35;flex-direction:column;display:flex;overflow:hidden}.right-panel header{border-bottom:1px solid #252a35;flex:none;padding:20px 18px 15px}.right-panel h2{font-size:15px}.inspector-scroll{flex:1;min-height:0;padding:14px 12px 18px;overflow:auto}.inspector-scroll>label{color:#98a3b6;text-transform:uppercase;letter-spacing:.07em;gap:5px;margin-bottom:10px;font-size:9px;font-weight:800;display:grid}.status-settings{background:#151c2c;border:1px solid #35415d;border-radius:9px;margin:0 0 12px;overflow:hidden}.status-settings summary{color:#c8d5ff;cursor:pointer;align-items:center;gap:8px;padding:9px 10px;font-size:10px;font-weight:800;list-style:none;display:flex}.status-settings summary::-webkit-details-marker{display:none}.status-settings summary svg{color:#9db5ff;background:#26365e;border-radius:6px;width:20px;height:20px;padding:4px}.status-controls{gap:8px;padding:0 10px 10px;display:grid}.status-controls label{color:#a7b2c7;text-transform:uppercase;letter-spacing:.06em;grid-template-columns:1fr auto;align-items:center;gap:7px;font-size:9px;font-weight:800;display:grid}.status-controls label input,.status-controls label select{grid-column:1/-1}.status-controls label output{color:#9bb5ff;font:10px DM Mono,monospace}.status-controls input[type=range]{accent-color:#6e8df4;padding:0}.toggle-line{color:#a7b2c7;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;display:flex}.toggle-line input{accent-color:#6e8df4}.privacy-settings{border-top:1px solid #2a3347;gap:8px;padding-top:11px;display:grid}.privacy-settings-title{color:#8295cb;letter-spacing:.08em;text-transform:uppercase;font:800 9px DM Mono,monospace}.privacy-settings .toggle-line>div{gap:2px;display:grid}.privacy-settings .toggle-line small{color:#79849a;font-size:8px;font-weight:600}.inspector-scroll input,.inspector-scroll select,.inspector-scroll textarea{color:#ecf0f8;text-transform:none;letter-spacing:0;background:#181d27;border:1px solid #303744;border-radius:7px;outline:none;width:100%;padding:7px 8px;font-size:11px}.inspector-scroll textarea{resize:vertical;min-height:72px}.inspector-scroll input:focus,.inspector-scroll select:focus,.inspector-scroll textarea:focus{border-color:#6f90f5}.field-list{border-top:1px solid #2c3341;padding-top:15px}.subheading{padding:0 0 9px}.subheading button{color:#a9beff;background:0 0;border:0;place-items:center;width:22px;height:22px;padding:3px;display:grid}.subheading button svg{width:16px;height:16px}.field-row{background:#151a24;border:1px solid #303744;border-radius:8px;margin-bottom:7px;overflow:hidden}.field-row summary{color:#dbe5fb;cursor:pointer;gap:3px;padding:8px 9px;list-style:none;display:grid}.field-row summary::-webkit-details-marker{display:none}.field-row summary:after{color:#93aaf0;content:"+";font:500 15px DM Mono,monospace;position:absolute;top:12px;right:36px}.field-row{position:relative}.field-row[open]{border-color:#4a609d}.field-row[open] summary{background:#192239;border-bottom:1px solid #2c3445}.field-row[open] summary:after{content:"−"}.field-row summary span{text-overflow:ellipsis;white-space:nowrap;padding-right:22px;font-size:10px;font-weight:700;overflow:hidden}.field-row summary small{color:#7d899f;text-overflow:ellipsis;white-space:nowrap;padding-right:22px;font-size:8px;font-weight:600;overflow:hidden}.field-delete-button{z-index:2;color:#f1a1b2;background:#2a1820;border:1px solid #5c3542;border-radius:6px;width:22px;height:22px;padding:0;font:500 17px/18px Arial,sans-serif;position:absolute;top:8px;right:8px}.field-delete-button:hover{color:#fff;background:#48202d;border-color:#dc6883}.field-controls{gap:6px;padding:8px;display:grid}.field-type-select{color:#8d9ab3;letter-spacing:.06em;text-transform:uppercase;gap:5px;font-size:8px;font-weight:800;display:grid}.field-binding-list{gap:5px;margin:0 0 10px;display:grid}.field-binding-list>span{color:#98a3b6;letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:800}.field-binding-row{background:#181d27;border:1px solid #303744;border-radius:7px;overflow:hidden}.field-binding-row>label{color:#dce5f8;align-items:center;gap:7px;min-width:0;padding:7px 8px;font-size:10px;font-weight:700;display:flex}.field-binding-row.selected>label{border-bottom:1px solid #303744}.field-binding-row input[type=checkbox]{accent-color:#6d8df0;flex:none;width:auto;margin:0}.field-binding-row label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.field-affix-controls{gap:5px;padding:5px 8px 7px 30px;display:flex}.field-affix-controls button{color:#71809d;background:#111722;border:1px solid #34405a;border-radius:5px;padding:3px 6px;font-size:8px;font-weight:800}.field-affix-controls button.active{color:#d9e4ff;background:#263964;border-color:#526fca}.color-control{gap:6px;margin:0 0 10px;display:grid}.color-control-header{color:#98a3b6;letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:9px;font-weight:800;display:flex}.color-mode-switch{border:1px solid #303744;border-radius:6px;display:flex;overflow:hidden}.color-mode-switch button{color:#7e8aa0;background:#181d27;border:0;padding:4px 6px;font:700 8px DM Mono,monospace}.color-mode-switch button.active{color:#dce6ff;background:#30426e}.color-control-inputs{grid-template-columns:32px minmax(0,1fr);gap:7px;display:grid}.color-control-inputs input[type=color]{cursor:pointer;height:33px;padding:3px}.color-control-inputs input[type=text]{min-width:0;font-family:DM Mono,monospace}.layers-panel{border-top:1px solid #2c3341;margin-top:18px;padding-top:15px}.layers-panel .subheading{align-items:center}.layers-panel .subheading small{color:#66728a;letter-spacing:.02em;text-transform:none;font:500 8px DM Mono,monospace}.layers-list{gap:6px;display:grid}.layers-empty{color:#788398;margin:0;font-size:10px;line-height:1.5}.layer-row{background:#151a24;border:1px solid #2b3342;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:5px;display:grid;overflow:hidden}.layer-row.selected{background:#192542;border-color:#5775d3}.layer-select{color:#d9e2f7;text-align:left;background:0 0;border:0;gap:3px;min-width:0;padding:8px 9px;display:grid}.layer-select span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.layer-select small{color:#7f8ba0;font-size:8px;font-weight:600}.layer-order-actions{border-left:1px solid #2b3342;grid-template-columns:1fr 1fr;display:grid}.layer-order-actions button{color:#aab9de;background:#1b2230;border:0;border-right:1px solid #2b3342;min-width:35px;padding:0 5px;font-size:8px;font-weight:800}.layer-order-actions button:last-child{border-right:0}.layer-order-actions button:hover:not(:disabled){color:#fff;background:#2a3a61}.layer-order-actions button:disabled{color:#4c566a;cursor:default}.danger-button{color:#f3a2b4;background:#2a1720;border:1px solid #703c4a;border-radius:8px;width:100%;padding:10px;font-size:10px;font-weight:800}.delete-template-button{color:#f3a2b4;background:#2a1720;border:1px solid #703c4a;border-radius:8px;width:100%;margin:-2px 0 12px;padding:8px 10px;font-size:10px;font-weight:800}.delete-template-button:disabled{color:#6b7383;cursor:not-allowed;background:#151820;border-color:#343846}.add-toolbar{border-top:1px solid #252a35;grid-template-columns:1fr 1fr;gap:7px;padding:13px;display:grid}.add-toolbar button{color:#bdc8de;background:#171d29;border:1px solid #30394c;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 6px;font-size:10px;font-weight:700;transition:all .16s;display:flex}.add-toolbar button svg{flex:none;width:15px;height:15px}.add-toolbar button:hover{color:#fff;background:#263354;border-color:#5677dc;transform:translateY(-1px)}.creation-backdrop{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#06080cc9;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.creation-dialog{background:#101620;border:1px solid #3b4867;border-radius:14px;gap:17px;width:min(470px,100%);padding:22px;display:grid;box-shadow:0 25px 80px #000b}.dialog-kicker{color:#91a9ee;letter-spacing:.12em;font:500 9px DM Mono,monospace}.creation-dialog h2{color:#f3f6ff;letter-spacing:-.7px;margin:7px 0 0;font:700 18px Unbounded,sans-serif}.surface-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.surface-options button{color:#dce5fb;text-align:left;background:#151c29;border:1px solid #303a4f;border-radius:10px;gap:5px;min-height:96px;padding:12px;display:grid}.surface-options button.selected{background:#1a2a50;border-color:#6b8bf0;box-shadow:inset 0 0 0 1px #6b8bf033}.surface-options strong{font-size:11px}.surface-options span{color:#8b98b0;font-size:9px;line-height:1.5}.sheet-dimensions{grid-template-columns:1fr auto 1fr;align-items:end;gap:9px;display:grid}.sheet-dimensions label{color:#9ba8c2;letter-spacing:.06em;text-transform:uppercase;gap:6px;font-size:9px;font-weight:800;display:grid}.sheet-dimensions input{color:#eff3ff;background:#171d29;border:1px solid #39435a;border-radius:7px;outline:none;width:100%;padding:9px}.sheet-dimensions input:focus{border-color:#6d8eee}.sheet-dimensions>span{color:#7f8caa;padding:0 0 9px;font-size:15px}.creation-note{color:#8793aa;margin:-4px 0 0;font-size:10px;line-height:1.5}.creation-actions{justify-content:flex-end;gap:8px;display:flex}.creation-actions button{color:#bfcae4;background:#171d29;border:1px solid #36425c;border-radius:8px;padding:9px 12px;font-size:10px;font-weight:800}.creation-actions .primary{color:#fff;background:#4f70d8;border-color:#5678df}.loading-screen,.login-screen{color:#dbe5fb;background:radial-gradient(circle at 50% 30%,#1b2948 0,#0d111a 38%,#080a0e 100%);place-items:center;min-height:100dvh;padding:24px;font:600 13px Manrope,Arial,sans-serif;display:grid}.login-card{background:#101722;border:1px solid #37476c;border-radius:18px;gap:14px;width:min(390px,100%);padding:26px;display:grid;box-shadow:0 24px 80px #000a}.login-eyebrow{color:#91a9ee;letter-spacing:.15em;font:500 10px DM Mono,monospace}.login-card h1{letter-spacing:-.8px;margin:0;font:700 19px Unbounded,sans-serif}.login-card>p{color:#9ca9c0;margin:-3px 0 5px;font-size:11px;line-height:1.6}.login-card label,.user-form label{color:#aebbd4;letter-spacing:.06em;text-transform:uppercase;gap:6px;font-size:9px;font-weight:800;display:grid}.login-card input,.user-form input{color:#f1f4ff;text-transform:none;letter-spacing:0;background:#181f2c;border:1px solid #374155;border-radius:8px;outline:none;width:100%;padding:10px;font-size:12px}.login-card input:focus,.user-form input:focus{border-color:#7192f6}.login-submit{color:#fff;background:#5274dd;border:1px solid #5979e2;border-radius:8px;padding:11px;font-size:11px;font-weight:800}.login-submit:disabled{opacity:.65;cursor:default}.login-card small{color:#77849d;font-size:9px;line-height:1.5}.login-card small b{color:#bdcbef;font-family:DM Mono,monospace}.login-error,.dialog-error{margin:0;line-height:1.45;color:#ffacbc!important;font-size:10px!important}.fill-shell{grid-template-columns:244px minmax(460px,1fr) 326px}.viewer-card{background:#151c2a;border:1px solid #34415d;border-radius:10px;gap:4px;margin:0 8px 23px;padding:12px;display:grid}.viewer-card span{color:#8398d4;letter-spacing:.1em;font:500 8px DM Mono,monospace}.viewer-card strong{color:#edf2ff;font-size:11px}.viewer-card small{color:#8b98ae;font-size:9px}.fill-sidebar-actions{border-top:1px solid #262c38;gap:6px;margin-top:auto;padding:15px 8px 0;display:grid}.fill-sidebar-actions button{text-align:left;padding:6px 0}.fill-canvas-stage{padding:30px}.fill-fields-list{align-content:start;gap:9px;display:grid}.fill-field{background:#151b27;border:1px solid #303b52;border-radius:9px;gap:6px;padding:10px;display:grid}.fill-field>span{color:#dce5f8;font-size:10px;font-weight:800}.fill-field input{color:#f3f6ff;background:#0f141e;border:1px solid #39435a;border-radius:7px;outline:none;width:100%;padding:9px;font-size:11px}.fill-field input:focus{border-color:#7595f2}.fill-field small{color:#8390a8;font-size:8px;line-height:1.45}.fill-empty{color:#8490a5;font-size:11px;line-height:1.6}.user-dialog{background:#101620;border:1px solid #3b4867;border-radius:14px;gap:16px;width:min(600px,100%);padding:22px;display:grid;box-shadow:0 25px 80px #000b}.user-dialog h2{color:#f3f6ff;letter-spacing:-.7px;margin:7px 0 0;font:700 18px Unbounded,sans-serif}.user-form{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:8px;display:grid}.user-form .primary{color:#fff;white-space:nowrap;background:#4f70d8;border:1px solid #5678df;border-radius:8px;padding:10px;font-size:10px;font-weight:800}.user-form .dialog-error{grid-column:1/-1}.users-list{border-top:1px solid #2c3548;max-height:230px;display:grid;overflow:auto}.users-list>div{border-bottom:1px solid #273042;justify-content:space-between;align-items:center;gap:15px;padding:10px 2px;display:flex}.users-list span{gap:3px;min-width:0;display:grid}.users-list strong{color:#e7edfb;font-size:10px}.users-list small{color:#8491a8;font:9px DM Mono,monospace}.users-list em{color:#91a9ee;white-space:nowrap;font-size:9px;font-style:normal}.user-delete-button{color:#f0a6b5;background:#2b1820;border:1px solid #693947;border-radius:6px;padding:5px 7px;font-size:9px;font-weight:800}.user-delete-button:hover:not(:disabled){color:#fff;background:#48222d;border-color:#d86a82}.user-delete-button:disabled{opacity:.6;cursor:default}@media (width<=1080px){.user-form{grid-template-columns:1fr 1fr}.user-form .primary{grid-column:1/-1}}.notice{z-index:10;color:#155a2c;text-align:center;background:#e5f8e9;border:1px solid #a1dcb1;border-radius:9px;max-width:640px;padding:10px 14px;font-size:11px;font-weight:700;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #0006}@media (width<=860px){.builder-shell{grid-template-columns:205px minmax(360px,1fr)}.right-panel{border-top:1px solid #252a35;border-left:0;grid-column:1/-1;min-height:auto}.inspector-scroll{max-height:460px}}