*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#171717;background:#fff;font-size:16px;line-height:1.5}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #777;outline-offset:3px}[hidden]{display:none!important}.skip{position:fixed;left:16px;top:-60px;z-index:100;background:#111;color:white;padding:10px}.skip:focus{top:12px}.studio-header{height:76px;border-bottom:1px solid #e7e7e7;padding:0 32px;display:flex;align-items:center;gap:22px}.brand{text-decoration:none;font-size:28px;font-weight:800;letter-spacing:-1.5px}.brand span{color:#777}.header-divider{height:20px;width:1px;background:#ddd}.header-title{font-size:15px;color:#666}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.primary,.outline,.quiet{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:42px;border:1px solid transparent;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;background:transparent;text-decoration:none;line-height:1.3}.primary{background:#171717;color:#fff}.primary:hover{background:#333}.outline{border-color:#dedede;background:white}.outline:hover,.quiet:hover{background:#f1f1f1}.quiet{padding-inline:10px}.project-bar{padding:28px 32px 22px;display:flex;justify-content:space-between;align-items:center;gap:24px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;margin:0 0 8px;color:#737373}h1{font-size:26px;font-weight:650;letter-spacing:-.8px;margin:0}h2{font-size:28px;line-height:1.2;letter-spacing:-1px;margin:0 0 18px}h3{font-size:17px;margin:0 0 10px}.project-bar p:last-child{font-size:13px;color:#737373;margin:4px 0 0}.project-actions{display:flex;gap:8px;flex-wrap:wrap}#notice{margin:0 32px 16px;padding:13px 16px;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;font-size:14px}#notice.error{border-color:#ab4b4b;color:#802929}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;min-height:660px}.editor-side{border-right:1px solid #e7e7e7;min-width:0}.editor-tabs{display:flex;border-bottom:1px solid #e7e7e7;padding:0 14px;gap:0;overflow:auto}.editor-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:17px 9px;font-size:14px;white-space:nowrap;color:#666}.editor-tabs button[aria-pressed=true]{border-bottom-color:#171717;color:#171717;font-weight:600}#editor-fields{padding:24px;max-height:740px;overflow:auto}.field{margin:0 0 20px}label{display:block;font-size:14px;font-weight:550;margin-bottom:7px}input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{width:100%;border:1px solid #dcdcdc;border-radius:7px;background:#fff;color:#171717;padding:10px 12px;font-size:15px}textarea{resize:vertical;min-height:84px;line-height:1.5}.hint,.muted{font-size:14px;color:#737373;line-height:1.55}.hint{margin:7px 0 0}.muted{margin:0 0 20px}.section-divider{border-top:1px solid #e7e7e7;padding-top:22px;margin-top:26px}.mini-card{padding:16px;background:#fafafa;border:1px solid #e5e5e5;border-radius:9px;margin-bottom:14px}.mini-card .field:last-child{margin-bottom:0}.row-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.row-head h3{margin:0}.row-head button{padding:4px 6px;min-height:30px}.section-row{border:1px solid #ddd;border-radius:8px;display:flex;align-items:center;padding:10px;margin-bottom:10px;gap:8px}.section-row label{margin:0;display:flex;gap:9px;align-items:center;flex:1}.section-row input{width:17px;height:17px}.section-row button{border:0;background:transparent;padding:5px;font-size:15px}.style-option{display:flex;align-items:center;gap:12px;padding:18px 12px;border:1px solid #ddd;border-radius:8px;margin-bottom:10px;cursor:pointer}.style-option:has(input:checked){border-color:#111;background:#f9f9f9}.style-option input{width:16px;height:16px}.style-option strong{display:block;font-size:15px}.style-option span span{font-size:13px;font-weight:400;color:#737373}.upload-box{border:1px dashed #bdbdbd;border-radius:8px;padding:20px;text-align:center}.upload-box label{cursor:pointer;margin:0;padding:10px}.image-thumb{width:100%;height:150px;object-fit:cover;border-radius:6px;display:block;margin-bottom:10px}.image-thumb.logo{object-fit:contain;background:#f6f6f6}.inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.preview-side{min-width:0;background:#f4f4f4;padding:0 28px 20px;display:flex;flex-direction:column}.preview-toolbar{height:64px;display:flex;align-items:center;gap:12px}.preview-toolbar label{font-size:14px;color:#777;margin:0}.preview-toolbar select{width:130px;min-height:36px;background:#f4f4f4;font-size:14px;padding:6px 8px}.devices{display:flex;margin-left:auto;border:1px solid #ddd;border-radius:7px;padding:3px;background:#ededed}.devices button{background:transparent;border:0;border-radius:4px;padding:7px 10px;font-size:13px;color:#666}.devices button[aria-pressed=true]{background:#fff;color:#111;box-shadow:0 1px 3px #0001}#preview-container{flex:1;min-height:580px;height:620px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;border:1px solid #ddd;border-radius:9px;background:#e9e9e9;box-shadow:0 12px 32px #00000007}#studio-preview{position:absolute;top:0;border:0;background:#fff;transform-origin:top center;width:100%;height:100%}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:14px}.preview-footer span{font-size:12px;color:#777;max-width:400px}.studio-bottom{display:flex;gap:10px;padding:15px 24px;align-items:center;flex-wrap:wrap}.studio-bottom a{font-size:14px;margin-left:auto}.studio-bottom>span{font-size:12px;color:#777;margin-left:auto}.file-label{margin:0;cursor:pointer}.ai-box{border-radius:10px;padding:18px;border:1px solid #ddd;margin-bottom:20px}.ai-box h3{font-size:22px;letter-spacing:-.6px}.ai-consent{display:flex;align-items:flex-start;gap:9px;font-size:13px;font-weight:400;line-height:1.5;margin:15px 0}.ai-consent input{margin-top:4px}.ai-proposal{border-left:2px solid #171717;padding-left:14px}.ai-proposal h4{margin:0 0 7px}.ai-proposal p{font-size:14px;color:#666}.empty{padding:22px;background:#f7f7f7;border-radius:8px}.project-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #eee}.project-card h3{margin:0 0 4px}.project-card p{margin:0;font-size:13px;color:#777}.version-row{border-bottom:1px solid #eee;padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}.version-row p{margin:0;font-size:14px}dialog{border:1px solid #ddd;border-radius:16px;max-width:540px;width:calc(100% - 32px);padding:34px;max-height:90vh;overflow:auto;color:#171717;box-shadow:0 24px 100px #0002}dialog::backdrop{background:#0005;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:26px;color:#777}.dialog-close:hover{color:#111}dialog form label{margin-top:18px}dialog form>.primary{width:100%;margin-top:24px}.dialog-switch{margin-top:18px;font-size:14px;text-align:center}.dialog-switch button{border:0;background:transparent;text-decoration:underline;font:inherit;cursor:pointer}.form-message{font-size:14px;min-height:21px;color:#802929}.account-email{overflow-wrap:anywhere}#publication-result{margin-top:24px}#publication-result .inline-actions{margin-top:16px}#public-url{font-size:13px}#publish-status{font-size:14px}.danger{color:#8b3030}#confirm-publish{width:100%}.error-text{color:#802929;font-size:14px}@media(min-width:1500px){.workspace{grid-template-columns:390px minmax(0,1fr)}#preview-container{height:710px;min-height:710px}}@media(max-width:1000px){.workspace{grid-template-columns:320px minmax(0,1fr)}.preview-side{padding-inline:16px}.preview-toolbar label{display:none}.devices button{font-size:12px;padding:6px}.project-bar{padding:22px}.studio-header{padding-inline:22px}.preview-footer{display:block}.preview-footer button{margin-top:6px}.studio-bottom>span{display:none}}@media(max-width:720px){.studio-header{height:64px;padding-inline:16px;gap:12px}.header-divider{display:none}.header-title{font-size:14px}.brand{font-size:24px}.header-actions{gap:0}.header-actions button{font-size:13px;padding-inline:9px}.project-bar{padding:20px 16px;align-items:flex-start;gap:12px}.project-bar h1{font-size:21px;max-width:200px;overflow-wrap:anywhere}.project-actions{justify-content:flex-end;gap:5px}.project-actions button{font-size:12px;min-height:36px;padding:8px 10px}#new-button{width:100%;justify-content:flex-end}.workspace{display:flex;flex-direction:column}.editor-side{border-right:0}.editor-tabs{justify-content:center}.editor-tabs button{padding:14px 11px}#editor-fields{max-height:none;padding:22px;max-width:600px;width:100%;margin:auto}.preview-side{border-top:1px solid #ddd;padding:0 16px 16px}.preview-toolbar{height:56px}.preview-toolbar select{width:110px}.devices{margin-left:auto}#preview-container{height:610px;min-height:610px}.preview-footer{display:flex}.preview-footer span{max-width:220px}.preview-footer button{margin-top:0}.studio-bottom{padding:14px 12px;gap:2px}.studio-bottom>*{font-size:12px}.studio-bottom a{margin-left:10px}.studio-bottom .quiet{font-size:12px;padding:7px}#notice{margin-inline:16px}.project-card{align-items:flex-start;flex-direction:column}dialog{padding:30px 24px}.eyebrow{font-size:11px}.header-title{display:none}}

.mobile-jump,.mobile-return{display:none}@media(max-width:720px){.mobile-jump{display:block;padding:10px 22px 0;text-align:right}.mobile-jump a,.mobile-return{font-size:14px;text-underline-offset:3px}.mobile-return{display:block}.preview-footer{flex-wrap:wrap}.preview-footer span{max-width:none;flex-basis:100%;order:3}#vista-previa{scroll-margin-top:15px}}