:root{--green:#243f36;--green2:#526e5a;--ink:#1d382e;--muted:#728075;--paper:#faf8f1;--white:#fffef9;--line:#e3e7dc;--light:#edf2e8;--sand:#f5efe2}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:var(--paper);margin:0;font-family:Arial,Noto Sans,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}:is(button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible){outline-offset:2px;outline:3px solid #aa9abd}p{margin:0;line-height:1.6}h1,h2,h3{margin:0}h1{letter-spacing:-.03em;font:400 clamp(32px,3.7vw,54px)/1.12 Georgia,serif}h1 em{color:#708d70;font-weight:400}h2{font-size:22px;font-weight:600}h3{font-size:16px}.app{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#fffef9f2;justify-content:space-between;align-items:center;height:72px;padding:0 5%;display:flex}.brand{text-align:left;letter-spacing:-.035em;color:var(--green);background:0 0;border:0;padding:0;font:400 28px Georgia,serif}.brand span{letter-spacing:.02em;color:var(--muted);border-left:1px solid var(--line);margin-left:12px;padding-left:13px;font:12px Arial,sans-serif}.top-right{align-items:center;gap:20px;font-size:12px;display:flex}.quiet{color:var(--muted);text-decoration:none}.alert{color:#754727;background:#fff0e5;border-bottom:1px solid #ebc5a5;justify-content:space-between;padding:12px 5%;display:flex}.alert button{background:0 0;border:0}.dashboard{grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 72px);display:grid}.sidebar{border-right:1px solid var(--line);background:#f4f5ed;flex-direction:column;padding:42px 20px;display:flex}.section-label,.eyebrow{letter-spacing:.16em;color:#839484;font-size:10px;font-weight:700}.side-active{background:#e6eddf;border-radius:7px;align-items:center;gap:12px;margin-top:17px;padding:12px;font-size:13px;display:flex}.storage{color:var(--muted);margin-top:auto;padding:20px 8px;font-size:12px}.storage strong{color:var(--green);margin:8px 0;font-size:14px;display:block}.storage strong span{color:var(--muted);font-weight:400}.meter{background:#e0e5d9;border-radius:5px;width:100%;height:5px;overflow:hidden}.meter i{background:#829e7f;height:100%;display:block}.storage small{margin-top:9px;line-height:1.5;display:block}.main{width:100%;max-width:1240px;margin:auto;padding:40px 6% 100px}.dashboard-head{background:#eff2e9;border-radius:12px;justify-content:space-between;align-items:center;min-height:260px;padding:42px 48px;display:flex;overflow:hidden}.dashboard-head h1{margin:15px 0}.dashboard-head p{color:var(--muted)}.hero-art{object-fit:contain;width:31%;max-width:300px;max-height:190px}.list-heading{justify-content:space-between;align-items:end;gap:15px;margin:55px 0 20px;display:flex}.list-heading p{color:var(--muted);margin-top:6px;font-size:13px}.button{background:var(--white);color:var(--green);white-space:nowrap;border:1px solid #d8dfd2;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.button.primary{background:var(--green);border-color:var(--green);color:#fff}.button.ghost{background:0 0}.button.tiny{padding:9px 11px;font-size:12px}.button.text-button{color:#8a5d50;background:0 0;border:0;padding-left:0}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.empty{border:1px solid var(--line);background:var(--white);border-radius:12px;justify-content:space-between;align-items:center;min-height:240px;padding:30px 40px;display:flex}.empty h3{margin:15px 0 7px}.empty p{color:var(--muted);margin-bottom:18px;font-size:13px}.empty img{width:25%;max-width:210px}.empty-icon{color:#779079;background:#eef3e9;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.signin{border:1px solid var(--line);background:var(--white);border-radius:10px;align-items:center;gap:18px;margin-top:40px;padding:25px;display:flex}.signin p{color:var(--muted);font-size:13px}.signin a{margin-left:auto}.project-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.project-card{border:1px solid var(--line);background:var(--white);border-radius:10px;overflow:hidden}.project-open{text-align:left;background:0 0;border:0;width:100%;padding:0}.card-image{background:#edf1e8;justify-content:center;align-items:center;height:140px;display:flex}.card-image img{object-fit:contain;max-width:80%;height:115px}.card-body{padding:20px}.card-body p,.card-body span{color:var(--muted);margin-top:8px;font-size:12px;display:block}.card-actions{border-top:1px solid var(--line);justify-content:space-between;padding:7px 15px;display:flex}.card-actions button{color:var(--green2);background:0 0;border:0;padding:7px;font-size:12px}.add-example{min-height:220px;color:var(--green2);background:0 0;border:1px dashed #cdd6c7;border-radius:10px;place-content:center;justify-items:center;gap:9px;display:grid}.editor-head{background:var(--white);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:78px;padding:14px 2.5%;display:flex}.icon-button{background:0 0;border:0;border-radius:6px;place-items:center;padding:8px;display:inline-grid}.project-title{color:var(--ink);background:0 0;border:0;width:min(350px,34vw);padding:2px;font-size:16px;font-weight:600}.save-status{color:var(--muted);padding:2px;font-size:11px}.editor-layout{grid-template-columns:155px minmax(0,1fr) 280px;min-height:calc(100vh - 150px);display:grid}.filmstrip{border-right:1px solid var(--line);background:#f1f3eb;flex-direction:column;gap:12px;padding:22px 14px;display:flex}.muted{color:var(--muted);font-size:11px}.thumbnail{text-align:left;background:0 0;border:0;align-items:flex-start;gap:7px;padding:0;display:flex}.thumbnail>span{color:var(--muted);padding-top:5px;font-size:11px}.thumb-inner{aspect-ratio:16/9;background:#fffdf5;border:1px solid #dce1d5;border-radius:4px;justify-content:space-between;align-items:center;width:100%;padding:7px;display:flex;overflow:hidden}.thumbnail.active .thumb-inner{outline:2px solid #769476}.thumb-inner strong{max-width:60%;font-size:7px;font-weight:600;line-height:1.2;overflow:hidden}.thumb-inner img{object-fit:contain;width:38%;height:90%}.add-slide{color:var(--green2);background:0 0;border:1px dashed #cbd5c7;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:9px;font-size:12px;display:flex}.workbench{min-width:0;padding:24px min(3vw,35px)}.workbench-tools{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.canvas-wrap{background:#e9ede3;border-radius:10px;padding:clamp(10px,2vw,30px)}.canvas{aspect-ratio:16/9;background:#fbf9f1 url(/assets/paper.webp) 50%/cover;border:1px solid #e8e5db;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 22px #243f360f;container-type:inline-size}.canvas.editing .canvas-box,.canvas.editing .canvas-image{cursor:move;touch-action:none}.canvas-box{white-space:pre-wrap;z-index:2;overflow-wrap:anywhere;width:47%;font-weight:500;line-height:1.28;position:absolute}.canvas-box.selected,.canvas-image.selected{outline-offset:5px;outline:2px solid #9aae91}.canvas-image{object-fit:contain;-webkit-user-select:none;user-select:none;height:auto;max-height:75%;position:absolute}.translated{color:#6c8a70;margin-top:.4em;font-size:.75em;line-height:1.35}.slide-logo{object-fit:contain;width:5%;height:auto;max-height:10%;position:absolute;bottom:3%;right:3%}.helper{color:var(--muted);padding:12px 2px;font-size:11px}.notes-label{margin-top:15px;font-size:12px;font-weight:600;display:block}.notes-label span{color:var(--muted);margin-left:8px;font-weight:400}.notes-label textarea{height:80px;margin-top:8px}.properties{background:var(--white);border-left:1px solid var(--line);min-width:0;padding:23px}.properties h3{margin-bottom:10px;font-size:15px}.property-tabs{border-bottom:1px solid var(--line);gap:15px;margin-bottom:25px;display:flex}.property-tabs button{background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 3px;font-size:12px;display:flex}.property-tabs button.active{color:var(--green);border-color:#6b896a;font-weight:700}.properties label:not(.check),.modal label{color:var(--green);margin:18px 0;font-size:12px;font-weight:600;display:block}.properties label strong{float:right;color:var(--muted);font-weight:400}.properties textarea,.properties select,.modal input,.notes-label textarea{width:100%;color:var(--green);background:#fffefb;border:1px solid #d9e0d4;border-radius:6px;margin-top:8px;padding:10px}.properties textarea{resize:vertical;min-height:110px;font-size:13px;line-height:1.5}.properties input[type=range]{accent-color:#698969;width:100%;margin:12px 0;display:block}.hint{color:var(--muted);margin-bottom:12px;font-size:12px}.divider{background:var(--line);height:1px;margin:24px 0}.check{align-items:center;gap:8px;font-size:12px;line-height:1.4;display:flex}.check input{accent-color:var(--green);width:16px;height:16px}.lang-list{grid-template-columns:1fr 1fr;gap:10px;margin:17px 0;display:grid}.review-note,.privacy-note{color:#806a40;background:#faf2e2;border-radius:6px;padding:12px;font-size:12px;line-height:1.5}.presentation{max-width:1300px;margin:auto;padding:28px 5% 35px}.present-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.present-title{color:var(--muted);font-size:13px}.lang-select{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.lang-select select{background:var(--white);color:var(--green);border:1px solid #d7dfd1;border-radius:6px;padding:8px}.present-canvas{width:100%}.present-nav{color:var(--muted);justify-content:space-between;align-items:center;margin-top:22px;font-size:12px;display:flex}.welcome-slide{background:#eef2e9;border-radius:10px;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;min-height:530px;padding:8%;display:grid}.welcome-slide h1{margin:18px 0}.welcome-slide p{color:var(--muted);margin-bottom:20px}.welcome-qr{justify-content:center;display:flex}.welcome-qr img{border:15px solid #fff;border-radius:10px;width:min(300px,100%)}.qr-empty{color:#a6b2a0;background:#fffdf8;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:250px;height:250px;display:flex}.qr-empty span{font-size:12px}.share-link{overflow-wrap:anywhere;color:var(--green2);margin-bottom:14px;font-size:12px;display:block}.modal-backdrop{z-index:10;background:#1a2a237a;place-items:center;padding:15px;display:grid;position:fixed;inset:0}.modal{background:var(--white);border-radius:12px;width:min(460px,100%);max-height:90vh;padding:30px;position:relative;overflow:auto}.modal h2{margin:10px 0}.modal p{color:var(--muted);font-size:13px}.modal-close{background:0 0;border:0;position:absolute;top:20px;right:20px}.modal-qr{width:210px;height:210px;margin:16px auto;display:block}.modal .row{margin:15px 0}.modal .privacy-note{color:#806a40;margin:15px 0}.loading{padding:5%}.loading p{margin-top:30px}@media (max-width:1000px){.editor-layout{grid-template-columns:130px minmax(0,1fr) 235px}.properties{padding:17px}.editor-head .controls{gap:4px}.button{padding:9px 10px}}@media (max-width:760px){.topbar{height:60px}.brand{font-size:23px}.brand span{font-size:10px}.user-name{display:none}.dashboard{display:block}.sidebar{display:none}.main{padding:25px 5% 60px}.dashboard-head{min-height:210px;padding:28px}.dashboard-head h1{font-size:30px}.hero-art{width:33%}.list-heading{margin-top:36px}.editor-layout{grid-template-columns:90px minmax(0,1fr)}.properties{border-left:0;border-top:1px solid var(--line);grid-column:1/-1}.filmstrip{padding:15px 8px}.workbench{padding:16px 10px}.editor-head{padding:12px}.editor-head .controls{justify-content:flex-end;width:100%}.project-title{width:55vw}.welcome-slide{grid-template-columns:1fr;min-height:0;padding:32px}.welcome-qr{grid-row:1}.welcome-qr img,.qr-empty{width:180px;height:180px}.empty{padding:25px}.empty img{display:none}.present-top{align-items:flex-start}.canvas-box{min-width:0}.presentation{padding:18px 4%}.signin{flex-wrap:wrap}.signin a{margin-left:0}}@media (max-width:480px){.dashboard-head{padding:22px}.dashboard-head h1{font-size:27px}.hero-art{display:none}.list-heading{flex-direction:column;align-items:flex-start}.editor-head .button{font-size:11px}.filmstrip{width:78px}.editor-layout{grid-template-columns:78px minmax(0,1fr)}.workbench-tools{flex-wrap:wrap}.canvas-wrap{padding:7px}.notes-label{font-size:11px}.canvas-box{line-height:1.12}.present-title{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.modal{padding:24px}.project-grid{grid-template-columns:1fr 1fr;gap:10px}.add-example{min-height:180px}.card-image{height:100px}.card-image img{height:80px}.card-body{padding:12px}.card-body h3{font-size:14px}}.brand{text-decoration:none}html:-webkit-full-screen .topbar{display:none}html:fullscreen .topbar{display:none}html:-webkit-full-screen .presentation{flex-direction:column;align-items:center;max-width:none;height:100vh;padding:14px 2vw;display:flex}html:fullscreen .presentation{flex-direction:column;align-items:center;max-width:none;height:100vh;padding:14px 2vw;display:flex}:-webkit-any(html:-webkit-full-screen .present-top,html:-webkit-full-screen .present-nav){width:100%;max-width:1700px;margin:0}:is(html:fullscreen .present-top,html:fullscreen .present-nav){width:100%;max-width:1700px;margin:0}html:-webkit-full-screen .present-canvas{width:min(96vw,177.778vh - 222.222px);margin:auto}html:fullscreen .present-canvas{width:min(96vw,177.778vh - 222.222px);margin:auto}html:-webkit-full-screen .welcome-slide{aspect-ratio:16/9;width:min(96vw,177.778vh - 222.222px);min-height:0;margin:auto}html:fullscreen .welcome-slide{aspect-ratio:16/9;width:min(96vw,177.778vh - 222.222px);min-height:0;margin:auto}html:-webkit-full-screen .present-nav{margin-top:8px}html:fullscreen .present-nav{margin-top:8px}.brand-group{align-items:center;min-width:0;display:flex}.studio-home{letter-spacing:.02em;color:var(--muted);border-left:1px solid var(--line);white-space:nowrap;margin-left:12px;padding-left:13px;font:12px Arial,sans-serif;text-decoration:none}.interface-language{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.interface-language select{border:1px solid var(--line);background:var(--white);max-width:150px;color:var(--green);border-radius:6px;padding:7px}@media (max-width:760px){.topbar{gap:8px;padding:0 3%}.top-right{gap:8px}.interface-language span{display:none}.interface-language select{max-width:100px}.studio-home{margin-left:8px;padding-left:8px;font-size:10px}}.sidebar-projects{flex-direction:column;gap:2px;max-height:45vh;margin:10px 0;display:flex;overflow-y:auto}.sidebar-project{text-align:left;width:100%;color:var(--green2);background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:10px 12px;font-size:12px;display:flex}:is(.sidebar-project:hover,.sidebar-project:focus-visible){background:#e8eee2}.sidebar-project svg{flex:none}.sidebar-project span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-hint{color:var(--muted);margin:12px;font-size:12px;line-height:1.5}.sidebar-templates{color:var(--green2);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:11px 12px;font-size:12px;display:flex}.sidebar-templates:hover{background:#e8eee2}.template-banner{background:#f5f6ed;border:1px solid #dfe7d9;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:24px 28px;display:flex}.template-banner h2{margin:8px 0 4px;font-size:19px}.template-banner p{color:var(--muted);font-size:12px}.template-modal{width:min(960px,100%)}.template-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.template-card{border:1px solid var(--line);text-align:left;background:#fffefb;border-radius:9px;min-width:0;padding:0;overflow:hidden}.template-card:hover{border-color:#8ca78b;box-shadow:0 4px 15px #243e3614}.template-art{background:#eef2e9;justify-content:center;align-items:center;height:115px;display:flex}.template-art img{object-fit:contain;width:85%;height:85%}.template-card>div:last-child{padding:12px}.template-card strong,.template-card span{display:block}.template-card strong{font-size:13px;line-height:1.3}.template-card span{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.4}.template-modal p.hint{margin-top:10px}@media (max-width:760px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-banner{flex-wrap:wrap;padding:18px}.template-art{height:95px}}.modal select.qr-color-select{width:100%;color:var(--green);background:#fffefb;border:1px solid #d9e0d4;border-radius:6px;margin-top:8px;padding:10px}@media (max-width:600px){.presentation{padding:16px 4% 28px}.present-top{gap:12px;margin-bottom:16px}.present-top>.row{max-width:100%}.present-title{white-space:normal;overflow-wrap:anywhere;max-width:none}.present-top .lang-select select{max-width:48vw;min-height:44px}.present-top .check,.present-top .icon-button,.present-nav .button{min-height:44px}.present-canvas .canvas:not(.editing){aspect-ratio:auto;flex-direction:column;align-items:stretch;gap:18px;min-height:260px;padding:26px 24px 56px;display:flex;overflow:visible}.present-canvas .canvas-box{width:100%;line-height:1.4;position:static;font-size:19px!important}.present-canvas .canvas-box.canvas-title{line-height:1.25;font-size:25px!important}.present-canvas .canvas-box:empty{display:none}.present-canvas .translated{margin-top:.25em;font-size:.9em;line-height:1.4}.present-canvas .canvas-image{object-fit:contain;align-self:center;max-width:100%;height:auto;max-height:none;position:static;width:auto!important}.present-canvas .slide-logo{width:32px;max-height:none;bottom:15px;right:18px}.present-nav{gap:10px}html:-webkit-full-screen .presentation{align-items:stretch;height:100dvh;padding:12px 4%;overflow-y:auto}html:fullscreen .presentation{align-items:stretch;height:100dvh;padding:12px 4%;overflow-y:auto}:-webkit-any(html:-webkit-full-screen .present-canvas,html:-webkit-full-screen .welcome-slide){width:100%;margin:14px auto}:is(html:fullscreen .present-canvas,html:fullscreen .welcome-slide){width:100%;margin:14px auto}html:-webkit-full-screen .welcome-slide{aspect-ratio:auto}html:fullscreen .welcome-slide{aspect-ratio:auto}html:-webkit-full-screen .present-nav{margin-top:10px}html:fullscreen .present-nav{margin-top:10px}}