*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{background:#eef1f5}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#20242a;background:#eef1f5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}img,svg{max-width:100%}:focus-visible{outline:3px solid rgba(47,105,176,.34);outline-offset:2px}.hidden-input{display:none!important}:root{--studio-blue:#2f69b0;--studio-blue-dark:#245489;--studio-bg:#f4f6f9;--studio-surface:#fff;--studio-border:#e3e8ee;--studio-text:#22262c;--studio-muted:#747c88;--danger:#a94c4c}.icon-btn{border:0;background:transparent;width:38px;height:38px;border-radius:11px;display:inline-grid;place-items:center;color:inherit}.icon-btn:hover{background:#1a283c0f}.icon-btn.danger-soft,.danger-soft{color:#a94848;background:#fff3f3}.primary-btn,.secondary-btn{height:42px;border-radius:12px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:720;font-size:13px;border:1px solid transparent;transition:.18s ease}.primary-btn{background:#2f69b0;color:#fff;box-shadow:0 6px 16px #2f69b02e}.primary-btn:hover{background:#285e9f;transform:translateY(-1px)}.secondary-btn{background:#fff;color:#343a43;border-color:#dce2e9}.secondary-btn:hover{background:#f7f9fb}.compact{height:36px;padding:0 12px;border-radius:10px;font-size:12px}.danger-text{border:0;background:transparent;color:#a44d4d;font-size:12px;padding:6px}.count-pill{background:#eef4fb;color:#316399;border:1px solid #d9e7f6;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:750}.empty-state{padding:18px;border:1px dashed #d6dce4;border-radius:12px;color:#8c939d;text-align:center;font-size:12px}.inline-message{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #d9e8c9;background:#f2f8e9;color:#4c712f;border-radius:12px;padding:10px 12px;font-size:12px}.inline-message button{border:0;background:transparent;color:inherit;display:grid;place-items:center}.studio-shell{min-height:100vh;background:#f4f6f9}.studio-topbar{height:70px;background:#fffffff2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #e2e7ed;display:grid;grid-template-columns:minmax(210px,1fr) minmax(260px,430px) minmax(420px,1fr);align-items:center;padding:0 24px;position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark,.brand-logo{width:38px;height:38px;border-radius:12px;flex:0 0 auto}.brand-mark{background:linear-gradient(145deg,#4e89cf,#235890);color:#fff;display:grid;place-items:center;box-shadow:0 7px 17px #2f69b038}.brand-logo{object-fit:cover;border:1px solid #dfe4e9}.brand>div:last-child{display:flex;flex-direction:column;min-width:0}.brand strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand span{font-size:11px;color:#7e858f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-search{height:38px;border:1px solid #dfe4ea;background:#f7f9fb;border-radius:11px;display:flex;align-items:center;padding:0 11px;gap:8px;color:#8a929c}.studio-search:focus-within{border-color:#8fb1d7;background:#fff;box-shadow:0 0 0 3px #2f69b014}.studio-search input{border:0;outline:0;background:transparent;width:100%;color:#30353c;font-size:12px}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.save-state{display:flex;align-items:center;gap:7px;font-size:11px;color:#777f89;margin-right:3px}.save-state i{width:7px;height:7px;border-radius:50%;background:#66a142;box-shadow:0 0 0 4px #eff6e8}.studio-body{display:grid;grid-template-columns:190px minmax(560px,1fr) var(--preview-width,470px);min-height:calc(100vh - 70px)}.studio-nav{background:#fff;border-right:1px solid #e3e8ee;padding:16px 12px;position:sticky;top:70px;height:calc(100vh - 70px);display:flex;flex-direction:column;z-index:20;transition:width .2s}.studio-nav>button{border:0;background:transparent;height:42px;border-radius:11px;padding:0 11px;display:flex;align-items:center;gap:10px;color:#626a75;font-size:12px;font-weight:680;text-align:left;margin:1px 0;position:relative}.studio-nav>button:hover{background:#f5f7fa;color:#313741}.studio-nav>button.active{background:#edf4fc;color:#2f69b0}.studio-nav .nav-collapse{color:#9299a3;font-size:10px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px}.studio-nav .error-dot{width:7px;height:7px;border-radius:50%;background:#c65b5b;margin-left:auto}.nav-no-match{font-size:11px;color:#969da6;padding:12px}.nav-bottom{margin-top:auto;display:flex;flex-direction:column;gap:9px;color:#9aa1aa;font-size:10px}.shortcut-tip{padding:10px;background:#f7f9fb;border-radius:10px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 7px}.shortcut-tip kbd{font:9px ui-monospace,monospace;background:#fff;border:1px solid #dfe4e9;border-bottom-width:2px;border-radius:5px;padding:2px 4px;color:#68717c}.nav-collapsed .studio-body{grid-template-columns:64px minmax(560px,1fr) var(--preview-width,470px)}.nav-collapsed .studio-nav>button span,.nav-collapsed .nav-bottom,.nav-collapsed .nav-no-match{display:none}.nav-collapsed .studio-nav>button{justify-content:center;padding:0}.nav-collapsed .studio-nav .nav-collapse{margin-bottom:8px}.editor-pane{min-width:0;background:#f5f7fa}.editor-inner{max-width:800px;margin:0 auto;padding:42px 34px 80px}.panel-flow{display:flex;flex-direction:column;gap:18px}.editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:4px}.editor-heading>div:first-child{min-width:0}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#2f69b0;font-weight:850}.editor-heading h2{font-size:28px;line-height:1.15;margin:6px 0 8px;color:#21262d;letter-spacing:-.025em}.editor-heading p{margin:0;max-width:620px;color:#7b838e;font-size:13px;line-height:1.55}.editor-heading-aside{padding-top:22px}.panel-card{background:#fff;border:1px solid #e3e8ee;border-radius:18px;padding:20px;box-shadow:0 1px 1px #141e3205}.panel-card-title{display:flex;gap:11px;align-items:flex-start;margin-bottom:17px}.panel-card-title>div:nth-child(2){min-width:0;flex:1}.panel-card-title h3{font-size:14px;margin:1px 0 4px}.panel-card-title p{font-size:11px;color:#848b95;margin:0;line-height:1.45}.panel-card-action{margin-left:auto;flex:0 0 auto}.soft-icon{width:34px;height:34px;border-radius:10px;background:#edf4fb;color:#2f69b0;display:grid;place-items:center;flex:0 0 auto}.control-grid{display:grid;gap:14px}.control-grid.two{grid-template-columns:1fr 1fr}.control-grid.three{grid-template-columns:repeat(3,1fr)}.control{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;min-width:0}.control-label{font-size:10px;font-weight:760;color:#626a75}.control input:not([type=range]),.control select,.section-toolbar input,.preset-save input,.nav-config-row>input,.translation-grid input{width:100%;height:42px;border:1px solid #dbe2e9;border-radius:10px;background:#fff;color:#282d34;padding:0 12px;outline:none;transition:.15s}.control input:focus,.control select:focus,.section-toolbar input:focus,.preset-save input:focus,.translation-grid input:focus{border-color:#86acd7;box-shadow:0 0 0 3px #2f69b014}.control.has-error input{border-color:#ce7777}.error-text{font-size:10px;color:#ac4d4d}.toggle-row{min-height:56px;padding:12px 0;display:flex;align-items:center;gap:15px;border-top:1px solid #edf0f3;position:relative}.toggle-row>span:first-child{display:flex;flex-direction:column;gap:3px;flex:1}.toggle-row strong{font-size:12px;color:#363c44}.toggle-row small{font-size:10px;color:#8a9099;line-height:1.35;max-width:520px}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.switch{width:42px;height:24px;border-radius:999px;background:#d7dce2;position:relative;transition:.2s}.switch:before{content:"";width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;left:3px;top:3px;box-shadow:0 1px 3px #0000002e;transition:.2s}.toggle-row input:checked+.switch{background:#2f69b0}.toggle-row input:checked+.switch:before{transform:translate(18px)}.selection-banner{display:flex;align-items:center;gap:8px;background:#eef5fd;color:#45698f;border:1px solid #d9e7f5;border-radius:11px;padding:10px 12px;font-size:11px}.range-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:8px 0 14px}.range-grid label{display:flex;flex-direction:column;gap:7px}.range-grid label>span{display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:#6e7580}.range-grid input{accent-color:#2f69b0;width:100%}.segmented{background:#edf0f4;padding:3px;border-radius:10px;display:flex;width:max-content;margin-bottom:16px}.segmented button{border:0;background:transparent;height:31px;padding:0 11px;border-radius:8px;display:flex;align-items:center;gap:6px;color:#747c86;font-size:11px}.segmented button.active{background:#fff;color:#2f69b0;box-shadow:0 1px 3px #141e2817}.template-creator{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.template-creator .control{margin:0}.document-library{display:grid;grid-template-columns:1fr 1fr;gap:11px}.document-library-card{border:1px solid #e0e5eb;background:#fff;border-radius:15px;padding:13px;display:grid;grid-template-columns:28px 54px 1fr auto;gap:9px;align-items:center;text-align:left;position:relative;transition:.18s}.document-library-card:hover{border-color:#b8cce1;box-shadow:0 8px 20px #1e32460f;transform:translateY(-1px)}.document-library-card.active{border-color:#84add9;box-shadow:0 0 0 2px #2f69b014}.doc-order{font:10px ui-monospace,monospace;color:#a1a7af}.mini-art{width:54px;height:34px;border-radius:7px;box-shadow:inset 0 0 0 1px #1e32460f}.doc-library-copy{display:flex;flex-direction:column;min-width:0}.doc-library-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-library-copy small{font-size:9px;color:#8b929c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-library-card>svg{color:#2f69b0}.card-actions{position:absolute;right:8px;bottom:7px;display:flex;gap:3px;opacity:0;transition:.15s}.document-library-card:hover .card-actions{opacity:1}.card-actions span{width:25px;height:25px;border-radius:7px;background:#f4f6f9;display:grid;place-items:center;color:#717983}.card-actions span:last-child{color:#a85050}.preset-save{display:flex;gap:8px;margin-bottom:14px}.preset-save input{flex:1}.preset-list,.history-list{display:flex;flex-direction:column;border-top:1px solid #edf0f3}.preset-list>div,.history-list>div{display:flex;align-items:center;gap:7px;padding:10px 0;border-bottom:1px solid #edf0f3}.preset-list span,.history-list span{display:flex;flex-direction:column;flex:1}.preset-list strong,.history-list strong{font-size:11px}.preset-list small,.history-list small{font-size:9px;color:#9298a1}.preset-list button,.history-list button{border:0;background:#f5f7fa;color:#5c6672;border-radius:8px;padding:6px 8px;font-size:10px;display:flex;align-items:center;gap:5px}.preset-list .danger-text,.history-list .danger-text{background:#fff3f3;color:#a44d4d}.upload-box{border-top:1px solid #edf0f3;padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.upload-box>div:first-child{display:flex;flex-direction:column;gap:3px}.upload-box strong{font-size:12px}.upload-box small{font-size:10px;color:#8b929b;line-height:1.4}.upload-actions{display:flex;align-items:center;gap:7px}.upload-thumb{width:42px;height:42px;object-fit:cover;border:1px solid #dce3e9;border-radius:9px;background:#f1f4f7}.section-list{display:flex;flex-direction:column;gap:13px}.section-editor{padding:0;overflow:hidden}.section-toolbar{height:67px;padding:0 17px;display:grid;grid-template-columns:24px 32px 1fr auto auto;gap:8px;align-items:center;border-bottom:1px solid #edf0f3}.section-toolbar input{height:36px;font-size:11px}.section-toolbar>button:not(.icon-btn){width:32px;height:32px;border:1px solid #e0e5ea;background:#fff;color:#717983;border-radius:8px;display:grid;place-items:center}.drag-handle,.field-drag{color:#bdc3cb;cursor:grab}.fields-list{padding:4px 17px}.field-editor{display:grid;grid-template-columns:22px 1fr auto;gap:9px;padding:13px 0;border-bottom:1px solid #edf0f3}.field-editor:last-child{border-bottom:0}.field-drag{padding-top:23px}.field-grid{display:grid;grid-template-columns:minmax(120px,.85fr) minmax(190px,1.4fr);gap:10px}.field-grid .control{margin:0}.field-options{display:flex;align-items:end;gap:13px;margin-top:9px}.field-options .control{margin:0;width:135px}.field-options .control select{height:32px}.field-options>label:not(.control){height:32px;display:flex;align-items:center;gap:5px;font-size:10px;color:#707783}.field-options input{accent-color:#2f69b0}.field-actions{display:flex;flex-direction:column;gap:4px;padding-top:18px}.field-actions button{width:28px;height:28px;border:1px solid #e0e4e9;background:#fff;color:#747b85;border-radius:7px;display:grid;place-items:center}.field-actions button.danger{color:#a64b4b}.add-inline{margin:0 17px 16px;height:34px;padding:0 11px;border:1px dashed #cbd6e2;border-radius:9px;background:#f8fbfe;color:#4e7096;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:750}.add-section{align-self:flex-start}.color-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.color-control{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #edf0f3}.color-control>span{font-size:10px;font-weight:700;color:#626974}.color-control>div{display:flex;align-items:center;gap:7px}.color-control input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:30px;padding:0;border:1px solid #dfe4ea;border-radius:8px;background:transparent;overflow:hidden}.color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-control input[type=color]::-webkit-color-swatch{border:0}.color-control input:not([type=color]){width:78px;height:31px;border:1px solid #dfe4ea;border-radius:8px;padding:0 7px;font:9px ui-monospace,monospace;text-transform:uppercase}.color-control.stacked{flex-direction:column;align-items:flex-start}.color-control.stacked>div{width:100%}.color-control.stacked input:not([type=color]){flex:1}.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.profile-card{border:1px solid #dfe4ea;background:#fff;border-radius:13px;padding:13px;text-align:left;display:flex;flex-direction:column;gap:5px;color:#626b77}.profile-card.active{border-color:#8fb5df;background:#f4f8fd;color:#2f69b0;box-shadow:0 0 0 2px #2f69b00f}.profile-card strong{font-size:10px;color:inherit}.profile-card small{font-size:9px;opacity:.65}.nav-config-list{display:flex;flex-direction:column;gap:8px}.nav-config-row{display:grid;grid-template-columns:22px 1fr 130px 155px;gap:9px;align-items:center}.nav-config-row>span{font:10px ui-monospace;color:#9aa1aa}.nav-config-row .control{margin:0}.nav-config-row .control select{height:38px}.nav-config-row .control-label{display:none}.data-actions{display:flex;gap:8px;flex-wrap:wrap}.code-card{padding:0;overflow:hidden}.code-header{height:49px;border-bottom:1px solid #e5e9ed;padding:0 13px 0 16px;display:flex;align-items:center;justify-content:space-between}.code-header>span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:740;color:#515963}.json-editor{width:100%;height:480px;border:0;outline:0;resize:vertical;background:#fbfcfd;color:#313844;font:10px/1.58 ui-monospace,SFMono-Regular,Menlo,monospace;padding:16px}.validation-ok{display:flex;align-items:center;gap:7px;color:#4e752f;background:#f3f8ec;border:1px solid #dfeace;border-radius:10px;padding:10px;font-size:11px}.issue-list{display:flex;flex-direction:column;gap:6px}.issue-list>div{display:grid;grid-template-columns:220px 1fr;gap:8px;padding:8px 10px;border-radius:9px;font-size:10px}.issue-list .error{background:#fff1f1;color:#954848}.issue-list .warning{background:#fff8e9;color:#836217}.issue-list code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-result{display:grid;grid-template-columns:160px 1fr;gap:16px;margin-top:15px;padding-top:15px;border-top:1px solid #edf0f3}.share-result img{width:160px;height:160px;border:1px solid #e1e5e9;border-radius:10px}.share-result>div{display:flex;flex-direction:column;gap:7px}.share-result textarea{width:100%;height:120px;border:1px solid #dfe4ea;border-radius:10px;padding:10px;resize:none;font:9px/1.5 ui-monospace,monospace;color:#55606c}.share-result small{font-size:9px;color:#9097a0}.history-compare{display:flex;align-items:end;gap:10px;margin-bottom:12px}.history-compare .control{margin:0;flex:1}.diff-chip{background:#f4f6f9;border-radius:9px;padding:9px 10px;font-size:9px;color:#68717c}.branding-row{display:flex;align-items:center;gap:9px;margin-bottom:16px}.branding-row>img,.brand-placeholder{width:54px;height:54px;border-radius:14px}.branding-row>img{object-fit:cover;border:1px solid #dce3e9}.brand-placeholder{display:grid;place-items:center;background:#edf4fb;color:#2f69b0}.translation-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 13px;margin-bottom:15px}.translation-grid label{display:flex;flex-direction:column;gap:5px}.translation-grid span{font:9px ui-monospace;color:#848c96}.translation-grid input{height:37px;font-size:11px}.release-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.release-grid>div{padding:11px;border:1px solid #e4e8ed;border-radius:10px;background:#fafbfc;display:flex;flex-direction:column;gap:3px}.release-grid span{font-size:9px;color:#9298a1}.release-grid strong{font-size:12px}.ios-tip{display:flex;align-items:flex-start;gap:7px;margin-top:13px;padding:10px;background:#f5f8fb;border-radius:10px;color:#6f7883;font-size:10px;line-height:1.4}.preview-pane{background:#eef1f5;border-left:1px solid #dfe4ea;position:sticky;top:70px;height:calc(100vh - 70px);padding:16px;overflow:hidden;display:flex;flex-direction:column;z-index:25}.preview-header{height:38px;display:flex;align-items:flex-start;justify-content:space-between}.preview-header>div:first-child{display:flex;flex-direction:column;gap:2px}.preview-header strong{font-size:10px;color:#515963}.preview-header small{font-size:8px;color:#939aa4}.preview-header-actions{display:flex;gap:4px}.preview-header-actions button,.device-controls button{width:28px;height:28px;border:0;background:#e2e7ed;border-radius:8px;color:#6e7782;display:grid;place-items:center}.device-controls{height:36px;display:flex;align-items:center;gap:6px}.device-controls select{height:29px;border:1px solid #d6dce3;background:#fff;border-radius:8px;font-size:9px;color:#5f6873;padding:0 6px}.device-controls>label:not(.zoom-control){display:flex;align-items:center;gap:4px;font-size:8px;color:#737c86}.device-controls input[type=checkbox]{accent-color:#2f69b0}.zoom-control{margin-left:auto;display:flex;align-items:center;gap:5px}.zoom-control span{font-size:8px;color:#7b848e;width:29px;text-align:right}.zoom-control input{width:75px;accent-color:#2f69b0}.custom-device{display:flex;align-items:center;gap:5px;padding:3px 0}.custom-device input{width:65px;height:28px;border:1px solid #d6dce3;border-radius:7px;padding:0 6px;font-size:9px}.device-stage{flex:1;display:grid;place-items:center;min-height:0;overflow:hidden}.device-shell{background:#11161c;border-radius:46px;padding:9px;box-shadow:0 24px 50px #1b24302e,0 0 0 1px #0000001f;position:relative;transform-origin:center;transition:width .25s,height .25s,transform .18s}.device-shell.safe:before{content:"";position:absolute;top:14px;left:50%;transform:translate(-50%);width:70px;height:20px;border-radius:12px;background:#12171d;z-index:6}.device-camera{position:absolute;width:6px;height:6px;border-radius:50%;background:#28313a;top:21px;left:calc(50% + 23px);z-index:7}.device-screen{width:100%;height:100%;border-radius:38px;overflow:hidden;background:#fff}.preview-collapsed{position:sticky;top:70px;height:calc(100vh - 70px);background:#eef1f5;border-left:1px solid #dfe4ea;display:grid;place-items:start center;padding-top:17px}.preview-collapsed button{width:36px;height:36px;border:0;background:#fff;border-radius:10px;color:#2f69b0;box-shadow:0 2px 8px #141e2814}.preview-is-collapsed .studio-body{grid-template-columns:190px minmax(560px,1fr) 64px}.nav-collapsed.preview-is-collapsed .studio-body{grid-template-columns:64px minmax(560px,1fr) 64px}.fullscreen-preview{position:fixed;top:70px;right:0;bottom:0;left:0;width:100%;height:calc(100vh - 70px);z-index:100;border:0;padding:18px 26px}.fullscreen-preview .device-stage{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.55),transparent 60%)}.preview-fullscreen-mode .editor-pane,.preview-fullscreen-mode .studio-nav{filter:blur(1px);pointer-events:none}.identity-root{min-height:100vh;background:var(--canvas);color:var(--text);font-family:var(--font-family);font-size:calc(16px * var(--font-scale));font-weight:var(--body-weight);--content-width:480px}.identity-root.embedded{height:100%;min-height:0}.identity-page{min-height:100vh;max-width:var(--content-width);margin:0 auto;background:var(--canvas);position:relative;padding-bottom:calc(92px + env(safe-area-inset-bottom))}.embedded .identity-page{height:100%;min-height:0;overflow:auto;padding-bottom:86px}.present-topbar{height:74px;padding:12px 14px 0;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;position:sticky;top:0;z-index:12;background:color-mix(in srgb,var(--canvas) 93%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.present-topbar h1{font-size:1.08em;text-align:center;margin:0;font-weight:var(--heading-weight);letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.present-icon{width:42px;height:42px;border:0;background:transparent;color:var(--text);border-radius:12px;display:grid;place-items:center}.present-icon:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}.identity-content{padding:calc(17px * var(--spacing)) calc(22px * var(--spacing)) 28px}.document-switcher{height:24px;margin:-4px auto 7px;width:max-content;display:flex;align-items:center;gap:4px;color:var(--muted);font-size:.56em;opacity:.7}.document-switcher button{width:25px;height:25px;border:0;background:transparent;color:inherit;border-radius:7px;display:grid;place-items:center}.document-switcher>div{display:flex;gap:3px}.hero-document{display:flex;justify-content:center;margin:1px 0 calc(15px * var(--spacing));position:relative}.document-art,.document-image.custom{width:min(84%,326px);height:auto;aspect-ratio:1.624;border-radius:18px;display:block}.document-art{overflow:visible;filter:drop-shadow(0 10px 14px rgba(61,83,103,.09))}.document-image.custom{object-fit:cover;border:1px solid rgba(51,78,97,.08);box-shadow:0 10px 24px #1e283c1a}.demo-watermark{position:absolute;right:11%;bottom:10px;background:#ffffffc2;color:#5e6a75;border:1px solid rgba(255,255,255,.85);box-shadow:0 2px 7px #1e324614;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:4px 8px;font-size:.46em;letter-spacing:.11em;font-weight:800}.status-pill{width:max-content;max-width:96%;margin:0 auto;min-height:31px;padding:6px 12px;border:1px solid color-mix(in srgb,var(--status-color,var(--success)) 25%,transparent);background:var(--status-bg,var(--success-bg));border-radius:999px;color:var(--status-color,var(--success));display:flex;align-items:center;gap:7px;font-size:.7em;line-height:1.15;box-shadow:inset 0 1px #ffffff80}.status-warning{--status-color:var(--warning);--status-bg:var(--warning-bg)}.status-expired,.status-invalid{--status-color:var(--danger);--status-bg:var(--danger-bg)}.status-loading{--status-color:var(--muted);--status-bg:color-mix(in srgb,var(--surface) 80%,var(--canvas))}.status-loading svg{animation:statusPulse 1s ease-in-out infinite}.status-pill svg{flex:0 0 auto}.status-time{opacity:.84;white-space:nowrap}.portrait-wrap{display:flex;justify-content:center;margin:calc(28px * var(--spacing)) 0 calc(29px * var(--spacing))}.portrait-frame{width:112px;height:132px;border-radius:10px;background:#cfeafb;overflow:hidden;box-shadow:0 1px #ffffff80,0 5px 14px #294b6514;position:relative}.portrait-frame img,.portrait-frame svg{width:100%;height:100%;display:block}.portrait-frame img{transform-origin:center}.portrait-frame.shape-circle{width:112px;height:112px;border-radius:50%}.portrait-frame.shape-rounded{border-radius:24px}.cards-stack{display:flex;flex-direction:column;gap:calc(12px * var(--spacing));animation:contentIn .28s ease}.data-card{background:var(--surface);border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:var(--radius);padding:8px 18px;box-shadow:0 2px 6px #141e2d06;overflow:hidden}.shadow-none .data-card{box-shadow:none}.shadow-elevated .data-card{box-shadow:0 10px 26px #141e2d17}.data-card h3{font-size:.68em;color:var(--muted);font-weight:650;margin:10px 0 0}.data-row{min-height:calc(64px * var(--spacing));display:grid;grid-template-columns:minmax(96px,.8fr) minmax(130px,1.25fr);gap:14px;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--border) 76%,transparent)}.data-row:last-child{border-bottom:0}.data-row.multiline{align-items:start;padding:16px 0}.data-label{font-size:.82em;color:var(--muted);line-height:1.28}.data-value-wrap{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.data-value{font-size:.87em;text-align:right;color:var(--text);font-weight:500;line-height:1.42;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.data-value.empty{opacity:.45}.copy-btn{width:30px;height:32px;border:0;background:transparent;color:var(--accent);display:grid;place-items:center;border-radius:8px;flex:0 0 auto}.copy-btn:hover{background:color-mix(in srgb,var(--accent) 9%,transparent)}.verification-note{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:.63em;margin:18px 0 4px;opacity:.82;text-align:center}.verification-note svg{color:var(--success);flex:0 0 auto}.details-toggle{margin:14px auto 0;border:0;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--accent);height:38px;border-radius:999px;padding:0 14px;display:flex;align-items:center;gap:6px;font-size:.69em;font-weight:700;box-shadow:0 2px 10px #141e320d}.details-toggle.bottom{margin-top:2px}.details-toggle .flip{transform:rotate(180deg)}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translate(-50%);width:min(100%,var(--content-width));height:82px;padding:7px 18px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--nav-bg) 94%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent);display:grid;grid-template-columns:repeat(3,1fr);align-items:end}.embedded .bottom-nav{position:absolute}.nav-item{border:0;background:transparent;color:var(--nav-text);height:59px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.64em;position:relative}.nav-item.active{color:var(--accent);font-weight:750}.nav-item.primary-action{width:72px;height:72px;border-radius:50%;background:var(--accent);color:#fff;justify-self:center;margin-top:-27px;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 30%,transparent);font-weight:720}.nav-item span{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.floating-config{position:fixed;right:18px;top:18px;z-index:50;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 91%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text);height:38px;border-radius:11px;padding:0 12px;display:flex;align-items:center;gap:7px;font-size:11px;box-shadow:0 7px 20px #141e321a}.toast{position:fixed;left:50%;bottom:105px;transform:translate(-50%);z-index:90;background:#20262e;color:#fff;padding:9px 14px;border-radius:999px;font-size:11px;box-shadow:0 7px 20px #0000002e}.embedded .toast{position:absolute}.editor-selectable{cursor:pointer;outline:0 solid transparent;transition:outline .15s}.embedded .editor-selectable:hover{outline:2px solid color-mix(in srgb,var(--accent) 50%,transparent);outline-offset:3px;border-radius:8px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d121847;z-index:80;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .16s ease}.embedded .sheet-backdrop{position:absolute}.present-sheet{width:min(100%,var(--content-width));background:var(--surface);color:var(--text);border-radius:24px 24px 0 0;padding:16px 16px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -18px 45px #141e2d26;animation:sheetIn .24s cubic-bezier(.2,.8,.2,1)}.present-sheet header{height:40px;display:flex;align-items:center;justify-content:space-between}.present-sheet header strong{font-size:.9em}.present-sheet header button{width:34px;height:34px;border:0;background:color-mix(in srgb,var(--canvas) 75%,transparent);color:var(--text);border-radius:10px;display:grid;place-items:center}.sheet-documents{display:flex;flex-direction:column;gap:7px;margin:9px 0 14px}.sheet-documents>button{min-height:57px;border:1px solid var(--border);background:var(--surface);border-radius:13px;display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:9px;text-align:left;color:var(--text);padding:9px 11px}.sheet-documents>button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.doc-type-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.sheet-documents span:nth-child(2){display:flex;flex-direction:column}.sheet-documents strong{font-size:.75em}.sheet-documents small{font-size:.6em;color:var(--muted);margin-top:2px}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sheet-actions button{height:43px;border:0;border-radius:11px;background:color-mix(in srgb,var(--canvas) 75%,var(--surface));color:var(--text);display:flex;align-items:center;justify-content:center;gap:7px;font-size:.72em;font-weight:700}.network-banner{position:fixed;z-index:200;left:50%;top:8px;transform:translate(-50%);height:34px;border-radius:999px;padding:0 12px;display:flex;align-items:center;gap:7px;font-size:11px;box-shadow:0 5px 18px #141e281f}.network-banner.offline{background:#282e36;color:#fff}.network-banner.update{background:#edf5ff;color:#315f90;border:1px solid #d5e7fa}.network-banner button{border:0;background:#fff;color:inherit;border-radius:999px;padding:4px 8px;font-size:10px}.app-splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#f4f6f9;color:#333943}.splash-mark{width:50px;height:50px;border-radius:16px;background:linear-gradient(145deg,#4e89cf,#235890);color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px #2f69b033}.app-splash strong{font-size:16px;margin-top:5px}.app-splash span{font-size:11px;color:#89909a}.fatal-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px;text-align:center;background:#f6f7f9}.fatal-error strong{font-size:18px}.fatal-error code{max-width:600px;background:#fff;border:1px solid #e1e5ea;border-radius:10px;padding:12px;color:#a64c4c}.fatal-error button{height:40px;border:0;border-radius:10px;background:#2f69b0;color:#fff;padding:0 14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheetIn{0%{transform:translateY(35px);opacity:.7}to{transform:none;opacity:1}}@keyframes contentIn{0%{transform:translateY(5px);opacity:.75}to{transform:none;opacity:1}}@keyframes statusPulse{0%,to{opacity:.5}50%{opacity:1}}.motion-spring .hero-document{animation:springIn .45s cubic-bezier(.18,1.3,.35,1)}@keyframes springIn{0%{transform:scale(.94) translateY(8px);opacity:.6}to{transform:none;opacity:1}}.motion-none *{animation-duration:0s!important;transition-duration:0s!important}@media (max-width:1280px){.studio-body{grid-template-columns:176px minmax(510px,1fr) 410px}.nav-collapsed .studio-body{grid-template-columns:64px minmax(510px,1fr) 410px}.preview-pane{padding:13px}.editor-inner{padding-left:27px;padding-right:27px}.studio-topbar{grid-template-columns:210px minmax(220px,360px) 1fr}}@media (max-width:1100px){.studio-topbar{grid-template-columns:1fr minmax(220px,330px) auto}.save-state{display:none}.studio-body{grid-template-columns:165px 1fr}.preview-pane,.preview-collapsed{display:none}.editor-inner{max-width:860px}.nav-collapsed .studio-body,.preview-is-collapsed .studio-body,.nav-collapsed.preview-is-collapsed .studio-body{grid-template-columns:64px 1fr}}@media (max-width:800px){.studio-topbar{height:62px;grid-template-columns:1fr auto;padding:0 13px}.studio-search{display:none}.brand span,.topbar-actions .secondary-btn,.topbar-actions>.icon-btn{display:none}.studio-body,.nav-collapsed .studio-body,.preview-is-collapsed .studio-body,.nav-collapsed.preview-is-collapsed .studio-body{display:block}.studio-nav{position:sticky;top:62px;height:54px;z-index:35;display:flex;flex-direction:row;align-items:center;overflow-x:auto;padding:7px 8px;border-right:0;border-bottom:1px solid #e3e8ee}.studio-nav .nav-collapse,.nav-bottom{display:none}.studio-nav>button{min-width:max-content;height:38px;margin:0 2px;padding:0 9px}.studio-nav>button span,.nav-collapsed .studio-nav>button span{display:block}.editor-inner{padding:25px 13px 60px}.editor-heading h2{font-size:24px}.control-grid.two,.control-grid.three,.document-library,.profile-grid,.translation-grid,.release-grid{grid-template-columns:1fr 1fr}.range-grid,.field-editor{grid-template-columns:1fr}.field-drag{display:none}.field-grid{grid-template-columns:1fr}.field-actions{flex-direction:row;padding-top:0}.upload-box{align-items:flex-start;flex-direction:column}.upload-actions{width:100%}.nav-config-row{grid-template-columns:20px 1fr 110px 125px}.share-result{grid-template-columns:120px 1fr}.share-result img{width:120px;height:120px}.issue-list>div{grid-template-columns:1fr}.preview-fullscreen-mode .studio-nav{display:none}.fullscreen-preview{display:flex;top:62px;height:calc(100vh - 62px)}}@media (max-width:560px){.control-grid.two,.control-grid.three,.document-library,.profile-grid,.translation-grid,.release-grid,.template-creator{grid-template-columns:1fr}.template-creator .primary-btn{width:100%}.panel-card{padding:15px}.section-editor{padding:0}.section-toolbar{grid-template-columns:22px 32px 1fr auto auto;padding:0 10px}.fields-list{padding:4px 12px}.field-options{flex-wrap:wrap}.nav-config-row{grid-template-columns:18px 1fr}.nav-config-row .control{grid-column:2}.share-result{grid-template-columns:1fr}.history-compare{flex-direction:column;align-items:stretch}.data-actions{display:grid;grid-template-columns:1fr 1fr}.data-actions button{width:100%}.topbar-actions .primary-btn{height:36px}.studio-shell{min-width:0}.editor-heading{flex-direction:column;gap:3px}.editor-heading-aside{padding-top:0}.identity-root{--content-width:100vw}.identity-page{max-width:none}.identity-content{padding-left:18px;padding-right:18px}.present-topbar{height:69px}.document-art,.document-image.custom{width:min(88%,326px)}.status-pill{font-size:.67em}.portrait-wrap{margin:26px 0}.data-card{padding-left:15px;padding-right:15px}.data-row{grid-template-columns:minmax(90px,.85fr) minmax(120px,1.15fr);gap:10px}.bottom-nav{padding-left:12px;padding-right:12px}.floating-config span{display:none}.floating-config{width:40px;padding:0;justify-content:center;right:12px;top:12px}.network-banner{top:5px;max-width:94%;white-space:nowrap;overflow:hidden}.network-banner span{overflow:hidden;text-overflow:ellipsis}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.motion-spring .hero-document{animation:none}}.section-collapse{width:28px;height:28px;border:1px solid #e0e5ea;background:#fff;color:#717983;border-radius:8px;display:grid;place-items:center}.section-editor.collapsed .fields-list,.section-editor.collapsed .add-inline{display:none}.section-editor.collapsed .section-toolbar{border-bottom:0}.portrait-tools{display:flex;align-items:center;gap:10px;margin:-4px 0 14px;padding:9px 10px;border-radius:10px;background:#f7f9fc;color:#7d8590}.portrait-tools small{font-size:9px;line-height:1.35}.contrast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #edf0f3}.contrast-grid>div{border:1px solid #e3e8ee;border-radius:10px;padding:9px;display:flex;flex-direction:column;gap:2px}.contrast-grid span{font-size:9px;color:#7e8690}.contrast-grid strong{font-size:12px}.contrast-grid small{font-size:8px}.contrast-grid .pass strong,.contrast-grid .pass small{color:#527b36}.contrast-grid .fail strong,.contrast-grid .fail small{color:#a45151}.pane-width-control{display:flex;align-items:center;gap:4px;font-size:8px;color:#737c86}.pane-width-control span{width:34px}.pane-width-control input{width:55px;accent-color:#2f69b0}.copy-btn{width:40px;min-width:40px;height:40px}.portrait-tools .secondary-btn{flex:0 0 auto}@media (max-width:560px){.contrast-grid{grid-template-columns:1fr}.portrait-tools{align-items:flex-start;flex-direction:column}}.profile-summary{display:grid;grid-template-columns:82px 1fr;gap:14px;align-items:center;padding:10px 0 16px}.profile-summary .portrait-frame{width:82px;height:98px}.profile-summary .portrait-frame.shape-circle{width:82px;height:82px}.profile-summary>div:last-child{display:flex;flex-direction:column;gap:4px}.profile-summary strong{font-size:.9em}.profile-summary span{font-size:.68em;color:var(--muted)}.profile-summary small{font-size:.6em;color:var(--muted)}.profile-metadata{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-metadata>div{border:1px solid var(--border);border-radius:11px;padding:9px;display:flex;flex-direction:column;gap:3px}.profile-metadata span{font-size:.58em;color:var(--muted)}.profile-metadata strong{font-size:.68em;overflow-wrap:anywhere}.preset-name{height:28px;border:1px solid transparent;background:transparent;border-radius:7px;padding:0 5px;font-size:11px;font-weight:700;color:#333a42;max-width:220px}.preset-name:hover,.preset-name:focus{border-color:#dce3e9;background:#fff;outline:none}.device-shell.device-android{border-radius:34px;padding:8px}.device-shell.device-android .device-screen{border-radius:27px}.device-shell.device-android.safe:before{width:12px;height:12px;border-radius:50%;top:15px}.device-shell.device-android .device-camera{display:none}.device-shell.device-tablet{border-radius:28px;padding:10px}.device-shell.device-tablet .device-screen{border-radius:19px}.device-shell.device-tablet.safe:before{width:58px;height:7px;top:14px;border-radius:999px}.device-shell.device-tablet .device-camera{display:none}.device-shell.device-custom{border-radius:36px}.document-switcher{height:36px;margin:-8px auto 5px}.document-switcher button{width:36px;height:36px}.document-switcher>div{min-width:26px;justify-content:center}.present-topbar{grid-template-columns:44px 1fr 44px}.present-icon{width:44px;height:44px}.document-switcher{height:44px}.document-switcher button{width:44px;height:44px}.copy-btn{width:44px;min-width:44px;height:44px}.details-toggle{min-height:44px}.present-sheet header button{width:44px;height:44px}.sheet-actions button{min-height:44px}