.sandbox{display:grid;grid-template-columns:subgrid;grid-column:1 / 4;grid-row:1;align-items:center;background-color:#000e2b;width:100%;height:80px;.actions{grid-column:3;padding:6px 24px 6px 6px;display:flex;gap:16px;flex-shrink:0;min-width:fit-content;justify-self:end;& button{font-family:EuclidCircularA;font-weight:600;transition:all .2s ease}& button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0003}.demo-btn{background-color:#deefff;color:#112576;font-family:EuclidCircularA,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:14px;line-height:150%;padding:8px 19px;border-radius:7px;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-display:swap}.demo-btn:hover{background-color:#c5e2ff;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.trial-btn{background:linear-gradient(90deg,#6783ef,#9581f3);color:#fff;font-family:EuclidCircularA,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;padding:8px 19px;font-size:14px;line-height:150%;border-radius:7px;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-display:swap}.trial-btn:hover{background:linear-gradient(90deg,#5a74e8,#8a75ed);transform:translateY(-1px);box-shadow:0 4px 8px #6783ef40}}.logo__block{grid-column:1;display:flex;align-items:center;padding:6px 6px 6px 24px;flex-shrink:0;justify-self:start;.title{font-family:EuclidCircularA,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#a4c2f4;font-weight:500;font-size:14px;line-height:.8em;margin:0;letter-spacing:-.02em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.logo{background:url("data:image/svg+xml,%3csvg%20width='187'%20height='33'%20viewBox='0%200%20187%2033'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.69011%2018.3056H13.4298V23.0441H0V0.430664H13.4298V5.16916H4.69011V18.3056ZM10.6602%2013.9982V9.25977H24.0886V31.8732H10.6602V27.1347H19.3998V13.9982H10.6602Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M50.9414%2024.9818V0.429688H52.6459V8.93731C54.7356%207.62299%2056.9099%206.95582%2059.1054%206.95582C63.4541%206.95582%2065.6496%209.19538%2065.6496%2013.6959V24.9818H63.859V12.9645C63.859%2010.035%2062.2379%208.59237%2059.0194%208.59237C56.8662%208.59237%2054.7356%209.36785%2052.6459%2010.8961V24.9818H50.9414ZM33.8905%2024.2045V22.481C35.8729%2023.1709%2037.7694%2023.5146%2039.6883%2023.5146C43.4613%2023.5146%2045.3365%2022.3086%2045.3365%2019.8965C45.3365%2017.9364%2043.9509%2016.9684%2041.1586%2016.9684H38.8783C35.1265%2016.9684%2033.25%2015.3532%2033.25%2012.1443C33.25%208.69743%2035.7446%206.97528%2040.7112%206.97528C42.6302%206.97528%2044.4843%207.25472%2046.4879%207.83636V9.55978C44.5054%208.8699%2042.6302%208.52496%2040.7112%208.52496C36.9383%208.52496%2035.0405%209.73098%2035.0405%2012.1443C35.0405%2014.2114%2036.3202%2015.2449%2038.8783%2015.2449H41.1586C45.1446%2015.2449%2047.1271%2016.7959%2047.1271%2019.8965C47.1271%2023.3421%2044.655%2025.0655%2039.6883%2025.0655C37.7694%2025.0869%2035.8941%2024.7861%2033.8905%2024.2045ZM69.3594%2016.0199C69.3594%209.86008%2072.1517%206.80225%2077.7151%206.80225C83.3004%206.80225%2086.0715%209.88151%2086.0715%2016.0199C86.0715%2022.1569%2083.2792%2025.2374%2077.7151%2025.2374C72.1729%2025.2374%2069.3806%2022.1569%2069.3594%2016.0199ZM77.7372%2023.6904C82.1278%2023.6904%2084.3023%2021.1059%2084.3023%2015.9369C84.3023%2010.8762%2082.1073%208.33447%2077.7372%208.33447C73.3458%208.33447%2071.172%2010.8762%2071.172%2015.9369C71.1508%2021.1273%2073.3458%2023.6904%2077.7372%2023.6904ZM89.7382%2024.9791V6.88887H91.0164L91.3366%209.9694C93.1272%207.96648%2095.1306%206.97574%2097.3475%206.97574V8.41839C95.2168%208.41839%2093.2976%209.47336%2091.6356%2011.5845V24.9791H89.7382ZM102.741%204.09229H101.484V20.201C101.484%2023.4527%20102.934%2025.0893%20105.855%2025.0893H108.497V23.5396H105.812C104.085%2023.5396%20103.168%2022.3336%20103.168%2019.9644V8.61415H108.497V6.89207H103.062L102.741%204.09229Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M150.914%200H154.751V3.87609H150.914V0ZM119.408%206.6314C116.872%206.6314%20114.378%206.88947%20111.99%207.38551L111.691%207.44967V32.0875H115.593V24.7858C116.808%2025.2391%20118.087%2025.4758%20119.366%2025.4758C125.355%2025.4758%20128.382%2022.1585%20128.382%2015.6124C128.382%209.64643%20125.377%206.6314%20119.408%206.6314ZM115.594%2010.404C116.68%2010.1888%20117.96%2010.0591%20119.388%2010.0591C122.863%2010.0591%20124.546%2011.8681%20124.546%2015.5731C124.546%2019.8583%20122.842%2021.9467%20119.367%2021.9467C118.002%2021.9467%20116.723%2021.6887%20115.615%2021.1499V10.404H115.594ZM139.061%206.63135C133.156%206.63135%20130.172%209.79748%20130.172%2016.0428C130.193%2022.2668%20133.178%2025.4329%20139.061%2025.4329C144.966%2025.4329%20147.951%2022.2668%20147.951%2016.0428C147.951%209.79748%20144.945%206.63135%20139.061%206.63135ZM139.062%2022.1194C135.716%2022.1194%20134.074%2020.1165%20134.074%2015.9823C134.074%2011.9538%20135.716%209.97363%20139.062%209.97363C142.409%209.97363%20144.05%2011.9324%20144.05%2015.9823C144.05%2020.1165%20142.409%2022.1194%20139.062%2022.1194ZM154.751%206.6748H150.914V25.4121H154.751V6.6748ZM167.728%206.63135C165.64%206.63135%20163.7%207.31995%20161.931%208.65564L161.441%206.67415H158.648V25.4116H162.635V12.1226C164.148%2010.7442%20165.661%2010.0556%20167.303%2010.0556C169.755%2010.0556%20170.948%2011.2188%20170.948%2013.695V25.4116H174.785V13.7378C174.785%209.02201%20172.418%206.63135%20167.728%206.63135ZM186.513%206.67766V9.90796H182.229V19.9665C182.229%2021.452%20182.718%2022.1192%20183.955%2022.1192H186.513V25.415H183.145C179.968%2025.415%20178.285%2023.6488%20178.285%2020.2246V3.6626H180.928L181.61%206.67766H186.513Z'%20fill='white'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:left center;height:32px;width:186px;margin-right:10px;flex-shrink:0;display:flex;align-items:center;position:relative}.uploaded-logo-preview{max-width:100%;max-height:100%;object-fit:contain;position:absolute;inset:0;background-color:#ffffffe6;border-radius:4px;padding:2px}}}.logo-upload{grid-column:2;justify-self:start;display:flex;align-items:center;gap:12px;flex-shrink:0;background-color:#112576;border:1px solid #3161d1;border-radius:8px;padding:6px 11px;cursor:pointer;transition:all .2s ease}.logo-upload:hover{background-color:#1a2f87;border-color:#4a7bf7}.logo-upload-label{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:14px;line-height:1.25;letter-spacing:-.02em;color:#a4c2f4;white-space:nowrap}.logo-upload-area{background-color:#ffffff25;width:37px;height:37px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s ease}.logo-upload-area:hover{background-color:#a1c2f41a;border-color:#4a7bf7}.logo-upload-svg{width:26px;height:22px;opacity:.8;transition:opacity .2s ease}.logo-upload-area:hover .logo-upload-svg{opacity:1}.logo-preview-image{width:100%;height:100%;object-fit:contain;border-radius:5px}.logo-upload-container{position:relative;display:flex;flex-direction:column;align-items:flex-start;margin:0 auto}.logo-upload-container:before,.logo-upload-container:after{display:none}.upload-dialog{background-color:#000d2c;border-radius:12px;padding:18px;width:455px;min-height:191px;box-sizing:border-box;overflow:visible;box-shadow:0 4px 16px #0000004d;position:absolute;top:100%;right:0;z-index:1000;margin-top:2px}.upload-dialog:before,.upload-dialog:after{display:none}.upload-area{display:flex;align-items:center;gap:16px;margin-bottom:20px}.upload-area.has-logo{flex-direction:column;align-items:stretch}.upload-controls{margin-top:0;flex:1;display:flex;flex-direction:column;gap:14px;align-items:flex-start;justify-content:center}.upload-area.has-logo .upload-controls{align-items:flex-start}.upload-controls .checkbox-option{align-self:flex-start}.upload-preview{width:88px;height:88px;background-color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;border:2px dashed #c1c1c1;flex-shrink:0;cursor:pointer;transition:all .2s ease;position:relative}.upload-preview:hover{border-color:#a4c2f4;background-color:#f8fbff}.upload-preview.drag-active{border-color:#3161d1;background-color:#e8f4fd;border-style:solid;transform:scale(1.02)}.upload-placeholder-large{width:60px;height:48px;display:flex;align-items:center;justify-content:center;opacity:.6}.upload-placeholder-large .logo-upload-svg{width:54px;height:46px;opacity:1}.drag-overlay{position:absolute;inset:0;background-color:#3161d1e6;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:14px;text-align:center;z-index:10}.uploaded-logo-card{display:flex;width:100%;max-width:410px;height:88px;background-color:#fff;border-radius:4px;overflow:hidden;border:none}.logo-preview-section{width:88px;height:88px;background-color:#ffd260;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.uploaded-logo-image{max-width:70px;max-height:70px;object-fit:contain;z-index:2;position:relative;background:transparent}.logo-info-section{flex:1;position:relative;display:flex;align-items:center;padding:0;background-color:#8da9d8}.logo-background-bar{position:absolute;inset:0;background-color:#3161d1;z-index:1}.logo-filename{position:relative;z-index:2;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:16px;line-height:1.375em;color:#fff;margin-left:12px;flex:1}.logo-info .delete-logo-btn{background:none;border:none;cursor:pointer;padding:2px;transition:opacity .2s ease}.delete-logo-btn{cursor:pointer;padding:4px;margin-left:10px;transition:opacity .2s ease}.delete-logo-btn:hover:not(:disabled){opacity:.8}.delete-logo-btn:disabled{opacity:.5;cursor:not-allowed}.delete-logo-btn img{width:18px;height:23px;display:block}.uploaded-image-display{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:6px}.file-input{display:none}.choose-file-btn{background-color:transparent;border:2px solid #deefff;border-radius:8px;color:#deefff;font-family:EuclidCircularA,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:16px;padding:12px 24px;cursor:pointer;transition:all .2s ease;text-align:center;display:inline-block}.choose-file-btn:hover:not(:disabled){background-color:#deefff1a;border-color:#fff;color:#fff}.choose-file-btn:disabled{opacity:.5;cursor:not-allowed}.checkbox-option{display:none;align-items:center;gap:6px;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:14px;color:#a4c2f4;line-height:1.4}.checkbox-label{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:12px;color:#fff}.checkbox-option input[type=checkbox]{display:none}.custom-checkbox{width:20px;height:20px;background-color:transparent;border:2px solid #a4c2f4;border-radius:4px;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.checkbox-option:hover .custom-checkbox{border-color:#fff;background-color:#a4c2f41a}.checkbox-option input[type=checkbox]:checked+.custom-checkbox{background-color:#a4c2f4;border-color:#a4c2f4}.checkbox-option input[type=checkbox]:checked+.custom-checkbox:before{content:"✓";color:#1c2b5a;font-size:14px;font-weight:700;line-height:1}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.save-btn{background-color:transparent;border:2px solid #deefff;border-radius:8px;color:#deefff;font-family:EuclidCircularA,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:16px;padding:12px 32px;cursor:pointer;transition:all .2s ease}.cancel-btn,.save-btn{background-color:transparent;border:2px solid #deefff;border-radius:8px;color:#deefff;font-family:EuclidCircularA,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:16px;padding:12px 24px;cursor:pointer;transition:all .2s ease;min-width:80px}.save-btn{background-color:#deefff;border-color:#deefff;color:#112576}.cancel-btn:hover:not(:disabled),.save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #deefff33}.cancel-btn:hover:not(:disabled){background-color:#deefff1a;border-color:#fff;color:#fff}.save-btn:hover:not(:disabled){background-color:#c5e2ff;border-color:#c5e2ff}.cancel-btn:disabled,.save-btn:disabled{opacity:.5;cursor:not-allowed}.upload-loading,.upload-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:14px;z-index:10}.upload-loading{background-color:#3161d1e6;color:#fff}.upload-error{background-color:#ff6b6be6;color:#fff}.logo-info{width:100%;flex:1;display:flex;justify-content:space-between;align-items:center;border-radius:4px;position:relative}.logo-name{width:100%;padding:8px;max-width:263px;border-radius:4px;background-color:#3161d1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo-size{font-size:12px;color:#8da9d8}