:root{--blue:#1a29de;--cyan:#00fcff;--yellow:#ffc92a;--ink:#122050;--muted:#73809c}*{box-sizing:border-box}body{margin:0;background:var(--blue);color:#fff;font:14px Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}[hidden]{display:none!important}button{touch-action:manipulation}.wrap{max-width:1130px;margin:auto;padding:24px 28px 0}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 22px;border-bottom:1px solid #ffffff26}.logo{width:280px;display:flex;align-items:center;text-decoration:none}.logo img{width:100%;height:auto;display:block;object-fit:contain}.region{font-size:10px;color:var(--cyan);letter-spacing:2px;font-weight:bold}.hero{padding:43px 0 32px;display:flex;justify-content:space-between;gap:25px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--cyan);font-weight:bold;margin-bottom:13px}h1{font-size:47px;letter-spacing:-1.8px;line-height:1.08;margin:0 0 17px;max-width:720px}h1 em{color:var(--cyan);font-style:normal}.hero p{color:#d4dcff;line-height:1.75;max-width:570px;font-size:15px;margin:0}.hero-brand{width:165px;flex:0 0 165px}.hero-brand img{display:block;width:100%;height:auto}.chooser{display:grid;grid-template-columns:1fr 1fr;gap:26px}.choice{background:#fff;border-radius:17px;padding:18px;color:var(--ink);text-align:left;border:2px solid transparent;transition:transform .2s,box-shadow .2s;box-shadow:0 13px 35px #080d791a;display:flex;flex-direction:column}.choice:hover{transform:translateY(-4px);box-shadow:0 18px 45px #080d7940;border-color:var(--cyan)}.choice-visual{height:290px;border-radius:10px;background:#e8edff;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.choice-visual.feed{background:#e6f3ff}.choice-visual.profile{background:radial-gradient(circle at 70% 10%,#ddffff,#ecf0ff)}.choice-visual canvas{height:254px;width:auto;display:block;box-shadow:0 7px 22px #0c26822b}.choice-visual.profile canvas{box-shadow:none;height:257px}.format{position:absolute;top:12px;left:12px;background:#fff;padding:6px 9px;border-radius:20px;font-size:10px;font-weight:bold;color:#44527a}.choice-text{padding:22px 8px 9px;display:flex;justify-content:space-between;align-items:start;gap:16px}.choice-text h2{font-size:23px;letter-spacing:-.7px;margin:0 0 9px}.choice-text p{font-size:13px;line-height:1.7;margin:0;color:#77819a;max-width:350px}.arrow{background:var(--yellow);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:23px;flex-shrink:0;margin-top:4px}.choice-tag{font-size:10px;color:#2849b0;font-weight:bold;letter-spacing:1px;display:block;margin-bottom:9px}.bottom-line{font-size:12px;color:#c7d5ff;text-align:center;margin:25px 0 0;line-height:1.7}.bottom-line b{color:#fff}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0}.back{border:1px solid #ffffff42;border-radius:8px;background:transparent;color:white;padding:10px 14px;font-size:12px}.mode-pill{font-size:11px;letter-spacing:1px;color:var(--cyan);font-weight:bold}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,450px);gap:32px;align-items:start}.panel{background:#fff;border-radius:16px;padding:28px;color:var(--ink)}.steps{display:flex;gap:7px;margin-bottom:27px}.step{flex:1;border-bottom:3px solid #e8edf6;color:#8892a8;font-size:10px;font-weight:bold;padding:0 0 12px;letter-spacing:.4px}.step.on{color:var(--blue);border-color:var(--blue)}h2{font-size:24px;letter-spacing:-.7px;margin:0 0 10px}.panel p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.upload{margin:24px 0 10px;padding:29px 15px;border:1.5px dashed #62dce8;background:#f2fdff;border-radius:11px;display:block;text-align:center;cursor:pointer}.upload:hover,.upload.drag{background:#e4fbff;border-color:var(--blue)}.upload strong{display:block;color:var(--blue);font-size:14px;margin:10px 0 8px}.upload span{color:#7c889f;font-size:11px}.upload-icon{color:var(--blue);font-size:30px}.file-input{position:absolute;width:1px;height:1px;opacity:0}.status{font-size:12px;line-height:1.7;color:#3150b2;min-height:40px;padding-top:4px;overflow-wrap:anywhere}.status.error{color:#b63842}.progress{height:4px;background:#e8edff;overflow:hidden;border-radius:20px;margin:7px 0 15px}.progress div{height:100%;width:30%;background:var(--blue);animation:load 1.4s infinite}@keyframes load{from{transform:translateX(-100%)}to{transform:translateX(430%)}}.info{background:#f5f7fc;border-radius:10px;padding:15px;margin:18px 0}.info strong{font-size:12px;display:block;margin-bottom:7px}.info p{font-size:11px;line-height:1.7}.primary,.secondary{border:0;border-radius:9px;padding:14px 18px;font-weight:bold;display:flex;align-items:center;justify-content:center;gap:8px}.primary{background:var(--yellow);color:#111d63;min-height:48px;width:100%;font-size:14px}.primary:hover:enabled{background:#ffda58}.secondary{border:1px solid #dfe5ef;color:var(--blue);background:#fff;font-size:12px}.download-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:11px}.fine{font-size:10px!important;text-align:center;margin-top:15px!important;color:#8994a9!important}.canvas-shell{padding:11px;border-radius:15px;background:#ffffff12;border:1px solid #ffffff33;position:relative}.canvas-shell canvas{display:block;width:100%;height:auto;border-radius:8px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}.canvas-shell canvas:active{cursor:grabbing}.canvas-shell.profile{background-color:#dce4fc;background-image:linear-gradient(45deg,#ffffff65 25%,transparent 25%),linear-gradient(-45deg,#ffffff65 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff65 75%),linear-gradient(-45deg,transparent 75%,#ffffff65 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.canvas-meta{text-align:center;color:#ccd6ff;font-size:10px;letter-spacing:.6px;margin-top:11px}.controls{margin:18px 0 10px;display:flex;align-items:center;gap:13px;font-size:11px}.controls input{flex:1;min-width:40px;accent-color:var(--yellow)}.controls .secondary{padding:8px 11px;font-size:11px}.canvas-help{text-align:center;font-size:11px;color:#d0dcff;line-height:1.7}.preview{position:sticky;top:22px}.notice{padding:10px 12px;border-radius:7px;background:#eafbf5;color:#237661;margin:15px 0 0;font-size:12px;line-height:1.6}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:10;background:#101c48;color:white;padding:13px 19px;border-radius:9px;box-shadow:0 10px 30px #0003;max-width:90vw;font-size:13px;text-align:center;line-height:1.6}footer{text-align:center;padding:35px 10px 25px;color:#aebdf5;font-size:10px;letter-spacing:.4px}details{font-size:11px;color:#7b8aa5;margin-top:15px}summary{cursor:pointer}details input{max-width:100%;margin-top:12px}details p{font-size:11px!important;margin-top:10px!important}.profile-badge{position:absolute;bottom:20px;right:15px;background:#fff;border-radius:20px;padding:7px 10px;font-size:10px;color:#47577a}.readable{border:0;background:transparent;color:var(--blue);padding:0;cursor:pointer;text-decoration:underline;font-size:12px}
@media(max-width:750px){.wrap{padding:19px 17px 0}.logo{width:210px}.region{font-size:8px;letter-spacing:1px;max-width:120px;text-align:right;line-height:1.8}.hero{padding:32px 0 26px}h1{font-size:35px;letter-spacing:-1px}.hero p{font-size:13px}.hero-brand{display:none}.chooser{gap:17px}.choice{padding:12px;border-radius:13px}.choice-visual{height:235px}.choice-visual canvas{height:215px}.choice-visual.profile canvas{height:205px}.choice-text{padding:18px 3px 7px;gap:8px}.choice-text h2{font-size:20px}.choice-text p{font-size:12px}.arrow{width:31px;height:31px;font-size:19px}.choice-tag{font-size:8px}.editor-layout{display:flex;flex-direction:column;gap:23px}.panel{width:100%;padding:23px}.preview{width:100%;max-width:470px;margin:auto;position:static}.mode-pill{font-size:9px}.back{font-size:11px}.upload{padding:23px 12px}.canvas-help{font-size:10px}}
@media(max-width:480px){.chooser{grid-template-columns:1fr}.choice{display:grid;grid-template-columns:130px 1fr;gap:15px;align-items:center;padding:13px}.choice-visual{height:170px}.choice-visual canvas{height:150px}.choice-visual.profile canvas{height:125px}.format{font-size:8px;top:8px;left:7px;padding:5px 7px}.choice-text{padding:8px 0;display:block}.choice-text h2{font-size:21px}.choice-text p{font-size:11px}.choice-text .arrow{margin-top:12px;width:28px;height:28px;font-size:17px}.choice-tag{margin-bottom:8px;font-size:8px;line-height:1.7}.profile-badge{display:none}.hero h1{font-size:33px}.bottom-line{font-size:10px}.download-actions{grid-template-columns:1fr 1fr}}
.gallery-dialog{border:0;border-radius:17px;width:min(94vw,470px);max-height:92dvh;padding:20px;color:var(--ink);overflow:auto}.gallery-dialog::backdrop{background:#07133bd9}.gallery-dialog h2{font-size:22px}.gallery-dialog p{font-size:12px;line-height:1.7;color:#62728c}.gallery-dialog img{display:block;max-width:100%;max-height:52dvh;width:auto;height:auto;margin:15px auto;border-radius:8px;-webkit-touch-callout:default!important;-webkit-user-select:auto!important;user-select:auto!important;touch-action:auto;background:#eef2fb}.gallery-dialog .secondary{width:100%;margin-top:10px}.gallery-dialog a{text-decoration:none}.gallery-note{font-size:11px!important;line-height:1.6!important;color:#71819b!important;margin:11px 0!important;text-align:center}