@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Serif+TC:wght@500;600&display=swap";:root{font-family:DM Sans,Noto Sans TC,system-ui,sans-serif;color:#172019;background:#f2f0ea;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.eyebrow{margin:0 0 .75rem;font-size:.66rem;font-weight:600;letter-spacing:.17em}.muted{color:#768078}.button{min-height:42px;padding:.68rem 1.1rem;border:1px solid #cad0c9;border-radius:5px;background:#fff;cursor:pointer;font-size:.78rem;font-weight:600}.button:disabled{opacity:.55;cursor:wait}.button--primary{background:#ac6f43;border-color:#ac6f43;color:#fff}.button--dark{background:#18231e;border-color:#18231e;color:#fff}.button--quiet{background:transparent}.button--small{min-height:34px;padding:.4rem .75rem}.button-link{padding:0;border:0;background:none;color:#58655c;cursor:pointer;text-decoration:underline}.form-error,.form-success{padding:.75rem 1rem;border-radius:4px;font-size:.82rem}.form-error{background:#f9e5e0;color:#8b3226}.form-success{background:#e2f1e5;color:#295e39}.spinner{display:inline-block;width:18px;height:18px;border:2px solid #cbd2cc;border-top-color:#a86f48;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-brand{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(2rem,5vw,5.5rem);background:#1b2922;color:#f0ece2;overflow:hidden}.brand-lockup{display:flex;align-items:center;gap:1rem}.brand-lockup>span{display:grid;place-items:center;width:44px;aspect-ratio:1;border:1px solid rgba(255,255,255,.45);border-radius:50%;font-size:.48rem;letter-spacing:.1em}.brand-lockup strong{font-family:"Noto Serif TC",serif;letter-spacing:.08em}.login-brand h1{max-width:11em;margin:0 0 1.8rem;font:500 clamp(3rem,6vw,6.6rem)/1.14 "Noto Serif TC",serif;letter-spacing:-.05em}.login-brand>div:nth-child(2)>p:last-child{max-width:31rem;color:#ffffff9e}.login-brand small{font-size:.6rem;letter-spacing:.15em;color:#ffffff73}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,8vw,8rem);background:#f5f3ed}.login-panel form{display:flex;flex-direction:column;max-width:390px}.login-panel h2{margin:0;font:500 2.2rem/1.2 "Noto Serif TC",serif}.login-panel .muted{margin-bottom:2.5rem}.login-panel label,.project-form label{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;font-size:.72rem;font-weight:600}.login-panel input,.project-form input,.project-form select,.project-form textarea{width:100%;min-height:46px;padding:.75rem .85rem;border:1px solid #c8cec8;border-radius:4px;outline:none;background:#ffffffb3;color:#172019}.login-panel input:focus,.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:#6d7a70;box-shadow:0 0 0 3px #4055481a}.login-panel .button--primary{width:100%;margin:1rem 0 1.3rem}.login-panel .button-link{align-self:center}.login-help{position:absolute;bottom:2rem;font-size:.72rem;color:#7c857e}.login-help a{margin-left:.3rem;color:inherit}.reset-shell{min-height:100vh;display:grid;place-items:center;padding:2rem;background:#1b2922}.reset-shell form{width:min(100%,420px);padding:3rem;background:#f5f3ed;border-radius:6px}.reset-shell h1{margin:0;font:500 2.2rem "Noto Serif TC",serif}.reset-shell .muted{margin-bottom:2rem}.reset-shell label{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.2rem;font-size:.72rem;font-weight:600}.reset-shell input{min-height:46px;padding:.75rem .85rem;border:1px solid #c8cec8;border-radius:4px;background:#fff}.reset-shell .button{width:100%;margin-top:.8rem}.admin-shell{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:1.5rem 1rem;background:#17231d;color:#fff}.admin-brand{display:flex;gap:.8rem;align-items:center;padding:.2rem .5rem 1.7rem;border-bottom:1px solid rgba(255,255,255,.12)}.admin-brand>span{display:grid;place-items:center;width:36px;aspect-ratio:1;background:#c6a782;color:#17231d;border-radius:50%;font-family:"Noto Serif TC",serif}.admin-brand div{display:flex;flex-direction:column}.admin-brand strong{font:500 .88rem "Noto Serif TC",serif}.admin-brand small{margin-top:.25rem;font-size:.6rem;color:#ffffff80;letter-spacing:.1em}.sidebar nav{display:flex;flex-direction:column;gap:.35rem;margin-top:1.5rem}.sidebar nav button{display:grid;grid-template-columns:22px 1fr auto;align-items:center;min-height:44px;padding:.7rem .75rem;border:0;border-radius:5px;background:none;color:#ffffff91;text-align:left;font-size:.75rem}.sidebar nav button.active{background:#ffffff1a;color:#fff}.sidebar nav button em{display:grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:#ad754d;color:#fff;font-style:normal;font-size:.6rem}.sidebar nav button small{grid-column:2/-1;font-size:.55rem;color:#ffffff59}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:.75rem}.sidebar-footer a{padding:.8rem;border:1px solid rgba(255,255,255,.18);border-radius:4px;color:#fff;font-size:.68rem;text-decoration:none}.sidebar-footer button{display:flex;flex-direction:column;gap:.2rem;padding:.5rem .2rem;border:0;background:none;color:#ffffffa6;text-align:left;font-size:.62rem;cursor:pointer}.sidebar-footer button span{text-decoration:underline}.workspace{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:110px;padding:1.7rem 2rem;background:#faf9f5;border-bottom:1px solid #d9dcd7}.topbar h1{margin:0;font:500 1.8rem "Noto Serif TC",serif}.publish-box{display:flex;gap:.8rem;align-items:center}.publish-box>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 .45rem;margin-right:.5rem;font-size:.72rem}.publish-box small{grid-column:2;color:#8a928b;font-size:.6rem}.live-dot{width:7px;height:7px;border-radius:50%;background:#53a365;box-shadow:0 0 0 3px #dfeee2}.demo-banner{padding:.65rem 2rem;background:#ece7db;color:#5e625c;font-size:.68rem}.demo-banner span{margin-right:.6rem;padding:.15rem .35rem;background:#c7aa85;color:#1c241e;font-size:.55rem;font-weight:600}.notice{display:flex;justify-content:space-between;margin:1rem 2rem 0;padding:.75rem 1rem;background:#e2f1e5;color:#295e39;border-radius:4px;font-size:.76rem}.notice button{border:0;background:none;cursor:pointer}.content-layout{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:start;min-height:calc(100vh - 110px)}.project-list-panel{position:sticky;top:0;display:flex;flex-direction:column;height:calc(100vh - 110px);border-right:1px solid #d9dcd7;background:#f5f3ed}.list-title{display:flex;justify-content:space-between;align-items:center;padding:1.4rem;border-bottom:1px solid #d9dcd7}.list-title h2{margin:0;font-size:.9rem}.list-title p{margin:.25rem 0 0;color:#7b837d;font-size:.62rem}.icon-button{display:grid;place-items:center;width:32px;height:32px;border:1px solid #cdd1cc;border-radius:50%;background:transparent;cursor:pointer}.project-list{overflow:auto;flex:1}.project-list>button{width:100%;display:grid;grid-template-columns:64px 1fr;gap:.8rem;padding:1rem;border:0;border-bottom:1px solid #dedfdc;background:transparent;text-align:left;cursor:pointer}.project-list>button:hover{background:#ffffff8c}.project-list>button.selected{background:#fff;box-shadow:inset 3px 0 #ac6f43}.project-thumb{display:grid;place-items:center;width:64px;height:58px;overflow:hidden;border-radius:3px;background:#e6e4dd}.project-thumb img{width:100%;height:100%;object-fit:cover}.project-list-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.project-list-copy strong{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 .78rem "Noto Serif TC",serif}.project-list-copy small{margin:.2rem 0 .4rem;color:#858d86;font-size:.58rem}.status-pill{display:inline-flex;align-items:center;min-height:18px;padding:.15rem .45rem;border-radius:999px;font-size:.52rem}.status-pill--success{background:#dfeee2;color:#2e6540}.status-pill--warning{background:#f0e7d2;color:#7c5a22}.status-pill--neutral{background:#e7e8e5;color:#646a65}.status-pill--danger{background:#f4dfdb;color:#8b3226}.add-project{min-height:50px;border:0;border-top:1px solid #d9dcd7;background:transparent;color:#465149;font-size:.7rem;cursor:pointer}.editor-panel{min-width:0;background:#fff}.editor-heading{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;min-height:108px;padding:1.4rem 2.2rem;background:#fffffff0;border-bottom:1px solid #dfe1dd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.editor-heading h2{margin:0;font:500 1.35rem "Noto Serif TC",serif}.editor-heading .muted{margin:.35rem 0 0;font-size:.58rem}.editor-actions{display:flex;gap:.6rem}.project-form{max-width:850px;margin:0 auto;padding:1rem 3rem 7rem}.form-section{display:grid;grid-template-columns:180px 1fr;gap:2.5rem;padding:3rem 0;border-bottom:1px solid #e0e2df}.form-section>header{display:grid;grid-template-columns:28px 1fr;align-content:start;gap:.7rem}.form-section>header>span{display:grid;place-items:center;width:26px;height:26px;border:1px solid #c8cdc7;border-radius:50%;font-size:.55rem}.form-section h3{margin:.15rem 0 .4rem;font:500 1rem "Noto Serif TC",serif}.form-section header p{margin:0;color:#818982;font-size:.62rem;line-height:1.6}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}.form-grid .span-2{grid-column:1/-1}.project-form label{position:relative;margin-bottom:1.1rem}.project-form textarea{resize:vertical;line-height:1.6}.field-count{position:absolute;right:.65rem;bottom:.45rem;font-size:.55rem;color:#8e958f}.toggle-row{grid-column:1/-1;flex-direction:row!important;align-items:center;padding:1rem;border:1px solid #d9dcd7;border-radius:4px}.toggle-row input{width:18px;min-height:18px}.upload-zone{min-height:145px;display:flex!important;align-items:center;justify-content:center;padding:1.5rem;border:1px dashed #aeb5ae;border-radius:5px;background:#faf9f6;cursor:pointer;text-align:center}.upload-zone input{position:absolute;width:1px;height:1px;min-height:0;opacity:0}.upload-plus{display:grid;place-items:center;width:34px;height:34px;border:1px solid #bec4be;border-radius:50%;font-size:1.2rem}.upload-zone strong{font-size:.73rem}.upload-zone small{color:#858d86;font-size:.58rem;font-weight:400}.upload-progress{display:flex;align-items:center;gap:.65rem;margin-top:1rem;padding:.7rem 1rem;background:#f1eee5;font-size:.7rem}.asset-list{display:grid;gap:1rem;margin-top:1rem}.focus-editor{display:grid;grid-template-columns:160px 1fr;gap:1rem;padding:.8rem;border:1px solid #dde0dc;border-radius:5px}.focus-canvas{position:relative;aspect-ratio:4/3;padding:0;overflow:hidden;border:0;border-radius:3px;background:#e8e9e6;cursor:crosshair}.focus-canvas img{width:100%;height:100%;object-fit:cover}.focus-canvas span{position:absolute;width:18px;height:18px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #172019,0 1px 5px #0006}.focus-editor>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.focus-editor p{margin:0 0 .75rem;color:#737c74;font-size:.65rem}.editor-empty{min-height:calc(100vh - 110px);display:grid;place-content:center;justify-items:center;gap:1rem;color:#768078}.loading-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:1rem}@media(max-width:1020px){.admin-shell{grid-template-columns:76px minmax(0,1fr)}.admin-brand div,.sidebar nav button>:not(:first-child),.sidebar-footer{display:none}.admin-brand{justify-content:center;padding-inline:0}.sidebar nav button{grid-template-columns:1fr;place-items:center;font-size:0}.sidebar nav button span{font-size:1rem}.content-layout{grid-template-columns:240px minmax(0,1fr)}.project-form{padding-inline:1.5rem}.form-section{grid-template-columns:1fr;gap:1.4rem}}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:46vh;padding:2rem}.login-brand h1{font-size:2.7rem}.login-panel{min-height:54vh;padding:3rem 2rem 6rem}.login-help{position:static;margin-top:3rem}.admin-shell{display:block}.sidebar{position:static;width:100%;height:64px;flex-direction:row;align-items:center;padding:.7rem 1rem}.admin-brand{border:0;padding:0}.admin-brand div{display:flex}.sidebar nav,.sidebar-footer{display:none}.topbar{align-items:flex-start;padding:1.2rem}.publish-box>div,.publish-box .button--quiet{display:none}.content-layout{display:block}.project-list-panel{position:static;height:auto;max-height:330px;border-right:0;border-bottom:1px solid #d9dcd7}.project-list{display:flex;overflow-x:auto}.project-list>button{min-width:230px;border-right:1px solid #dedfdc}.editor-heading{top:0;padding:1rem 1.2rem}.editor-heading .button--quiet{display:none}.project-form{padding:0 1.2rem 5rem}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}}