
:root{--ink:#263e35;--muted:#748076;--green:#456b59;--cream:#faf9f5;--line:#e2e6de;--lav:#ede9f4;--sage:#eaf0e3;--accent:#857294}*{box-sizing:border-box}body{margin:0;font:14px/1.55 system-ui,sans-serif;background:var(--cream);color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b19dc5}button{color:inherit}a{color:inherit}.shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:30px 18px 20px;background:#f4f5ef;border-right:1px solid var(--line);overflow-y:auto}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 25px;line-height:1.25;font-size:17px;font-weight:650}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:8px;font-weight:500}.brand-icon{display:grid;place-items:center;width:43px;height:46px;flex-shrink:0;background:#e1ead8;border-radius:22px 22px 10px 10px;font:31px Georgia}.navlabel{font-size:9px;letter-spacing:1.8px;color:#909a8e;margin:22px 14px 8px}.navbtn{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;text-align:left;padding:10px 14px;border-radius:9px;margin-bottom:3px;color:#6d7a70;font-size:12px}.navbtn.active{background:#e1e9d9;color:#36573f;font-weight:650}.navbtn .ico{width:20px;font-size:18px}.navbtn:hover{background:#e9ede3}.side-end{margin-top:25px;border-top:1px solid var(--line);padding:18px 10px;color:var(--muted);font-size:11px}.identity{display:flex;gap:10px;align-items:center;margin-bottom:14px}.avatar{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:50%;background:#e5dcec;color:#796689;font-size:12px}.workspace{min-width:0}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 38px;gap:15px;background:#faf9f5e8}.crumb{font-size:12px;color:var(--muted)}.topactions{display:flex;gap:10px;align-items:center;margin-left:auto}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:15px;padding:4px 10px;font-size:10px;background:var(--sage);color:#5b7950}.badge.lav{background:var(--lav);color:#806e8f}.badge.amber{background:#f7eedb;color:#9b7839}.btn{border:1px solid transparent;border-radius:8px;background:var(--green);color:white;padding:11px 18px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:8px;justify-content:center}.btn.secondary{background:transparent;border-color:#cfd9ca;color:var(--ink)}.btn.ghost{background:white;border-color:var(--line);color:var(--ink)}.btn.small{padding:7px 11px;font-size:11px}.btn.danger{background:#f7e8e3;color:#a35d4b}.btn:disabled{opacity:.45;cursor:default}.page{max-width:1500px;padding:34px 38px 50px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:#81916f}h1,h2,h3,p{margin-top:0}h1{font:36px/1.2 Georgia,serif;margin:8px 0 9px;letter-spacing:-1px}h2{font:24px/1.3 Georgia,serif;margin-bottom:12px}h3{font-size:14px;margin-bottom:8px}p{color:var(--muted)}.sub{font-size:12px;margin-bottom:0}.banner{background:#e9eee1;border:1px solid #e0e7d7;border-radius:16px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.banner h2{font-size:30px}.banner p{font-size:13px;margin:0;max-width:580px}.banner-mark{font:80px Georgia;color:#a5b793;padding:0 20px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.stat,.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:23px}.stat .num{display:block;font:32px Georgia;margin:10px 0}.stat small{color:var(--muted);font-size:10px}.stat-title{font-size:11px;display:flex;justify-content:space-between;color:#71806a}.columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:22px}.panel{margin-bottom:22px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.panel-head h3,.panel-head h2{margin:0}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.quick{border:1px solid var(--line);background:#fcfcf9;border-radius:12px;padding:19px;text-align:left}.quick .icon{display:grid;place-items:center;background:#eaf0e3;width:36px;height:36px;border-radius:10px;font-size:22px;margin-bottom:17px}.quick:nth-child(2n) .icon{background:#efe9f4}.quick strong{display:block;font-size:12px}.quick small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.quick:hover{border-color:#b1c0a7;transform:translateY(-2px)}.activity{padding:14px 0;border-bottom:1px solid #eef0e9;display:flex;gap:12px;font-size:12px}.activity:last-child{border-bottom:0}.activity small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.dot{width:8px;height:8px;border-radius:50%;background:#a7b993;margin-top:6px;flex-shrink:0}.tip{background:#f2edf6;border:1px solid #e9e1f0;border-radius:12px;padding:22px}.tip p{font-size:12px;margin-bottom:0}.notice{padding:12px 16px;border:1px solid #e9dfcd;background:#faf5e9;border-radius:9px;font-size:11px;color:#92784c;margin-bottom:20px}.muted{color:var(--muted);font-size:11px}.edit-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.field{display:block;margin-bottom:18px;font-size:12px;color:#4f6656}.field input,.field textarea,.field select,.search{display:block;width:100%;margin-top:7px;border:1px solid #dce2d6;border-radius:8px;background:#fdfdfb;padding:11px 12px;color:var(--ink);font-size:12px}.field textarea{resize:vertical;min-height:84px;line-height:1.65}.field small{display:block;margin-top:6px;font-size:10px;color:var(--muted)}.field input[type=color]{height:43px;padding:5px;cursor:pointer}.field input[type=checkbox]{display:inline;width:auto;margin:0 9px 0 0}.field.check{display:flex;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fafbf7}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.tab{border:1px solid var(--line);background:white;padding:9px 15px;border-radius:20px;font-size:11px}.tab.active{background:var(--ink);color:white;border-color:var(--ink)}.preview-panel{position:sticky;top:20px;background:#eeeee7;border:1px solid var(--line);border-radius:14px;padding:16px;min-width:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px;font-size:10px}.preview-stage{overflow:auto;border-radius:8px;background:#e0e2d8;height:650px}.preview-stage iframe{display:block;border:0;background:var(--cream);width:100%;height:650px;margin:auto;transition:width .2s}.preview-stage.mobile iframe{width:375px;max-width:100%}.preview-stage.tablet iframe{width:768px;max-width:100%}.view-buttons{display:flex;gap:5px}.view-buttons button{border:0;background:#fff;border-radius:5px;padding:5px 9px;color:#66785e;font-size:10px}.view-buttons button.active{background:#456b59;color:white}.editor-tools{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.section-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fff;padding:16px;border-radius:10px;margin-bottom:10px}.section-row .grow{flex:1}.section-row small{display:block;color:var(--muted);font-size:10px}.section-row strong{font-size:12px}.mini{background:#f6f7f0;border:1px solid var(--line);border-radius:5px;padding:5px 9px;cursor:pointer}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#82907a;font-weight:500;background:#f8f9f4}td,th{padding:14px 12px;border-bottom:1px solid #edf0e6;vertical-align:middle}td strong{font-size:12px}td small{display:block;font-size:10px;color:var(--muted)}.actions{display:flex;gap:6px;white-space:nowrap}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.toolbar .search{max-width:340px;margin:0}.toolbar select{padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:12px}.empty{padding:35px;text-align:center;border:1px dashed #cdd7c5;border-radius:12px;color:var(--muted)}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.media-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.media-art{height:140px;display:grid;place-items:center;font:44px Georgia;color:#78876b;background:linear-gradient(145deg,#e4ebd8,#ece1d3);border-radius:8px;margin-bottom:12px;overflow:hidden}.media-art img{width:100%;height:100%;object-fit:cover}.media-card strong{display:block;font-size:12px}.media-card small{display:block;font-size:10px;color:var(--muted)}.bottom-save{position:sticky;bottom:12px;display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fffefa;border:1px solid #dce3d5;border-radius:12px;padding:14px 18px;margin-top:20px;box-shadow:0 5px 20px #344c3410;z-index:3}.bottom-save span{font-size:11px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:18px;padding:30px;background:var(--cream);color:var(--ink);width:min(600px,94vw);max-height:88vh;overflow:auto}dialog.wide{width:min(1100px,96vw)}dialog::backdrop{background:#263e3566;backdrop-filter:blur(5px)}dialog p{font-size:12px}.close{float:right;background:transparent;border:0;font-size:23px;line-height:1}.dialog-actions{display:flex;justify-content:end;gap:10px;margin-top:22px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:90vw;background:var(--ink);color:white;border-radius:10px;padding:13px 22px;box-shadow:0 8px 30px #263e3520;font-size:12px;z-index:50;display:none}.mobile-menu{display:none}.demo-bar{background:#f1ecf5;padding:8px 38px;color:#897496;font-size:10px;display:flex;justify-content:space-between}.timeline{border-left:1px solid #d8e2cf;margin-left:4px;padding-left:20px}.version{padding:16px 0;border-bottom:1px solid var(--line)}.version strong{font-size:12px}.version p{font-size:11px;margin:5px 0}.permissions{font-size:11px}.permissions input{accent-color:var(--green)}.footer{font-size:10px;color:#98a08f;display:flex;justify-content:space-between;gap:16px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}@media(max-width:1150px){.shell{grid-template-columns:215px minmax(0,1fr)}.page{padding:28px 25px}.topbar{padding:0 25px}.edit-layout{grid-template-columns:1fr}.preview-panel{position:static}.preview-stage,.preview-stage iframe{height:530px}.quick-grid{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;z-index:20;left:-270px;top:0;width:250px;transition:.2s;box-shadow:10px 0 40px #263e3510}.sidebar.open{left:0}.mobile-menu{display:inline-flex;border:1px solid var(--line);padding:6px 10px;background:white;border-radius:7px;font-size:18px}.topbar{height:auto;min-height:75px;padding:15px 20px;flex-wrap:wrap}.topactions{gap:7px}.topactions .btn{padding:9px 11px}.crumb{display:none}.page{padding:25px 20px}.page-heading{align-items:start;flex-wrap:wrap}h1{font-size:31px}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat{padding:18px}.banner-mark{display:none}.banner{padding:23px}.banner h2{font-size:26px}.grid2{grid-template-columns:1fr;gap:0}.media-grid{grid-template-columns:1fr 1fr}.preview-stage,.preview-stage iframe{height:500px}.panel{padding:20px}.demo-bar{padding:8px 20px}.demo-bar span:last-child{display:none}.bottom-save{flex-wrap:wrap}.footer{flex-wrap:wrap}.actions{flex-wrap:wrap}.table-wrap table{min-width:610px}.topactions .badge{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
a{text-decoration:none}.public-header{max-width:1180px;margin:auto;padding:25px 30px;display:flex;align-items:center;gap:25px}.public-header .brand{padding:0}.public-header nav{margin-left:auto;display:flex;gap:22px;font-size:13px}.public-main{max-width:1180px;margin:auto;padding:0 30px}.public-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.public-shortcuts .panel{background:#e9eee1;margin-bottom:0}.public-shortcuts .panel.radio{background:#efe9f5}.public-shortcuts h2{font-size:25px}.radio-player{border:1px solid var(--line);border-radius:14px;padding:15px 22px;display:flex;align-items:center;gap:20px;background:#f3eef8;flex-wrap:wrap}.radio-player small{display:block;color:var(--muted);font-size:11px}.radio-player audio{flex:1;max-width:390px;height:38px}.public-hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:65px 0}.public-hero h1{font:normal clamp(44px,5vw,68px)/1.08 Georgia;letter-spacing:-2px;white-space:pre-line;margin:22px 0}.public-hero .intro{font-size:16px;line-height:1.85;max-width:450px;white-space:pre-line}.hero-art{position:relative;min-height:420px;display:grid;place-items:center;border-radius:48%;background:radial-gradient(ellipse,#e8eedf,transparent 72%)}.hero-art img{width:100%;max-width:470px}.float-card{position:absolute;border:1px solid white;border-radius:12px;background:#ffffffec;padding:14px 18px;box-shadow:0 10px 25px #263e3510}.float-card.one{left:0;bottom:55px;font:22px Georgia}.float-card.two{right:0;top:60px;font-size:12px}.art-caption{text-align:center;font-size:10px;letter-spacing:1px;color:#87967a}.public-values{display:flex;justify-content:center;gap:50px;border-block:1px solid var(--line);padding:20px 0;font-size:12px}.public-section{padding:55px 0}.public-section h2{font-size:36px}.public-areas{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.public-areas .panel{margin:0}.public-areas .icon{display:grid;place-items:center;width:42px;height:42px;background:var(--sage);border-radius:12px;font-size:24px;margin-bottom:22px}.public-areas p{font-size:13px;min-height:60px}.public-story{background:#edf0e7;border-radius:20px;padding:40px;margin:20px 0 50px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.public-story h2{font-size:35px;white-space:pre-line}.public-story blockquote{font:italic 27px/1.5 Georgia;border-left:2px solid #b9c9ab;padding-left:28px;margin:0;color:#667d5c}.public-footer{font-size:11px;color:var(--muted);padding:25px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.auth-wrap{max-width:460px;margin:55px auto;padding:0 20px}.auth-wrap h1{font-size:35px}.auth-wrap .panel{padding:30px}.auth-wrap .btn{width:100%}.error-page{max-width:800px;margin:100px auto;padding:30px}.message{border:1px solid #cdddc0;background:#eef5e8;border-radius:9px;padding:13px 17px;font-size:12px;margin-bottom:20px}.secret{font:20px monospace;overflow-wrap:anywhere;padding:16px;background:#e9eedf;border-radius:10px;user-select:all}.mono{font-family:monospace;overflow-wrap:anywhere;font-size:11px}.stack{display:grid;gap:15px}.module-status{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px;border-bottom:1px solid var(--line)}.module-status:last-child{border-bottom:0}.button-row{display:flex;gap:10px;flex-wrap:wrap}.check-row{display:flex;gap:10px;align-items:center;font-size:12px;margin:12px 0}.cms-card{border:1px solid var(--line);padding:18px;border-radius:10px;margin:12px 0}.cms-section details{border-bottom:1px solid var(--line);padding:15px 0}.cms-section summary{cursor:pointer;font-size:16px;font-family:Georgia}.table-wrap code{font-size:10px}.topbar form{margin:0}.notice.error{background:#faece9;border-color:#ecd2cb;color:#9c5e4d}@media(max-width:760px){.public-header{padding:20px;gap:12px}.public-header nav{display:none}.public-header .btn{margin-left:auto}.public-main{padding:0 20px}.public-hero{grid-template-columns:1fr;padding:40px 0;gap:15px}.hero-art{min-height:320px}.public-shortcuts{grid-template-columns:1fr}.public-areas{grid-template-columns:1fr 1fr}.public-story{grid-template-columns:1fr;padding:25px;gap:25px}.public-values{gap:15px;flex-wrap:wrap}.radio-player audio{min-width:100%;order:3}.public-footer{flex-wrap:wrap}.public-section h2{font-size:29px}.public-hero h1{font-size:48px}.auth-wrap{margin-top:25px}}@media(max-width:400px){.public-areas{grid-template-columns:1fr}.brand{font-size:14px}.brand small{font-size:8px}.public-header .btn{padding:9px 12px}.float-card.one{font-size:18px}.float-card.two{font-size:10px}.radio-player{padding:15px}.stats{grid-template-columns:1fr 1fr}}
