body[data-view="studio"]{overflow:auto}.create-page{padding:52px clamp(20px,6vw,90px) 32px;max-width:1600px;margin:auto}.create-header{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding-bottom:36px}.create-header .tiny-label{margin-bottom:20px}.create-header h1{font:400 clamp(40px,5vw,68px)/1.05 var(--serif);letter-spacing:-.05em;margin:0 0 20px}.create-header h1 em{color:#668057;font-weight:400}.create-header p:not(.tiny-label){font-size:15px;line-height:1.7;color:#718073;margin:0}.create-header>.btn{flex-shrink:0;margin-top:12px}.create-workflow{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.create-card{background:#fffdf6;border:1px solid #dce2d2;border-radius:20px;padding:30px;box-shadow:0 8px 25px #29493605}.step-number{display:inline-flex;width:36px;height:36px;border:1px solid #cfdbc3;border-radius:50%;align-items:center;justify-content:center;color:#839476;font:14px var(--serif);margin-bottom:24px}.create-card h2,.created-book h2{font:400 29px/1.1 var(--serif);letter-spacing:-.035em;margin:0 0 14px}.create-card>p{color:#718073;font-size:13px;line-height:1.7;max-width:470px;margin:0 0 20px}.create-page textarea{min-height:150px;line-height:1.65!important;padding:16px!important;background:#fafbf3!important;border-color:#d7dfcd!important}.create-page textarea.code{font-size:12px;min-height:230px;overflow-wrap:anywhere}.create-page label{font-size:12px;color:#506b48}.create-page .btn{border-radius:100px;padding:12px 20px;min-height:46px}.create-options{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:4px 0 18px}.create-options input{max-width:100px;min-height:46px}.create-options .btn{white-space:nowrap}.create-page .create-note{font-size:11px;line-height:1.65;color:#7b8873;margin:18px 0 0}.create-import-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px}.file-import{margin:0!important;font-size:11px!important;color:#6f8263!important}.file-import input{font-size:11px!important;max-width:240px;background:transparent!important;padding:6px 0!important;border:0!important}.create-feedback{padding:22px 5px 0;color:#65765b;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.create-feedback ul:empty{display:none}.create-feedback ul{padding-left:20px;color:#995637;max-height:250px;overflow:auto}.create-feedback .is-error{color:#995637}.created-book{display:flex;align-items:center;gap:25px;background:#e8efdd;border:1px solid #cad9ba;border-radius:18px;padding:28px;margin-top:25px}.created-book .step-number{flex-shrink:0;margin:0}.created-book .tiny-label{font-size:9px;margin-bottom:12px}.created-book p:last-child{font-size:12px;color:#6d7d62;margin:10px 0 0}.create-result-actions{margin-left:auto;display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}.create-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:36px;border-top:1px solid #d9e0cc;padding:24px 0;font-size:11px;color:#7c8873}.text-button{border:0;background:transparent;color:#426a47;padding:8px;font:inherit;white-space:nowrap}.runtime-composite,.runtime-composite>svg{width:100%;height:100%;display:block;overflow:visible}
@media(max-width:850px){.create-page{padding-top:30px}.create-workflow{grid-template-columns:1fr}.create-header{gap:18px}.create-header h1{font-size:43px}.create-header>button{font-size:11px;padding:10px 14px}.create-card{padding:24px}.create-options{align-items:flex-end}.create-options .btn{font-size:12px;padding:12px 16px}.created-book{align-items:flex-start;flex-wrap:wrap;padding:22px}.create-result-actions{margin:0;flex-basis:100%}.create-footer{align-items:flex-start;flex-direction:column;gap:10px}}