:root{--green:#163c31;--cream:#f5f4ef;--line:#e1e4de;--ink:#24392f;--muted:#78827c}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;color:var(--ink);background:var(--cream);font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--ink);padding:10px 15px;border-radius:8px;font-weight:550}button:hover{border-color:#718778}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d7b762;outline-offset:2px}.primary{background:var(--green);color:#fff;border-color:var(--green)}.plain{padding:0;border:0;background:none;color:var(--muted);font-size:12px}.wordmark{font-size:31px;font-weight:750;letter-spacing:-1.6px;display:flex;align-items:center;gap:5px}.wordmark span{color:#b8ce87;font-size:39px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.boot{padding:20vh 10vw}h1,h2,h3,p{margin:0}.sidebar{width:225px;position:fixed;inset:0 auto 0 0;background:#eef0e9;padding:25px 24px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.studio-label{font-size:9px;letter-spacing:2px;color:var(--muted);margin:50px 12px 14px}.nav-main{text-align:left;background:#dfe6da;border:0;padding:13px}.side-note{margin-top:auto;padding:22px 8px}.side-note>span{font-size:8px;letter-spacing:1.5px}.side-note p{font-family:Georgia,serif;font-size:23px;line-height:1.25;margin:12px 0}.side-note>div{font-size:38px;color:#8b9d7b}.logout{margin-top:15px;border:0;background:none;text-align:left;font-size:12px;color:var(--muted)}.main{margin-left:225px;min-height:100vh}.dash-head{padding:52px 55px 35px}.dash-head>div{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.dash-head h1{font-size:54px;letter-spacing:-2.8px;font-weight:600}.dash-head h1 span{color:#a7b891}.dash-head p{color:var(--muted);font-size:15px}.stats{margin:0 55px 28px;padding:20px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}.stats span{font-weight:bold;font-size:18px;margin-right:7px}.stats p{color:var(--muted)}.site-grid{padding:0 55px 50px;display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:24px}.site-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:white}.site-art{height:190px;background:#e2e9dc;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.site-art .cover-thumb{width:100%;height:100%;object-fit:cover;opacity:.85}.site-art .card-initial{font:70px Georgia,serif;color:#778971}.site-art .card-logo{position:absolute;width:75px;height:75px;object-fit:contain;filter:drop-shadow(0 4px 12px #0002)}.site-art .badge{position:absolute;top:14px;left:14px;background:white;padding:5px 10px;border-radius:30px;font-size:10px;color:var(--green)}.site-card-body{padding:22px}.site-card h2{font-size:21px;letter-spacing:-.5px}.site-card .url{display:block;font-size:11px;color:var(--muted);margin:5px 0 20px;overflow-wrap:anywhere}.card-actions{display:flex;gap:8px}.card-actions button:first-child{flex:1}.card-actions button{font-size:12px}.new-card{border:1px dashed #b9c4b4;border-radius:13px;min-height:335px;background:transparent;display:grid;align-content:center;justify-items:center;gap:9px}.new-card span{font:52px Georgia,serif;font-weight:normal;color:#91a085}.new-card small{font-weight:normal;color:var(--muted)}.editor-top{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;background:white;border-bottom:1px solid var(--line);gap:16px}.editor-top h2{font-size:18px;margin-top:4px}.editor-actions{display:flex;align-items:center;gap:9px}.editor-actions>span{font-size:11px;color:var(--muted);margin-right:10px}.editor-sub{padding:0 24px;background:white;border-bottom:1px solid var(--line)}#editor-tabs{display:flex;overflow:auto;gap:8px}#editor-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:16px 12px;background:none;font-size:12px;color:var(--muted)}#editor-tabs button[aria-selected=true]{color:var(--green);border-color:var(--green)}.editor-grid{display:grid;grid-template-columns:355px minmax(0,1fr);height:calc(100vh - 141px)}#controls{overflow:auto;padding:27px 25px;background:#fdfdfb;border-right:1px solid var(--line)}#controls h3{font-size:22px;letter-spacing:-.7px;margin-bottom:6px}#controls>p{font-size:12px;color:var(--muted);margin-bottom:24px}label{display:grid;gap:7px;font-size:12px;font-weight:550;margin-bottom:17px}input,textarea,select{width:100%;min-width:0;border:1px solid #d7ddd5;border-radius:7px;padding:10px;background:white;color:var(--ink)}textarea{resize:vertical;min-height:84px}input[type=color]{height:40px;padding:4px}input[type=range]{accent-color:var(--green);padding:0}input[type=checkbox]{width:17px;height:17px;accent-color:var(--green)}.check{display:flex;align-items:center;gap:8px}.hint{font-size:11px;line-height:1.6;color:var(--muted);margin:8px 0 20px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-field{margin-bottom:22px}.upload-field label{margin-bottom:8px}.upload-controls{display:flex;gap:8px;align-items:center}.upload-controls button{font-size:11px;padding:8px}.upload-thumb{height:55px;max-width:85px;object-fit:cover;border-radius:5px}.preview-area{background:#e8ebe5;padding:20px 24px 0;overflow:hidden;display:flex;align-items:center;flex-direction:column;background-image:radial-gradient(#cfd6cd 1px,transparent 1px);background-size:14px 14px}.preview-toolbar{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:9px;letter-spacing:1.5px}.preview-toolbar>div{display:flex;background:#dce2d7;border-radius:7px;padding:3px}.preview-toolbar button{border:0;background:none;padding:6px 10px;font-size:11px;letter-spacing:0}.preview-toolbar button[aria-pressed=true]{background:white}.frame-wrap{width:390px;max-width:100%;flex:1;min-height:0;border:7px solid #fff;border-radius:25px;overflow:hidden;box-shadow:0 20px 50px #23372617;background:white}.frame-wrap.desktop{width:100%;border-radius:10px}.frame-wrap iframe{border:0;width:100%;height:100%;display:block}.preview-foot{font-size:10px;padding:13px;color:var(--muted)}.template-grid{display:grid;gap:9px;margin:20px 0}.template{display:flex;align-items:center;text-align:left;gap:15px;padding:13px;border-radius:9px}.template[aria-pressed=true]{outline:2px solid var(--green);outline-offset:-2px;background:#f1f4eb}.template-swatch{width:46px;height:55px;border-radius:4px;flex:none;display:flex;padding:7px;gap:3px;background:#e2e8db}.template-swatch i{display:block;background:#66816d;flex:1}.template-swatch i:last-child{background:#b9caa7}.template-cards{flex-direction:column}.template-minimal{background:#eee9dc}.template small{display:block;font-size:10px;color:var(--muted);font-weight:normal;margin-top:3px}.divider{border:0;border-top:1px solid var(--line);margin:25px 0}.sort-list{display:grid;gap:8px;margin:18px 0}.sort-item{background:white;border:1px solid var(--line);border-radius:8px;padding:12px}.sort-top{display:flex;align-items:center;gap:8px}.sort-top strong{font-size:12px;flex:1}.sort-top button{padding:3px 7px;font-size:12px}.sort-item input[type=text]{margin-top:10px;font-size:12px}.subhead{font-size:14px!important;margin:25px 0 10px!important}.branch-edit{background:white;border:1px solid var(--line);border-radius:9px;margin:15px 0;padding:14px}.branch-edit summary{cursor:pointer;font-weight:600;padding:2px 0 13px}.branch-edit input{font-size:12px}.branch-edit label{font-size:11px}.day{display:grid;grid-template-columns:45px 18px 1fr 1fr;align-items:center;gap:5px;margin-bottom:8px;font-size:10px}.day input[type=time]{padding:6px 3px;font-size:10px}.day input[type=checkbox]{margin:0}.danger{color:#974734}.share-url{font-size:12px;overflow-wrap:anywhere;padding:14px;background:#eef1e8;border:1px solid var(--line);border-radius:7px;margin:20px 0}.wide{width:100%;margin-bottom:10px}.notice{padding:14px;background:#f4eedf;border:1px solid #e7dcbc;border-radius:8px;font-size:11px;margin:15px 0}.error{color:#a63027;font-size:12px;margin-top:15px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#183b30;color:white;max-width:90vw;padding:14px 23px;border-radius:10px;font-size:13px;z-index:200;box-shadow:0 8px 30px #0002}.toast.bad{background:#8e3029}.mobile-only{display:none}dialog{border:0;border-radius:15px;padding:32px;width:min(460px,93vw);color:var(--ink)}dialog::backdrop{background:#18352b66;backdrop-filter:blur(3px)}dialog h2{font-size:32px;letter-spacing:-1px;margin:10px 0 25px}dialog .close{float:right;border:0;padding:0 5px;font-size:25px}dialog .primary{width:100%;margin-top:15px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:var(--green);color:#f7f5e9;padding:40px 65px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.login-story h1{font:clamp(48px,5.8vw,88px)/1.02 Georgia,serif;letter-spacing:-4px;margin:25px 0}.login-story h1 i{color:#bbce9b;font-weight:normal}.login-story p{color:#b9c8ba;font-size:14px;max-width:300px}.login-story small{font-size:9px;letter-spacing:2px}.login-form{width:360px;max-width:80%;margin:auto}.pill{font-size:9px;letter-spacing:1.5px;background:#e4e9dc;padding:8px 12px;border-radius:30px}.login-form h2{font-size:34px;letter-spacing:-1px;margin:25px 0 8px}.login-form>p{color:var(--muted);font-size:13px}.login-form form{margin-top:32px}.login-form .primary{width:100%;padding:13px}.login-form .hint{margin-top:25px}
@media(min-width:1600px){.editor-grid{grid-template-columns:410px minmax(0,1fr)}.preview-area{padding:25px 50px 0}}
@media(max-width:1100px){.sidebar{width:185px;padding:20px 18px}.main{margin-left:185px}.editor-grid{grid-template-columns:310px minmax(0,1fr)}.editor-top{padding:15px}.editor-actions>span{display:none}.editor-actions button{font-size:12px}.dash-head{padding:40px 30px 30px}.stats{margin:0 30px 25px}.site-grid{padding:0 30px}.preview-area{padding:20px 12px 0}}
@media(max-width:800px){.sidebar{position:static;width:auto;flex-direction:row;align-items:center;padding:10px 18px;gap:20px;border-bottom:1px solid var(--line)}.sidebar .wordmark{font-size:24px}.sidebar .wordmark span{font-size:29px}.sidebar .studio-label,.side-note,.nav-main{display:none}.logout{margin:0 0 0 auto}.main{margin:0}.dash-head h1{font-size:43px}.stats p{display:none}.site-grid{padding-bottom:30px}.editor-grid{height:calc(100dvh - 201px)}.editor-top h2{font-size:16px}.editor-sub{padding:0 10px}.editor-top{flex-wrap:wrap}.editor-actions{margin-left:auto}}
@media(max-width:600px){.login{display:block}.login-story{min-height:0;padding:25px}.login-story>div,.login-story small{display:none}.login-form{padding:40px 0}.dash-head{padding:30px 20px}.dash-head>div{align-items:flex-start;gap:10px}.dash-head h1{font-size:38px}.dash-head button{font-size:12px}.stats{margin:0 20px 20px}.site-grid{padding:0 20px 30px}.editor-grid{display:block;height:calc(100dvh - 206px)}#controls{height:100%;padding-bottom:95px;border:0}.preview-area{display:none;height:100%;padding:12px}.previewing #controls{display:none}.previewing .preview-area{display:flex}.mobile-only{display:block}.floating-preview{position:fixed;bottom:22px;right:20px;background:var(--green);color:white;border:0;box-shadow:0 4px 20px #0002}.previewing .floating-preview{display:none}.editor-actions{gap:6px}.editor-actions button{padding:9px}.editor-top{gap:6px}#editor-tabs button{padding:13px 9px}.editor-sub{padding:0}.frame-wrap{border-width:4px}.preview-foot{padding:7px}.stats p{display:none}}
.editor-actions{flex-wrap:wrap;justify-content:flex-end}.editor-top{align-items:flex-start}.template-swatch.template-original-tama{background:#141c29}.template-original-tama i{background:#e4cc96}.template-swatch.template-original-ramen{background:#10344e}.template-original-ramen i{background:#ee4543}.template-original-ramen i:last-child{background:#fce5b6}@media(max-width:1300px){.editor-actions>span{display:none}.editor-actions button{font-size:11px;padding:9px}.editor-top{gap:8px}}@media(max-width:600px){.editor-top{min-height:112px}.editor-grid{height:calc(100dvh - 229px)}.editor-actions{width:100%;justify-content:flex-start}#final-preview{flex:1}}
#result-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#f5f4ef}#result-dialog[open]{display:flex;flex-direction:column}.result-toolbar{display:flex;align-items:center;gap:20px;padding:13px 24px;border-bottom:1px solid var(--line);background:#fff;flex-shrink:0}.result-toolbar>div{display:flex;flex-direction:column}.result-toolbar strong{font-size:14px}.result-toolbar span{font-size:10px;color:var(--muted)}.result-toolbar a{margin-left:auto;font-size:12px}.result-toolbar button{margin-left:auto;font-size:12px}#final-frame{display:block;flex:1;width:100%;min-height:0;border:0}@media(max-width:600px){.result-toolbar{padding:10px 12px;gap:10px;flex-wrap:wrap}.result-toolbar span{font-size:9px}.result-toolbar a{font-size:10px}.result-toolbar button{font-size:11px;padding:8px}}