.quick-page{max-width:1180px;margin:0 auto;padding:65px 28px 80px;color:#17203d}.quick-intro{max-width:720px;margin-bottom:36px}.quick-eyebrow{display:flex;align-items:center;gap:8px;color:#5365ed;font-size:11px;font-weight:700;letter-spacing:1.6px}.quick-intro h1{font-size:clamp(34px,4vw,48px);letter-spacing:-1.8px;line-height:1.3;margin:16px 0}.quick-intro h1 em{font-style:normal;color:#5365ed}.quick-intro p{font-size:15px;color:#707b92}.quick-facts{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;margin-top:22px;color:#627089}.quick-facts span{display:flex;gap:6px;align-items:center}.quick-facts svg{color:#398779}.quick-workbench{display:grid;grid-template-columns:320px minmax(0,1fr);border:1px solid #dde4f0;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 16px 50px #3447790a}.quick-controls{padding:25px;background:#f9faff;border-right:1px solid #e2e7f0}.quick-step{font-size:11px;font-weight:700;letter-spacing:1px;color:#7c869c}.quick-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:18px 0 24px}.quick-page button,.quick-page input,.quick-page select,.quick-page textarea{font:inherit}.quick-page button{cursor:pointer}.quick-page button:disabled{opacity:.5;cursor:not-allowed}.quick-modes button{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid #dfe4ef;border-radius:9px;background:#fff;padding:12px 3px;font-size:11px;color:#758199}.quick-modes button[aria-pressed=true]{color:#4b5edb;border-color:#a7b2f3;background:#eef1ff}.quick-form,.quick-form fieldset,.quick-settings{display:flex;flex-direction:column;gap:16px}.quick-form fieldset{margin:0;padding:0;border:0;min-width:0}.quick-page label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:#44516c}.quick-page label small{font-weight:400;color:#8690a5}.quick-page input:not([type=color]):not([type=range]):not([type=checkbox]),.quick-page select,.quick-page textarea{width:100%;border:1px solid #dce2ed;border-radius:8px;padding:10px;background:white;color:#17203d;min-width:0;font-size:13px}.quick-page textarea{resize:vertical;line-height:1.6}.quick-page :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #8290ef;outline-offset:3px}.quick-colors{display:flex;gap:12px}.quick-colors label{flex:1}.quick-page input[type=color]{width:100%;height:36px;border:1px solid #dce2ed;border-radius:7px;background:white;padding:3px}.quick-page input[type=range]{width:100%;accent-color:#5365ed}.quick-primary{background:#5365ed!important;border:1px solid #5365ed!important;color:#fff!important;border-radius:9px;padding:13px 16px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px!important;font-weight:600!important}.quick-form>small,.quick-preview-panel>small{font-size:11px;color:#7c869c;line-height:1.7}.quick-settings{border-top:1px solid #e0e6ef;margin-top:24px;padding-top:24px}.quick-settings .quick-step{margin-bottom:4px}.quick-page .quick-check{flex-direction:row;align-items:center;gap:8px}.quick-check input{accent-color:#5365ed}.quick-drop{min-height:170px;border:1px dashed #bbc6df;border-radius:10px;padding:20px;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#5365ed}.quick-drop b{font-size:13px}.quick-drop span{font-size:10px;color:#7c869c}.quick-results{padding:25px;min-width:0}.quick-result-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:18px;font-size:11px;color:#8993a5}.quick-canvas{height:310px;border:1px solid #e9edf5;border-radius:12px;background-color:#fbfcff;background-image:radial-gradient(#dfe5f1 .8px,transparent 0);background-size:16px 16px;display:flex;align-items:center;justify-content:center;padding:26px}.quick-canvas>img{max-width:100%;height:100%;object-fit:contain}.quick-canvas .quick-icon-large{width:180px;height:180px}.quick-empty{display:flex;flex-direction:column;align-items:center;text-align:center;color:#5365ed;padding:18px}.quick-empty h2{color:#46516c;font-size:18px;margin:20px 0 10px}.quick-empty p{font-size:12px;color:#8993a5;margin:0}.quick-concepts{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.quick-concepts button{background:white;border:1px solid #dfe4ef;border-radius:9px;padding:8px;color:#7c869c;font-size:10px}.quick-concepts button[aria-pressed=true]{border-color:#5365ed;background:#f6f7ff;color:#5365ed}.quick-concepts img{display:block;height:52px;width:100%;object-fit:contain;margin-bottom:6px}.quick-logo-edit{display:flex;gap:12px;margin-top:16px}.quick-logo-edit label{flex:1}.quick-preview-panel{margin:26px 0 20px}.quick-preview-panel h2{font-size:14px;font-weight:600;margin:0 0 14px}.quick-tab-preview{display:flex;align-items:center;gap:5px;background:#f1f3f9;padding:10px 12px 0;border:1px solid #e5e9f3;border-radius:9px 9px 0 0}.quick-tab-preview>i{width:6px;height:6px;border-radius:50%;background:#c9d0df}.quick-tab-preview>div{display:flex;align-items:center;gap:9px;margin-left:12px;padding:10px 12px;border-radius:7px 7px 0 0;background:#fff;font-size:11px;min-width:0}.quick-tab-preview img{flex:none}.quick-tab-preview span:first-of-type{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-sizes{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #e5e9f3;border-top:0;border-radius:0 0 9px 9px;padding:10px 3px;margin-bottom:10px;gap:4px}.quick-sizes>div{text-align:center;min-width:0}.quick-sizes>div>div{height:70px;display:flex;align-items:center;justify-content:center}.quick-sizes b{display:block;font-size:10px;color:#55617d}.quick-sizes small{font-size:9px;color:#939caf}.quick-downloads{display:flex;flex-wrap:wrap;gap:8px}.quick-downloads>button:not(.quick-primary){display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dbe2ef;border-radius:9px;padding:12px;background:white;color:#53617d;font-size:12px}.quick-downloads .quick-primary{flex:1}.quick-package-note{font-size:10px;line-height:1.7;color:#8993a5}.quick-status p{font-size:12px;line-height:1.7}.quick-status .quick-error{color:#ae3346;background:#fff3f3;padding:10px;border-radius:8px}.quick-install button,.quick-status a,.quick-status button{display:inline-flex;align-items:center;gap:5px;background:none;color:#5365ed;border:0;font-size:12px;padding:6px 0}.quick-status button{display:block}.quick-install{margin-top:18px;padding:14px 0;border-top:1px solid #e4e9f2}.quick-install summary{font-size:12px;cursor:pointer;font-weight:600}.quick-install p{font-size:11px;color:#7c869c;line-height:1.7}.quick-install pre{font-size:10px;overflow:auto;padding:14px;border-radius:8px;background:#f6f8fc;line-height:1.8}.quick-continue{margin-top:22px;border-top:1px solid #e4e9f2;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.quick-continue b{font-size:12px}.quick-continue p{font-size:11px;color:#7c869c;line-height:1.7;margin:6px 0 0;max-width:380px}.quick-continue a{display:flex;align-items:center;gap:5px;color:#5365ed;font-size:12px;font-weight:600;white-space:nowrap}.quick-faq{max-width:820px;margin:38px auto 0}.quick-faq details{padding:17px 0;border-bottom:1px solid #e4e9f2}.quick-faq summary{font-size:13px;cursor:pointer;font-weight:600}.quick-faq p{font-size:12px;line-height:1.8;color:#7c869c}.quick-spin{animation:quick-spin 1s linear infinite}@keyframes quick-spin{to{transform:rotate(1turn)}}@media(max-width:850px){.quick-workbench{grid-template-columns:280px minmax(0,1fr)}.quick-controls,.quick-results{padding:20px}.quick-sizes{grid-template-columns:repeat(3,1fr)}.quick-continue{align-items:flex-start;flex-direction:column}.quick-intro h1{letter-spacing:-1px}}@media(max-width:650px){.quick-page{padding:36px 16px 55px}.quick-workbench{grid-template-columns:1fr}.quick-controls{border-right:0;border-bottom:1px solid #e2e7f0}.quick-canvas{height:260px}.quick-intro h1{font-size:32px}.quick-facts{gap:10px;font-size:10px}.quick-results{padding:18px}.quick-downloads .quick-primary{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.quick-spin{animation:none}}