@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Be Vietnam Pro',system-ui,sans-serif;color:#241d2b;background:#f7f5fa}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}[hidden]{display:none!important}:focus-visible{outline:3px solid #b72f88;outline-offset:3px}.app-shell{min-height:100vh}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 31px;background:#fff;border-bottom:1px solid #e6dfea}.identity{display:flex;align-items:center;gap:12px}.identity img{border-radius:12px;object-fit:cover}.identity span{display:grid;gap:2px}.identity strong{font-size:.84rem;letter-spacing:.04em;font-weight:900}.identity small{font-size:.57rem;letter-spacing:.17em;color:#b8378c;font-weight:900}.top-actions{display:flex;align-items:center;gap:17px}.account{font-size:.75rem;color:#746b7a;max-width:200px;overflow:hidden;text-overflow:ellipsis}.visit,.icon-button{font-size:.76rem;font-weight:800}.visit{color:#9e2d77}.icon-button{background:#f7f3f8;border:1px solid #e6dfea;padding:10px 12px}.eyebrow{color:#ad357e;font-size:.67rem;font-weight:900;letter-spacing:.16em}.login-wrap{display:grid;place-items:center;min-height:calc(100vh - 76px);padding:28px;background:radial-gradient(circle at 80% 16%,#f4c5df,transparent 30%),#f7f5fa}.login-card{background:#fff;border:1px solid #ebdfea;box-shadow:0 35px 110px #3110311a;width:min(570px,100%);padding:55px}.login-mark{width:56px;height:56px;background:#24152e;color:#ff8ed0;display:grid;place-items:center;font-size:1.8rem;font-weight:900;margin-bottom:30px}.login-card h1{font-size:clamp(2rem,4vw,3rem);line-height:1.18;letter-spacing:-.06em;margin:16px 0}.login-card h1 em{font-style:normal;color:#bc3a90}.login-card p{line-height:1.8;color:#6b6071;margin-bottom:28px}.button{border:0;font-size:.79rem;font-weight:900;letter-spacing:.01em;min-height:45px;padding:12px 18px}.button.solid{background:#2c1a36;color:#fff}.button.solid:hover{background:#9b327f}.button.plain{background:#fff;border:1px solid #e2d6e7;color:#62526b}.workspace{display:grid;grid-template-columns:230px minmax(340px,1fr) minmax(320px,40%);min-height:calc(100vh - 76px)}.rail{border-right:1px solid #e8dfea;background:#fff;padding:29px 15px;position:sticky;top:0;height:calc(100vh - 76px);display:flex;flex-direction:column}.rail-heading{padding:0 14px 18px}.rail h2{font-size:1rem;margin:9px 0}.rail nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.rail nav button{width:100%;border:0;background:transparent;text-align:left;padding:11px 14px;color:#675b6d;font-weight:700;font-size:.78rem;border-radius:6px}.rail nav button:hover{background:#f8f0f6}.rail nav button.active{background:#f8e7f1;color:#9a2b73}.rail nav button span{display:inline-block;width:25px;color:#ad78a3;font-size:.7rem}.rail-note{margin-top:auto;padding:18px 14px;border-top:1px solid #e8dfea;font-size:.71rem;color:#827487;line-height:1.65}.editor-column{padding:42px clamp(22px,3vw,54px) 90px;min-width:0}.editor-heading{padding-bottom:24px;border-bottom:1px solid #e4dce8}.editor-heading h1{font-size:clamp(1.7rem,2.6vw,2.55rem);letter-spacing:-.055em;margin:10px 0}.editor-heading p{color:#766c7c;line-height:1.7;margin:0;font-size:.86rem}.panel{margin:24px 0;padding:23px;background:#fff;border:1px solid #e7deea;border-radius:10px;box-shadow:0 10px 32px #2d15300a}.panel h3{font-size:.87rem;margin:0 0 20px}.panel summary{font-size:.87rem;font-weight:800;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.panel summary:after{content:'⌄';font-size:1.1rem;color:#a73883}.panel[open] summary{margin-bottom:23px}.field{margin:0 0 20px}.field:last-child{margin-bottom:0}.field label{display:block;font-size:.76rem;font-weight:800;margin-bottom:9px;color:#3e3245}.field input,.field textarea{width:100%;padding:12px 13px;border:1px solid #dbcfdf;background:#fcfafd;border-radius:5px;color:#2a2030;font-size:.87rem;line-height:1.6}.field input:focus,.field textarea:focus{outline:2px solid #d869ae;border-color:transparent}.field textarea{min-height:114px;resize:vertical}.field small{display:block;font-size:.7rem;color:#837589;margin-top:6px}.editor-actions{position:sticky;bottom:0;z-index:4;background:#f7f5faed;backdrop-filter:blur(12px);padding:17px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.save-state{font-size:.72rem;color:#817487}.save-state.dirty{color:#a83178;font-weight:800}.preview-column{border-left:1px solid #e7dfea;padding:33px 28px 24px;background:#eee9f1;position:sticky;top:0;height:calc(100vh - 76px);display:flex;flex-direction:column;min-width:0}.preview-top{display:flex;justify-content:space-between;align-items:end;gap:15px;padding-bottom:20px}.preview-top h2{font-size:1rem;margin:7px 0 0}.switcher{display:flex;background:#fff;border:1px solid #dfd3e4;border-radius:5px;overflow:hidden}.switcher button{border:0;background:#fff;color:#827087;font-size:1.2rem;padding:5px 12px}.switcher button.active{background:#291a33;color:#fff}.preview-canvas{flex:1;min-height:0;background:#d9d0df;border:1px solid #d8cbdc;padding:14px;display:flex;justify-content:center}.preview-frame{width:100%;height:100%;background:#fff;overflow:hidden;box-shadow:0 10px 30px #25102c1f;transition:width .2s}.preview-frame.mobile{width:min(350px,100%)}.preview-frame iframe{width:100%;height:100%;border:0}.preview-tip{color:#837589;font-size:.69rem;line-height:1.6}.logo-asset{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.logo-asset img{width:160px;height:160px;object-fit:cover;border-radius:8px;border:1px solid #e0d0df}.logo-asset p{color:#74657b;font-size:.78rem;line-height:1.7;max-width:280px}.logo-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.logo-buttons button{padding:11px 15px;background:#fff;border:1px solid #d9cadf;border-radius:5px;font-weight:800;color:#4d3b56;font-size:.75rem}.toast{position:fixed;bottom:22px;right:22px;background:#2e1c38;color:#fff;padding:13px 20px;border-radius:5px;font-size:.8rem;box-shadow:0 15px 45px #2b122e3d;z-index:30;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translateY(0)}
@media(max-width:1280px){.workspace{grid-template-columns:200px minmax(320px,1fr) minmax(270px,33%)}.preview-column{padding:24px 15px}.editor-column{padding:36px 22px 80px}}@media(max-width:1000px){.workspace{grid-template-columns:190px 1fr}.preview-column{display:none}}@media(max-width:700px){.topbar{padding:0 16px;height:68px}.account{display:none}.visit{font-size:.7rem}.workspace{display:block}.rail{height:auto;position:static;padding:15px;border-right:0;border-bottom:1px solid #e8dfea}.rail-heading,.rail-note{display:none}.rail nav{flex-direction:row;overflow-x:auto;gap:6px}.rail nav button{flex:none;width:auto;white-space:nowrap;padding:9px 12px}.rail nav button span{width:auto;margin-right:5px}.editor-column{padding:26px 17px 80px}.login-card{padding:32px 23px}.editor-actions .button{flex:1}.preview-column{display:flex;position:static;height:400px;padding:18px;margin:0 17px 30px;border:1px solid #e7dfea}.preview-tip{display:none}}

.preview-select-label{display:flex;align-items:center;gap:7px;font-size:.72rem;font-weight:700;color:#53435c}.preview-select-label select{font:inherit;max-width:165px;padding:8px;border:1px solid #b4a3c0;background:#fff;color:#271532}