*{box-sizing:border-box} :root{font-family:Arial,sans-serif;color:#252c28;background:#f6f7f3;font-synthesis:none;--line:#e2e6df;--accent:#d9ed8e;--muted:#747c75}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;min-height:42px;padding:10px 16px;border:1px solid var(--line);border-radius:9px;background:white;color:inherit;font-weight:600}button:hover{background:#edf1e7}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:#253a2c;color:white;border-color:#253a2c}button.accent{background:var(--accent);border-color:var(--accent)}button.ghost{background:transparent;border-color:transparent}button.danger{color:#a43d34}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #d9dfd5;border-radius:8px;background:white;color:inherit;min-height:44px}textarea{resize:vertical;line-height:1.5;min-height:95px}label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px}a{color:#3b603c}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1px;font-weight:600}h2{font-size:22px;font-weight:600}h3{font-size:16px}p{line-height:1.6}.muted,small{color:var(--muted)}small{line-height:1.5}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grow{flex:1}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:24px}.note{padding:14px 18px;border-radius:9px;background:#f1f4e9;font-size:13px;line-height:1.6}.warning{background:#fff3df;color:#7e5416}.badge{display:inline-block;padding:6px 10px;border-radius:6px;background:#eef2e8;font-size:11px;font-weight:600}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh}.wordmark{font-size:24px;font-weight:800;letter-spacing:-1px;display:flex;gap:10px;align-items:center}.mark{display:inline-flex;background:#253a2c;color:var(--accent);width:36px;height:36px;align-items:center;justify-content:center;border-radius:10px;font-size:25px}.nav{display:flex;flex-direction:column;gap:8px}.nav button{text-align:left;background:none;border:0;font-weight:500;color:#6e786e}.nav button.active{background:#ecf1e4;color:#253a2c;font-weight:700}.sidefoot{margin-top:auto;font-size:12px;line-height:1.8}.topbar{height:78px;padding:20px 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fafbf8}.content{padding:35px 38px;max-width:1600px;margin:auto}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#7a8576;margin-bottom:14px}.hero{background:#e8eedb;border:1px solid #dde6cd;border-radius:16px;padding:30px 34px;margin:25px 0 32px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;min-height:195px}.hero h2{font-size:27px;max-width:460px}.hero p{color:#6a7562;margin-bottom:22px}.hero-art{transform:rotate(8deg);background:#23382d;width:155px;height:173px;border-radius:8px;padding:23px;color:#d9ed8e;box-shadow:-24px 8px 0 #f8faf2;line-height:1.3;font-size:23px;font-weight:700}.project-tile{padding:0;overflow:hidden;cursor:pointer;text-align:left}.project-preview{height:240px;background:#e8e9e1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:22px}.project-preview canvas{max-height:215px;max-width:100%;box-shadow:0 4px 14px #0001}.tile-info{padding:17px 20px}.tile-info p{margin:7px 0 0;font-size:12px;color:#838b80}.empty{padding:40px;text-align:center;border:1px dashed #cbd4c6;border-radius:14px;color:#717e6e}.steps{display:flex;gap:18px;margin-bottom:24px;font-size:12px;color:#8b9587}.steps .current{color:#385332;font-weight:bold}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:10px}.asset-grid button{padding:6px}.asset-grid img{width:100%;height:100px;object-fit:contain;background:#efefec}.asset-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-img{width:100%;height:210px;object-fit:contain;background:#eeefea;border-radius:8px}.login{max-width:440px;margin:10vh auto;padding:36px}.login .wordmark{margin-bottom:30px}.login button{width:100%;margin-top:20px}.loading{text-align:center;margin-top:20vh;color:#5c6e59}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;background:#22372b;color:white;padding:14px 22px;border-radius:10px;z-index:100;box-shadow:0 10px 40px #0003;display:none}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;max-width:720px;width:92vw;max-height:90vh;overflow:auto;color:inherit}dialog::backdrop{background:#12231566}.editor-shell{display:grid;grid-template-columns:180px minmax(250px,1fr) 265px;gap:15px;margin-top:20px}.editor-main{min-width:0;background:#e9ece5;border-radius:12px;padding:20px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;min-height:650px}.canvas-wrap{position:relative;line-height:0;width:100%;max-width:470px}.canvas-wrap canvas{width:100%;height:auto;box-shadow:0 5px 25px #1d2e1c20;touch-action:none;outline:none;background:white}.editor-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;align-self:start}.editor-panel h3{font-size:13px;margin-top:15px}.editor-panel input,.editor-panel select{font-size:12px;padding:7px;min-height:38px}.editor-panel label{font-size:11px;margin-top:10px}.editor-panel button{font-size:12px;padding:8px;min-height:40px}.editor-panel textarea{font-size:12px}.properties-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cardstrip{display:flex;gap:8px;overflow:auto;margin-top:15px;padding:5px}.cardstrip button{padding:7px;min-width:67px}.cardstrip button.active{border:2px solid #597748;background:#eff5e8}.cardstrip canvas{width:50px;height:auto;display:block}.layer{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px}.layer.selected{background:#ecf3df;border-color:#9db57c}.save-state{font-size:12px;color:#617254}.save-state.error{color:#a43d34}.color-row{display:flex;gap:5px}.swatch{width:28px;height:28px;border-radius:50%;border:1px solid #0001}.file-input{font-size:12px}.inline-check{display:flex;align-items:center;gap:8px}.inline-check input{width:18px;min-height:20px}.review-card{margin-bottom:16px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:20px 0}.day{border:1px solid var(--line);background:white;padding:8px;min-height:82px;font-size:12px}.day .badge{font-size:10px;display:block;margin-top:5px;overflow:hidden}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.toolbar button{font-size:12px}.editor-content{max-width:none;padding:24px}.ref-actions{display:flex;gap:7px;margin-top:14px}.ref-actions button{font-size:12px}.list-item{padding:12px 0;border-bottom:1px solid var(--line)}.section-gap{margin-top:28px}.mobile-only{display:none}
@media(max-width:1100px){.shell{grid-template-columns:180px 1fr}.sidebar{padding:24px 12px}.wordmark{font-size:21px}.content{padding:25px}.editor-shell{grid-template-columns:140px minmax(220px,1fr)}.editor-panel.properties{grid-column:1/-1}.properties>.properties-grid{grid-template-columns:repeat(4,1fr)}.editor-main{min-height:500px}.hero-art{width:110px;height:140px;font-size:18px}.topbar{padding:20px}}
@media(max-width:700px){.shell{display:block}.sidebar{position:static;height:auto;padding:15px;gap:12px;border-bottom:1px solid var(--line)}.sidebar .wordmark{font-size:22px}.sidebar .brand-label,.sidefoot{display:none}.sidebar select{max-width:none}.nav{flex-direction:row;overflow:auto;gap:4px}.nav button{white-space:nowrap;padding:10px;font-size:12px;min-height:44px}.topbar{height:58px;padding:12px 17px}.content{padding:22px 16px}h1{font-size:27px}.hero{padding:25px;min-height:190px}.hero h2{font-size:24px}.hero-art{display:none}.two{grid-template-columns:1fr}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.project-preview{height:185px;padding:15px}.project-preview canvas{max-height:160px}.tile-info{padding:14px}.editor-shell{display:flex;flex-direction:column}.editor-panel.tools{width:100%;display:flex;gap:7px;flex-wrap:wrap}.tools h3,.tools #layers{display:none}.editor-main{width:100%;min-height:0;padding:16px}.editor-panel.properties{width:100%}.properties>.properties-grid{grid-template-columns:1fr 1fr}.panel{padding:20px}.calendar{gap:2px}.day{padding:4px;min-height:65px}.login{margin:5vh 15px}.steps{gap:9px;font-size:10px}.ref-img{height:160px}.toolbar button{min-height:44px}.editor-content{padding:16px}.mobile-only{display:block}}

.wordmark{white-space:nowrap;gap:7px;font-size:23px;letter-spacing:-1.2px}.wordmark .mark{flex-shrink:0}.editor-panel.tools>button{margin-bottom:5px}.editor-panel.properties>small{display:block;margin-top:8px}