@font-face{font-family:Manrope;src:url('/manrope-600.ttf');font-weight:600}@font-face{font-family:Manrope;src:url('/manrope-800.ttf');font-weight:800}
*{box-sizing:border-box}body{margin:0;background:#f5f3ed;color:#332e27;font:600 13px Manrope,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}header{height:76px;border-bottom:1px solid #dcd7cd;padding:0 44px;display:flex;align-items:center;justify-content:space-between}header a{text-decoration:none;color:inherit;font-weight:800;font-size:12px;letter-spacing:.08em}header a span{font-weight:600;color:#8a8070;margin-left:20px;font-size:10px}.quiet,.text-button{border:0;background:none;color:#78674d;font-size:11px;padding:5px 0}.text-button{text-decoration:underline;text-underline-offset:4px}main{max-width:1600px;padding:36px 44px 60px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:.17em;color:#9a7942;margin:0 0 12px}h1{font-size:32px;line-height:1.2;letter-spacing:-.055em;margin:0 0 11px;font-weight:800}.page-heading p:last-child{color:#8b8174;font-size:12px;margin:0}.primary{background:#684f29;color:#fffaf1;border:1px solid #684f29;padding:14px 22px;border-radius:8px;font-size:12px;font-weight:800;white-space:nowrap}.primary:hover{background:#4f3d21}.workspace{display:grid;grid-template-columns:380px minmax(0,1fr);gap:27px;align-items:start}#settings{background:#fffefa;border:1px solid #e4dfd4;border-radius:12px;overflow:hidden}section{padding:24px;border-bottom:1px solid #e7e2d9}section:last-child{border:0}h2{font-size:14px;font-weight:800;margin:0 0 20px;letter-spacing:-.015em}section h2 span{font-size:10px;color:#a99470;margin-right:10px}label{display:block;font-size:10px;color:#807563;margin-bottom:14px}label:last-child{margin-bottom:0}input:not([type=checkbox]):not([type=range]):not([type=color]){display:block;width:100%;height:39px;border:1px solid #ddd7cc;border-radius:6px;background:#fffefb;padding:0 11px;color:#41382a;margin-top:7px;outline:none;font-size:12px}input:focus{border-color:#b39458!important;box-shadow:0 0 0 2px #b394581c}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.logo-box{display:flex;align-items:center;gap:24px;margin-bottom:20px}.logo-box img{width:90px;height:90px;object-fit:contain;background:#f2eee4;border:1px dashed #d9caa9;border-radius:8px;padding:9px}.logo-box small{display:block;color:#9c9283;font-size:9px;line-height:1.7;margin:7px 0 5px}.upload-button{font-size:11px;color:#725526;margin:0;border:1px solid #d5c6ad;border-radius:5px;padding:7px 12px;cursor:pointer;display:inline-block}.range-label{position:relative;font-size:10px;margin-top:15px}.range-label output{float:right;color:#70552b}input[type=range]{display:block;width:100%;margin:13px 0 2px;accent-color:#ac8646;height:10px}input[type=checkbox]{accent-color:#9a773b}.check{display:flex;align-items:center;gap:7px;margin-top:16px;font-size:11px}.colors{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.colors label{margin:0}.colors input{display:block;width:100%;height:35px;border:1px solid #dfd7c9;background:#fffdf8;border-radius:5px;padding:3px;margin-top:7px}aside{position:sticky;top:20px;min-width:0}.preview-card,.output-card{background:#fffefa;border:1px solid #e4dfd4;border-radius:12px;overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}.preview-header>span{font-size:9px;letter-spacing:.12em;color:#8b7a5e;display:flex;align-items:center;gap:7px}.preview-header i{height:5px;width:5px;border-radius:50%;background:#a48248}.view-buttons{display:flex;gap:3px}.view-buttons button{font-size:10px;border:0;background:none;border-radius:5px;color:#9a8e7b;padding:6px 9px}.view-buttons .active{background:#eee6d7;color:#67512d}.preview-stage{position:relative;height:auto;aspect-ratio:16/6;overflow:hidden}.preview-stage.full{aspect-ratio:16/9}.preview-stage.dark{background:radial-gradient(ellipse at 16% 0,#5d574b,transparent 65%),linear-gradient(115deg,#2c2925,#201d1a)}.preview-stage.light{background:linear-gradient(135deg,#e2e7e5,#f1f0e9)}.preview-stage.checker{background-color:#d7d6d1;background-image:linear-gradient(45deg,#bdbcb6 25%,transparent 25%),linear-gradient(-45deg,#bdbcb6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#bdbcb6 75%),linear-gradient(-45deg,transparent 75%,#bdbcb6 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.preview-stage iframe{position:absolute;left:50%;top:50%;width:1920px;height:1080px;border:0;transform:translate(-50%,-50%) scale(var(--scale,.5));transform-origin:center}.canvas-note{position:absolute;bottom:11px;right:15px;color:#9e9688;font-size:8px;letter-spacing:.04em}.preview-toolbar{padding:13px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ebe5dc}.preview-toolbar button{background:none;border:1px solid #dfd6c6;color:#7b633e;border-radius:6px;padding:8px 12px;font-size:10px}.backgrounds{display:flex;gap:7px}.backgrounds button{font-size:18px;padding:1px 9px;line-height:1.5}.backgrounds .active{background:#ede4d4}.demo-control{padding:16px 20px;display:flex;gap:20px;align-items:center}.demo-control label{width:175px;margin:0}.demo-control span{font-size:9px;line-height:1.7;color:#9a8c78}.output-card{padding:23px;margin-top:20px}.output-card h2{font-size:18px;margin-bottom:16px}.url-row{display:flex;gap:10px}.url-row input{margin:0!important;min-width:0;font-size:11px!important}.url-row button{border:1px solid #d8caae;border-radius:6px;background:#f1eadc;padding:8px 13px;color:#6e552c;font-size:10px}.output-card>p:last-child{font-size:10px;line-height:1.8;color:#958671;margin:15px 0 0}#status{font-size:11px;line-height:1.7;padding:0 4px;color:#8f7449}#status.error{color:#a23d32}dialog{width:400px;border:1px solid #ded2ba;border-radius:15px;padding:35px;background:#fffdf7;color:#4a3e2c;box-shadow:0 20px 90px #0004}dialog::backdrop{background:#181613bb;backdrop-filter:blur(6px)}dialog h2{font-size:27px;letter-spacing:-.04em;margin-bottom:10px}dialog p:not(.eyebrow){font-size:12px;line-height:1.7;color:#8e806a}dialog label{margin-top:24px}dialog .primary{width:100%;margin-top:5px}.login-mark{display:block;color:#b58c47;font-size:44px;margin-bottom:17px}#login-error{color:#ac473b!important;min-height:10px}@media(max-width:950px){main{padding:25px 20px}.workspace{grid-template-columns:1fr}aside{position:static;grid-row:1}header{padding:0 20px}header a span{display:none}.page-heading{align-items:start}h1{font-size:25px}.page-heading>button{font-size:10px;padding:12px}}@media(max-width:560px){.page-heading{flex-direction:column}.preview-header{padding:12px 10px}.preview-header>span{font-size:7px}.preview-stage{aspect-ratio:16/8}.demo-control{gap:12px}.preview-toolbar{padding:12px}.two{gap:8px}}

[hidden]{display:none!important}