@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--ink:#193d32;--muted:#778078;--mint:#dbefdf;--paper:#fafbf7;--line:#e2e7dd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}.header{height:96px;max-width:1320px;margin:auto;padding:0 56px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.2px;display:flex;align-items:center}.brand>span:not(.brand-icon):not(.brand-dot){font-weight:500}.brand-icon{background:var(--ink);color:#eff6da;border-radius:9px;font-size:28px;width:34px;height:34px;display:grid;place-items:center;margin-right:10px}.brand-dot{color:#77a580}nav{display:flex;gap:32px;font-size:13px}nav a:hover{color:#65a177}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--line);border-radius:7px;padding:15px 23px;font-weight:600;background:transparent;color:var(--ink);transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#eaf0e5}.button.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.button.dark:hover{background:#2c5546}.button.small{padding:12px 19px;font-size:12px}.hero{max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:65px 56px 70px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:block}.pill{display:inline-flex;align-items:center;gap:8px;background:#edf3e7;border:1px solid #e0e9d8;border-radius:30px;padding:8px 12px;font-size:10px;letter-spacing:1.3px}.pill i{width:6px;height:6px;background:#76a47e;border-radius:50%}h1{font-family:Manrope,sans-serif;font-size:clamp(42px,4.4vw,64px);letter-spacing:-3px;line-height:1.13;font-weight:600;margin:24px 0}h1 em{font-family:'Playfair Display',serif;font-weight:500;color:#739d7b}h2{font-family:Manrope,sans-serif;font-size:32px;letter-spacing:-1.3px;font-weight:600;line-height:1.2;margin:13px 0}h3{font-size:16px;font-weight:600}.hero-copy>p{color:var(--muted);font-size:15px;line-height:1.85;max-width:370px}.hero-actions{display:flex;gap:12px;margin-top:28px}.trust{display:flex;gap:19px;color:#7c8579;font-size:10px;margin-top:23px}.trust span::first-letter{color:#6b9c74}.preview-scene{position:relative;background:#edf0e6;border-radius:18px;padding:29px 32px 26px;transform:rotate(2deg);box-shadow:0 20px 55px #193d3208}.scene-title{display:flex;justify-content:space-between;font-size:10px;color:#7d897c;letter-spacing:.5px;margin-bottom:18px}.scene-title b{color:var(--ink);font-weight:500}.quote-art{aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;padding:13%;background:#dbebce;color:#244832;border-radius:3px}.quote-art::before{content:'';position:absolute;inset:14px;border:1px solid currentColor;opacity:.15;pointer-events:none}.quote-art .mark{font-family:Georgia,serif;font-size:64px;line-height:.8;margin-bottom:18px;opacity:.55}.quote-art .quote-text{font-family:'Playfair Display',serif;font-size:30px;line-height:1.3;white-space:pre-wrap;overflow-wrap:anywhere;position:relative}.quote-art .author{font-size:8px;letter-spacing:2px;text-transform:uppercase;margin-top:24px}.watermark{position:absolute;bottom:15px;right:17px;font-size:8px;opacity:.65}.scene-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.swatches{display:flex;gap:7px}.swatch{border:2px solid transparent;outline:1px solid transparent;border-radius:50%;width:19px;height:19px;padding:0}.swatch.active{border-color:white;outline-color:#849b7e}.scene-toolbar>span{font-size:9px;color:#819078}.float-label{position:absolute;bottom:71px;left:-36px;background:white;border:1px solid var(--line);border-radius:9px;padding:13px 17px;box-shadow:0 8px 30px #193d3210;transform:rotate(-2deg);font-size:11px;display:flex;align-items:center;gap:10px}.float-label span{background:#e7f0df;padding:7px;border-radius:50%}.mini-tag{position:absolute;right:-19px;top:64px;border-radius:7px;background:white;padding:10px 14px;font-size:10px;transform:rotate(-7deg);box-shadow:0 4px 15px #193d320a}.benefit-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px;display:flex;justify-content:center;gap:59px;font-size:11px;color:#6e796e}.benefit-strip span{display:flex;gap:10px;align-items:center}.benefit-strip b{color:#568265;font-size:17px;font-weight:400}.section{max-width:1320px;margin:auto;padding:75px 56px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-heading p,.section>p{color:var(--muted);line-height:1.7}.section-heading h2{margin-bottom:8px}.text-link{font-size:12px;font-weight:600;white-space:nowrap}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:27px}.chip{border:1px solid var(--line);background:transparent;padding:8px 15px;border-radius:30px;color:#758074;font-size:11px}.chip.active{background:var(--ink);color:white;border-color:var(--ink)}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.template-card{min-width:0;position:relative}.template-card .quote-art{transition:transform .25s;aspect-ratio:1}.template-card:hover .quote-art{transform:translateY(-4px)}.template-card .quote-text{font-size:22px}.template-card .mark{font-size:36px;margin-bottom:13px}.template-card .author{font-size:6px;margin-top:15px}.template-card .watermark{font-size:6px}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.card-meta h3{font-size:12px;margin:0}.card-meta p{font-size:10px;margin:5px 0;color:var(--muted)}.card-meta>a{width:27px;height:27px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.badge{position:absolute;top:10px;right:10px;background:#fff9de;color:#6b5f30;font-size:8px;padding:5px 8px;border-radius:20px;z-index:2}.how-section{background:#f0f3e9}.center-heading{text-align:center;margin-bottom:40px}.center-heading p{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;text-align:center}.step-icon{width:48px;height:48px;display:grid;place-items:center;margin:auto;background:#e0e8d8;border-radius:12px;font-size:21px}.steps h3{margin:19px 0 10px}.steps p{color:var(--muted);font-size:12px;line-height:1.8;max-width:250px;margin:auto}.step-num{color:#83967e;font-size:9px;letter-spacing:1px;display:block;margin-top:22px}.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.use-card{border:1px solid var(--line);border-radius:10px;padding:24px}.use-card>span{font-size:25px}.use-card p{font-size:12px;color:var(--muted);line-height:1.7}.cta{margin:20px 56px 65px;padding:50px;background:#dfead7;border-radius:14px;text-align:center}.cta p{color:#71826b}.cta .button{margin-top:12px}footer{max-width:1320px;margin:auto;padding:0 56px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0}.footer-top{border-bottom:1px solid var(--line)}.footer-top p,.footer-top>a:last-child{font-size:12px}.footer-bottom{color:#90988c;font-size:10px}.text-button{background:none;border:0;color:inherit;padding:0}.page-top{max-width:1320px;margin:auto;padding:50px 56px 0}.page-top h1{font-size:46px;margin:14px 0}.page-top p{color:var(--muted)}.search{width:100%;max-width:420px;border:1px solid var(--line);border-radius:8px;padding:13px 17px;background:white;margin-top:15px}.editor{max-width:1450px;margin:25px auto 55px;padding:0 40px;display:grid;grid-template-columns:290px 1fr 215px;gap:25px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;height:fit-content}.panel h3{margin-top:0}.panel label,dialog label{display:block;font-size:11px;font-weight:600;margin:17px 0 8px}.panel input:not([type=color]):not([type=range]),.panel textarea,.panel select,dialog textarea{width:100%;border:1px solid var(--line);border-radius:6px;padding:10px;background:#fcfcf9;color:var(--ink)}textarea{resize:vertical;min-height:110px}.control-row{display:flex;gap:12px}.control-row>div{flex:1;min-width:0}.panel input[type=color]{width:100%;height:35px;border:1px solid var(--line);background:white;border-radius:5px}.panel input[type=range]{width:100%;accent-color:var(--ink)}.editor-stage{background:#ecf0e7;border-radius:12px;padding:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:620px}.editor-stage .quote-art{width:100%;max-width:500px;box-shadow:0 12px 35px #1d3a3315}.editor-stage>p{font-size:10px;color:var(--muted);margin-top:22px}.panel .button{width:100%;margin-top:10px;font-size:12px;padding:12px 10px}.fine{font-size:11px;color:var(--muted);line-height:1.7}.align-buttons{display:flex;gap:6px}.align-buttons button{flex:1;padding:8px;background:#f5f7f1;border:1px solid var(--line);border-radius:4px}.align-buttons button.active{background:#dcebd5}.gallery-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.gallery-actions button,.gallery-actions a{background:white;border:1px solid var(--line);border-radius:5px;padding:7px;font-size:10px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.detail .quote-art{max-width:520px}.detail p{line-height:1.9;color:var(--muted)}.premium-banner{border:1px solid #e6dab7;background:#f5f0e1;padding:30px;border-radius:10px;margin-top:45px;display:flex;align-items:center;justify-content:space-between;gap:20px}.premium-banner p{color:#8d8063}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:13px 22px;border-radius:8px;z-index:10;display:none;max-width:90vw;font-size:12px}dialog{border:1px solid var(--line);border-radius:16px;max-width:470px;width:90%;padding:35px;color:var(--ink)}dialog::backdrop{background:#17392c66;backdrop-filter:blur(4px)}dialog textarea{display:block;margin-bottom:16px}.close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:25px;color:var(--muted)}.empty{padding:35px;text-align:center;color:var(--muted);grid-column:1/-1}.review-note{padding:28px;background:#edf1e7;border-radius:10px;color:var(--muted);line-height:1.8;font-size:13px}.review-note strong{color:var(--ink)}@media(min-width:1450px){.hero{padding-top:85px;padding-bottom:90px}}@media(max-width:1000px){.header,.hero,.section{padding-left:30px;padding-right:30px}.hero{gap:35px}h1{font-size:47px}.benefit-strip{gap:23px}.editor{grid-template-columns:260px 1fr;padding:0 25px}.export-panel{grid-column:1/-1;display:flex;align-items:center;gap:20px}.export-panel .button{width:auto}.template-grid{gap:15px}.template-card .quote-text{font-size:18px}}@media(max-width:700px){.header{height:78px;padding:0 20px}.brand{font-size:21px}.brand-icon{width:29px;height:29px}nav{display:none}.header .button{font-size:10px;padding:10px}.hero{grid-template-columns:1fr;padding:35px 24px 50px;gap:45px}.hero-copy>p{max-width:100%}h1{font-size:48px}.preview-scene{max-width:430px;margin:0 15px;padding:24px}.float-label{left:-20px}.benefit-strip{flex-wrap:wrap;gap:15px 24px;font-size:10px}.section{padding:48px 24px}.section-heading{align-items:start;gap:10px}.section-heading h2{font-size:25px}.section-heading p{font-size:12px}.template-grid{grid-template-columns:repeat(2,1fr);gap:22px 14px}.template-card .quote-text{font-size:18px}.template-card .quote-art{padding:16% 12%}.steps{grid-template-columns:1fr;gap:30px}.use-grid{grid-template-columns:repeat(2,1fr);gap:12px}.use-card{padding:18px}.cta{margin:0 24px 40px;padding:32px 20px}.cta h2{font-size:27px}footer{padding:0 24px}.footer-top,.footer-bottom{flex-wrap:wrap}.footer-top p{display:none}.footer-bottom{font-size:9px}.page-top{padding:30px 24px 0}.page-top h1{font-size:36px}.editor{padding:0 16px;grid-template-columns:1fr}.editor-stage{grid-row:1;min-height:400px;padding:25px}.editor-stage .quote-text{font-size:28px}.export-panel{grid-column:auto;display:block}.export-panel .button{width:100%}.detail{grid-template-columns:1fr;gap:25px}.premium-banner{display:block}.trust{gap:13px;font-size:9px}.mini-tag{right:-10px}.hero-actions .button{padding:14px 17px;font-size:12px}}
/* Green studio direction: crisp typography, focused controls, and soft technical surfaces. */
:root{--ink:#122d23;--muted:#718079;--mint:#d5f6e3;--paper:#ffffff;--line:#e3eae6;--accent:#159665}body{font-family:'DM Sans',sans-serif}.header{height:84px}.brand-icon{background:#159665;color:white;border-radius:8px}.brand-dot{color:#159665}.button{border-radius:8px}.button.dark{background:#12835a;border-color:#12835a;box-shadow:0 3px 9px #12835a17}.button.dark:hover{background:#0e6c49}h1{font-weight:800;letter-spacing:-2.7px}h1 em{font-family:Manrope,sans-serif;font-style:normal;font-weight:800;color:#159665}h2{font-weight:700}.eyebrow{color:#12835a}.hero{background:radial-gradient(ellipse at 95% 15%,#d8f5e7 0,transparent 58%);padding-top:52px;padding-bottom:65px;gap:80px}.hero-copy>p{max-width:450px}.pill{background:#f1f8f4;border-color:#e0eee5;color:#398267}.pill i{background:#159665}.hero-actions{gap:25px;margin-top:20px}.quick-create{max-width:450px;background:#fff;border:1px solid #e4ece7;border-radius:12px;padding:12px;box-shadow:0 9px 30px #183c2310;margin-top:24px}.quick-create textarea,.quick-create input{display:block;width:100%;border:0;background:#f6f8f6;color:var(--ink);padding:12px;border-radius:6px;font-size:12px}.quick-create textarea{min-height:76px}.quick-create input{margin-top:7px}.quick-actions{display:flex;gap:8px;margin-top:9px}.quick-actions .button{font-size:11px;padding:12px;flex:1;gap:6px}.quick-actions .button:first-child{flex:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.preview-scene{transform:none;background:#fff;padding:16px;border:1px solid #dde8e0;border-radius:16px;box-shadow:0 22px 60px #163f2417}.preview-scene .quote-art{border-radius:9px;background-image:radial-gradient(ellipse at 90% 5%,#ffffff50,transparent 60%)}.scene-title{letter-spacing:1px;font-size:9px;padding:5px 3px 0}.scene-title b::before{content:'●';color:#16a368;margin-right:7px}.scene-toolbar{padding:0 4px 4px}.float-label{bottom:70px;left:-20px;transform:none;border-radius:8px;font-size:10px}.benefit-strip{background:#fff;font-size:11px}.chip.active{background:#12835a;border-color:#12835a}.how-section{background:#f6f8f6}.step-icon{background:#e7f5ed;color:#12835a}.template-card .quote-art{border-radius:9px}.use-card{background:#fff;border-color:#e6ece8}.use-card>span{color:#12835a;display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#edf8f1;font-size:20px}.cta{background:linear-gradient(120deg,#12835a,#0d513b);color:white;padding:58px 25px}.cta .eyebrow{color:#b1f4cd}.cta p{color:#bfddcf}.cta .button.dark{background:white;color:#126140;border-color:white}.tech-features{background:#122a20;color:#fff}.tech-features .eyebrow{color:#8bdfb3}.tech-features .center-heading p{color:#a1b6a9}.tech-features .use-card{background:#1d352a;border-color:#2a4236}.tech-features .use-card p{color:#a8bbae}.tech-features .use-card>span{background:#2b4736;color:#9ce9be}.faq-list{max-width:700px;margin:auto}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;padding:20px 0;cursor:pointer;display:flex;justify-content:space-between;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{background:#edf6f0;border-radius:50%;width:20px;height:20px;text-align:center;color:#12835a}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:0;padding:0 30px 20px 0;color:var(--muted);line-height:1.8;font-size:13px}.page-top .eyebrow{letter-spacing:1.7px}.editor{gap:20px}.panel{box-shadow:0 3px 20px #193d3204}.panel h3{font-family:Manrope,sans-serif;font-weight:700}.editor-stage{background-color:#f0f4f1;background-image:radial-gradient(#afc6b9 0.6px,transparent 0.6px);background-size:15px 15px;border:1px solid #dfe8e2}.align-buttons button.active{background:#d9f3e5;border-color:#8fc9ab;color:#126140}.background-section{margin-top:23px;border-top:1px solid var(--line);padding-top:4px}.new-badge{font-size:8px;color:#12835a;background:#e4f6ec;border-radius:4px;padding:4px 6px;font-weight:700;letter-spacing:.7px}.background-section label span{float:right;font-weight:400;color:#12835a}[hidden]{display:none!important}@media(max-width:1000px){.hero{gap:40px}}@media(max-width:700px){.hero{gap:35px;padding-top:32px}.hero h1{font-size:45px}.quick-create{max-width:none}.preview-scene{margin:0 10px}.hero-actions{margin-top:18px}.float-label{left:-13px}.editor .background-section{margin-top:20px}.tech-features .use-grid{grid-template-columns:1fr}.hero-copy>p{font-size:14px}.header{height:76px}}
.ui-icon{display:inline-block;vertical-align:-.125em;line-height:1;font-size:1em;flex-shrink:0}.brand-icon .ui-icon{font-size:24px}.footer-top .brand>.ui-icon{margin-right:8px;color:#12835a}.button>.ui-icon{font-size:14px}.trust .ui-icon{color:#12835a;margin-right:3px}.trust span::first-letter{color:inherit}.background-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:8px 0 16px}.background-type{border:1px solid var(--line);border-radius:7px;padding:12px 4px;background:#fafcfb;color:#718079;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:9px;min-height:62px}.background-type>.ui-icon{font-size:19px}.background-type.active{color:#126140;background:#e5f6ec;border-color:#82c7a1;box-shadow:0 0 0 1px #82c7a1}.background-type:hover{border-color:#82c7a1}.background-type span{float:none!important;font-weight:500!important;color:inherit!important}.gradient-presets{display:flex;gap:8px;margin:12px 0}.gradient-presets button{flex:1;height:25px;border:1px solid #0001;border-radius:5px}.gradient-presets button:hover{outline:2px solid #12835a;outline-offset:2px}.transparent-preview{background-image:conic-gradient(#e4e9e6 25%,#fff 0 50%,#e4e9e6 0 75%,#fff 0);background-size:20px 20px;max-width:500px}.scene-title b::before{content:none}.scene-title b{display:flex;align-items:center;gap:7px}.scene-title b .ui-icon{color:#159665}.faq-list summary span{display:grid;place-items:center}.align-buttons button{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px}.gallery-actions button,.gallery-actions a{display:inline-flex;align-items:center;gap:4px}
/* QuotesVibe Creative Studio */
.editor-page{background:#f7faf8}.editor-page .header{max-width:1500px;background:white;border-bottom:1px solid var(--line)}.studio-heading{max-width:1500px;margin:auto;padding:32px 40px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.studio-heading h1{font-size:29px;letter-spacing:-1.1px;margin:10px 0 6px}.studio-heading p{font-size:12px;color:var(--muted);margin:0}.studio-heading .eyebrow{font-size:9px;letter-spacing:1.5px}.editor.studio{max-width:1500px;grid-template-columns:310px minmax(0,1fr) 250px;margin-top:25px;gap:20px;align-items:start}.studio .panel{padding:22px;border-radius:14px;border-color:#e0e9e3;background:#fff;box-shadow:0 4px 24px #143a2410}.studio-controls{padding:0!important;overflow:hidden}.studio-tabs{display:flex;padding:8px;gap:4px;border-bottom:1px solid var(--line);background:#fcfdfc}.studio-tabs button{flex:1;min-width:0;background:transparent;border:0;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 3px;font-size:10px;color:#7e8c83;border-radius:7px}.studio-tabs button>.ui-icon{font-size:17px}.studio-tabs button.active{background:#e8f6ee;color:#12784f;font-weight:700}.studio-tab-panel{padding:22px}.control-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}.control-title h3{margin:0;font-size:14px}.control-title>span{font-size:10px;color:#94ac9e;background:#f2f7f3;border:1px solid #e4ece7;border-radius:5px;padding:4px 6px}.studio .panel label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#53675a;margin-top:19px;font-size:11px}.studio .panel output{font-size:10px;color:#8d9e92;font-weight:400}.studio .panel textarea{min-height:145px;line-height:1.7;font-size:13px;background:#f8faf8;border-color:#e0e9e3}.studio .panel select,.studio .panel input:not([type=color]):not([type=range]):not([type=checkbox]){background:#f8faf8;border-color:#e0e9e3;padding:11px;font-size:12px}.studio input[type=color]{height:38px!important;cursor:pointer;padding:5px;border-radius:7px!important}.studio .panel input[type=range]{accent-color:#13845a;margin-top:4px}.ai-studio{background:#f2f9f5;font-size:10px!important;border-color:#d9eee1;justify-content:flex-start;padding:12px!important;color:#238658}.control-divider{height:1px;background:var(--line);margin:24px 0 20px}.switch-label{padding-top:5px}.switch-label input{accent-color:#12835a;width:16px;height:16px;cursor:pointer}.studio .background-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.studio .background-type{padding:14px 6px;min-height:77px;gap:9px;border-radius:9px;font-size:10px}.studio .background-type:last-child{grid-column:span 2;flex-direction:row;justify-content:center;min-height:49px}.studio .background-type>.ui-icon{font-size:22px}.studio .background-type:last-child>.ui-icon{font-size:18px}.studio .gradient-presets button{height:33px;border-radius:7px}.layout-presets{display:flex;gap:8px}.layout-presets button{flex:1;border:1px solid var(--line);background:#fcfdfb;border-radius:8px;padding:9px 5px;font-size:9px;color:#66816d}.layout-mini{display:grid;place-items:center;aspect-ratio:1;background:#e3f0e3;border:1px solid #9dbc9e;margin-bottom:7px;font-family:Georgia,serif;font-size:18px}.layout-mini.editorial{align-items:end;justify-content:start;padding:6px;border-style:dashed}.layout-mini.minimal{border:0;background:#f0f3eb}.layout-presets button:hover{border-color:#12835a;background:#eef8f1}.border-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.border-presets button{background:#fcfdfa;border:1px solid var(--line);border-radius:7px;padding:10px 5px;font-size:9px;color:#718079}.border-presets button.active{background:#e5f6ec;border-color:#82c7a1;color:#126140}.border-mini{display:block;width:35px;height:25px;border:1px solid #749b81;margin:0 auto 8px;border-radius:2px}.border-none{border:0;background:#eef2eb}.border-double{border:3px double #749b81}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted;border-width:2px}.border-corners{border:0;background:linear-gradient(#749b81,#749b81) left top/9px 1px no-repeat,linear-gradient(#749b81,#749b81) left top/1px 9px no-repeat,linear-gradient(#749b81,#749b81) right bottom/9px 1px no-repeat,linear-gradient(#749b81,#749b81) right bottom/1px 9px no-repeat}.studio .editor-stage{padding:0;min-height:660px;display:flex;flex-direction:column;justify-content:space-between;border-radius:14px;overflow:hidden;background-color:#edf3ee;background-size:18px 18px}.stage-header,.stage-footer{display:flex;justify-content:space-between;gap:10px;padding:19px 22px;width:100%;font-size:9px;letter-spacing:.6px;color:#8ca393}.stage-header{border-bottom:1px solid #dce8df;background:#f6faf7}.stage-header>span:first-child{color:#3f8060;font-weight:600;display:flex;align-items:center;gap:7px}.stage-footer{letter-spacing:0;border-top:1px solid #dce8df;background:#f6faf7}.canvas-workspace{display:flex;align-items:center;justify-content:center;flex:1;padding:35px;width:100%;min-height:550px}.studio #editor-preview{max-width:100%;box-shadow:0 12px 35px #193d3220;border-radius:0;line-height:0;transition:width .2s}.studio #editor-preview img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain}.export-label{font-size:8px;letter-spacing:1.5px;color:#97ab9c}.studio .export-panel h3{font-size:21px;letter-spacing:-.6px;margin:12px 0 5px}.studio .export-panel .button{justify-content:center;font-size:11px;padding:13px 8px;gap:9px;border-radius:7px}.studio .export-panel #download{padding:15px 8px;margin-top:20px}.export-note{font-size:9px;text-align:center;color:#8b9c91;line-height:1.9}.restore-button{font-size:10px;color:#79947f;padding:15px 0;width:100%;text-align:center}.studio-tip{padding:16px;background:#f2f8f1;border:1px solid #e1eddc;border-radius:9px;margin-top:25px;color:#659170}.studio-tip>.ui-icon{font-size:18px;display:block;margin-bottom:10px}.studio-tip strong{font-size:11px;font-weight:600}.studio-tip p{font-size:10px;line-height:1.8;color:#8b9b85;margin:7px 0 0}.quote-art::before{display:none}.design-frame{position:absolute;pointer-events:none}.grain-layer{position:absolute;inset:0;pointer-events:none}.quote-art>.mark,.quote-art>.author,.quote-art>.watermark{position:relative}.quote-art>.watermark{position:absolute}@media(max-width:1150px){.editor.studio{grid-template-columns:280px minmax(0,1fr);padding:0 25px}.studio .export-panel{grid-column:1/-1;display:block}.studio-heading{padding:30px 25px 0}.studio .export-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px}.studio .export-panel .control-divider,.studio .export-panel .studio-tip{grid-column:1/-1}.studio .export-panel .button{width:100%}.studio .export-panel #custom-size{grid-column:1/-1}.canvas-workspace{padding:25px}}@media(max-width:700px){.studio-heading{padding:25px 18px 0;align-items:start}.studio-heading h1{font-size:22px}.studio-heading p{font-size:10px}.studio-heading .button{font-size:9px;gap:6px;padding:9px}.studio-heading .eyebrow{font-size:7px}.editor.studio{grid-template-columns:1fr;padding:0 16px;gap:16px}.studio .editor-stage{grid-row:1;min-height:360px}.canvas-workspace{min-height:270px;padding:24px 35px}.stage-header,.stage-footer{padding:14px 16px;font-size:8px}.studio #editor-preview img{max-height:440px}.studio-controls{grid-row:2}.studio-tabs{position:sticky;top:0}.studio .export-panel{grid-column:auto;grid-template-columns:1fr;display:block}.studio .export-panel .button{width:100%}.studio .studio-tab-panel{padding:20px}.studio .panel textarea{min-height:100px}}
.design-frame.frame-corners{border:0!important;border-radius:0!important;background:linear-gradient(currentColor,currentColor) left top/14% 1px no-repeat,linear-gradient(currentColor,currentColor) left top/1px 14% no-repeat,linear-gradient(currentColor,currentColor) right top/14% 1px no-repeat,linear-gradient(currentColor,currentColor) right top/1px 14% no-repeat,linear-gradient(currentColor,currentColor) left bottom/14% 1px no-repeat,linear-gradient(currentColor,currentColor) left bottom/1px 14% no-repeat,linear-gradient(currentColor,currentColor) right bottom/14% 1px no-repeat,linear-gradient(currentColor,currentColor) right bottom/1px 14% no-repeat}
.quotation-help{margin-top:5px;font-size:10px}.quotation-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.quotation-presets button{border:1px solid var(--line);border-radius:8px;background:#fcfdfa;color:#718079;padding:8px 3px;font-size:8px;min-height:65px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:5px}.quotation-presets button.active{background:#e5f6ec;border-color:#82c7a1;color:#126140;box-shadow:0 0 0 1px #82c7a1}.quotation-presets button:hover{border-color:#82c7a1}.quotation-mini{font-family:Georgia,serif;font-size:34px;line-height:1;height:31px;display:flex;align-items:center;justify-content:center}.quotation-curly{font-family:'Playfair Display',serif}.quotation-double{font-family:Manrope,sans-serif;font-size:27px}.quotation-oversized{font-size:44px}.quotation-paired{font-size:27px;letter-spacing:2px}.quotation-none{font-family:'DM Sans',sans-serif;font-size:17px}.quote-art .closing-mark{font-size:30px;line-height:.8;margin-top:15px;position:relative}
.studio-toolbar{max-width:1420px;margin:22px auto 0;padding:15px 18px 11px;border:1px solid #e0e9e3;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;box-shadow:0 3px 20px #143a2405}.toolbar-size{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar-size>label{font-size:11px;color:#71927c;display:flex;align-items:center;gap:7px}.toolbar-size select{background:#f6f9f6;border:1px solid #e0e9e3;border-radius:7px;color:#385d45;padding:10px 11px;font-size:11px}.toolbar-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.toolbar-actions .button{padding:10px 12px;font-size:10px;gap:7px}.toolbar-note{flex-basis:100%;font-size:8px;color:#98aa9c;text-align:right}.toolbar-size #custom-size{display:flex;align-items:center;gap:5px}.toolbar-size #custom-size input{width:70px;background:#f6f9f6;border:1px solid #e0e9e3;border-radius:5px;padding:8px 5px;font-size:10px;color:var(--ink)}.toolbar-size #custom-size span{color:#8a9e91;font-size:10px}.studio .saved-designs-panel{padding:20px;position:sticky;top:20px}.saved-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.saved-panel-heading h3{font-size:19px;margin:9px 0 0;letter-spacing:-.6px}.saved-count{display:grid;place-items:center;border-radius:7px;min-width:27px;height:27px;background:#e5f5eb;color:#12835a;font-size:11px}.saved-design-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;margin-top:20px;max-height:620px;overflow:auto;padding:2px}.saved-design-card{min-width:0;position:relative}.saved-design-open{width:100%;display:block;background:none;border:0;text-align:left;padding:0;color:var(--ink)}.saved-thumbnail{aspect-ratio:1;border-radius:7px;background:#eff4ed;overflow:hidden;border:1px solid #e0e9e3;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s}.saved-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}.saved-design-open:hover .saved-thumbnail{box-shadow:0 0 0 2px #8fcba6}.saved-design-open strong{font-size:9px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-weight:600}.saved-design-open>span{font-size:8px;color:#98a89b;display:block;margin-top:4px}.saved-design-delete{position:absolute;top:5px;right:5px;display:grid;place-items:center;border:1px solid #e0e9e3;background:#ffffffed;color:#7b9181;border-radius:5px;width:24px;height:24px;font-size:10px}.saved-design-delete:hover{color:#a14444;background:#fff0f0}.saved-empty{grid-column:1/-1;padding:34px 5px;text-align:center;border:1px dashed #d8e7dc;border-radius:9px;background:#f9fcf9}.saved-empty>.ui-icon{font-size:25px;color:#9abb9f;display:block;margin-bottom:14px}.saved-empty strong{font-size:11px;font-weight:500}.saved-empty p{font-size:10px;line-height:1.8;color:#95a699;padding:0 10px}.saved-local-note{border-top:1px solid #e3ebe5;margin-top:24px;padding-top:16px;font-size:9px;color:#94a699;line-height:1.8}.saved-local-note .ui-icon{color:#12835a;margin-right:4px}.saved-thumbnail.transparent-preview{background-size:10px 10px}@media(max-width:1500px){.studio-toolbar{margin-left:40px;margin-right:40px}}@media(max-width:1150px){.studio-toolbar{margin-left:25px;margin-right:25px}.studio .saved-designs-panel{grid-column:1/-1;position:static}.saved-design-list{grid-template-columns:repeat(5,minmax(0,1fr));max-height:400px}}@media(max-width:700px){.studio-toolbar{margin:20px 16px 0;padding:14px}.toolbar-size{width:100%}.toolbar-size select{flex:1;min-width:0}.toolbar-actions{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.toolbar-actions .button{font-size:10px;padding:11px 8px}.toolbar-note{text-align:center;width:100%}.studio .saved-designs-panel{grid-row:3;grid-column:auto;padding:20px}.saved-design-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:450px}}
.studio .template-library-panel{padding:20px;position:sticky;top:20px}.template-library-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.template-library-heading h3{font-size:20px;letter-spacing:-.6px;margin:9px 0 0}.template-library-count{display:grid;place-items:center;min-width:27px;height:27px;background:#e5f5eb;border-radius:7px;color:#12835a;font-size:11px}.editor-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px;margin-top:20px}.editor-template-card{padding:0;border:0;background:none;text-align:left;color:var(--ink);min-width:0}.editor-template-preview{position:relative;border:2px solid transparent;border-radius:8px;padding:2px;transition:border-color .2s}.editor-template-card.active .editor-template-preview,.editor-template-card:hover .editor-template-preview{border-color:#159665}.editor-template-preview .quote-art{border-radius:5px;aspect-ratio:1;padding:13%}.editor-template-preview .quote-text{font-size:10px;line-height:1.3}.editor-template-preview .quote-art .mark{font-size:20px!important;line-height:.6;margin-bottom:5px}.editor-template-preview .author{font-size:3px;letter-spacing:.4px;margin-top:7px}.editor-template-preview .watermark{font-size:3px;bottom:7px;right:6px}.editor-template-preview .closing-mark{font-size:13px;line-height:.5;margin-top:5px}.editor-template-card>strong{font-size:9px;display:block;margin-top:6px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.editor-template-card>span{font-size:8px;display:block;margin-top:4px;color:#93a396}.template-premium-tag{position:absolute;right:5px;top:5px;font-size:6px;background:#fff9de;color:#8b7446;padding:3px 4px;border-radius:4px}.template-library-link{display:block;border-top:1px solid var(--line);margin-top:22px;padding-top:17px;font-size:10px;color:#398563}.template-library-link .ui-icon{float:right}@media(max-width:1150px){.studio .template-library-panel{grid-column:1/-1;position:static}.editor-template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.editor-template-preview .quote-text{font-size:15px}.editor-template-preview .author{font-size:5px}}@media(max-width:700px){.studio .template-library-panel{grid-column:auto;grid-row:3}.editor-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-template-preview .quote-text{font-size:17px}}
/* A calmer first impression, with the live canvas as the focal point. */
.header-actions{display:flex;align-items:center;gap:12px}.theme-toggle{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:9px;display:grid;place-items:center;width:37px;height:37px;font-size:15px;cursor:pointer}.theme-toggle:hover{background:#edf6f0}.hero-refined{position:relative;gap:65px;padding-top:70px;padding-bottom:80px;background:radial-gradient(ellipse at 82% 35%,#e0f5e7 0,transparent 55%);overflow:hidden}.hero-refined h1{font-size:clamp(43px,4.25vw,61px);line-height:1.13;letter-spacing:-2.9px;max-width:560px;margin:25px 0 20px}.hero-refined h1 em{color:#13845c;letter-spacing:-2.5px}.hero-refined .hero-copy>p{font-size:14px;line-height:1.85;max-width:420px}.hero-refined .pill{font-size:9px;letter-spacing:1.6px;padding:9px 12px;background:#f2f8f3}.hero-refined .quick-create{border-radius:14px;padding:16px;box-shadow:0 7px 28px #16412a09;margin-top:26px}.quick-form-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}.quick-form-heading label{font-size:11px;font-weight:600}.quick-form-heading>span{font-size:7px;letter-spacing:1px;color:#829e8a;display:flex;align-items:center;gap:5px}.hero-refined .quick-create textarea{min-height:80px;border:1px solid #e9eeea;background:#f7faf7;padding:13px}.hero-refined .quick-create input{border:1px solid #e9eeea;background:#f7faf7;padding:11px 13px}.hero-refined .quick-actions{margin-top:11px;gap:8px}.hero-refined .quick-actions .button{font-size:11px;padding:13px}.hero-refined .hero-actions{margin-top:21px;gap:25px;font-size:11px}.hero-refined .trust{font-size:9px;margin-top:23px;gap:18px}.hero-visual{position:relative;padding:25px 12px 20px;min-width:0}.hero-orbit-label{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 22px;font-size:10px;color:#779782;letter-spacing:.2px}.hero-orbit-label>.ui-icon{color:#179661}.hero-refined .preview-scene{transform:rotate(2deg);padding:16px 19px 17px;background:#fff;border:1px solid #dbe9df;box-shadow:0 25px 65px #193d3218;border-radius:18px}.preview-window{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:1px 1px 14px;margin-bottom:17px;color:#9eafa3;font-size:8px}.window-dots{display:flex;gap:4px}.window-dots>span{width:5px;height:5px;border-radius:50%;background:#d4e3d8}.window-dots>span:first-child{background:#8dc5a0}.hero-refined .scene-title{margin-bottom:15px;font-size:8px}.hero-refined .preview-scene .quote-art{border-radius:9px;aspect-ratio:1.04}.hero-refined .quote-art .quote-text{font-size:clamp(24px,2.7vw,37px)}.hero-refined .quote-art .author{font-size:8px;margin-top:26px;letter-spacing:1.8px}.hero-refined .scene-toolbar{padding-top:4px}.hero-refined .scene-toolbar>span{font-size:7px;letter-spacing:.8px}.hero-refined .float-label{left:-29px;bottom:77px;transform:rotate(-2deg);font-size:9px;padding:11px 14px;border-color:#e5ede7}.hero-preview-caption{display:flex;align-items:center;justify-content:space-between;margin:22px 8px 0;font-size:9px;color:#8ba08e;gap:10px}.hero-preview-caption span{display:flex;align-items:center;gap:6px}.hero-refined .swatch{width:20px;height:20px}.hero-refined .hero-copy{position:relative;z-index:1}@media(max-width:1000px){.hero-refined{gap:35px}.hero-refined h1{font-size:46px}.hero-refined .float-label{left:-18px}}@media(max-width:700px){.header-actions{gap:7px}.theme-toggle{width:32px;height:32px;font-size:13px}.header{gap:10px}.hero-refined{padding:36px 24px 45px;gap:25px}.hero-refined h1{font-size:44px;letter-spacing:-2px}.hero-refined h1 em{letter-spacing:-2px}.hero-refined .hero-copy>p{font-size:13px}.hero-visual{padding:15px 5px 0}.hero-refined .preview-scene{margin:0 8px;padding:15px;transform:rotate(1deg)}.hero-refined .quote-art .quote-text{font-size:30px}.hero-refined .float-label{left:-14px;bottom:65px}.hero-refined .trust{gap:12px;font-size:8px}.hero-preview-caption{font-size:8px}.hero-orbit-label{margin-bottom:18px}.quick-form-heading>span{font-size:6px}}
/* Interface theme never changes template colors or exported artwork. */
:root[data-theme="dark"]{--ink:#e0eee5;--muted:#9aafa0;--paper:#101913;--line:#2c3d32;--mint:#214933;--accent:#74dba5;color-scheme:dark}
[data-theme="dark"] body{background:#101913;color:var(--ink)}[data-theme="dark"] .header,[data-theme="dark"] .editor-page .header{background:#101913;border-color:var(--line)}[data-theme="dark"] .brand-dot,[data-theme="dark"] .eyebrow{color:#77dba5}[data-theme="dark"] .theme-toggle:hover{background:#22372a}[data-theme="dark"] .button{border-color:#34483a;color:#dcebe1}[data-theme="dark"] .button:hover{background:#253e2e}[data-theme="dark"] .button.dark{background:#2dba7a;border-color:#2dba7a;color:#071e11}[data-theme="dark"] .button.dark:hover{background:#63d59c}[data-theme="dark"] .hero-refined{background:radial-gradient(ellipse at 82% 35%,#213c2b 0,transparent 58%)}[data-theme="dark"] h1 em,[data-theme="dark"] .hero-refined h1 em{color:#77dba5}[data-theme="dark"] .pill,[data-theme="dark"] .hero-refined .pill{background:#1c3022;border-color:#2b4635;color:#a8ceb4}[data-theme="dark"] .quick-create,[data-theme="dark"] .hero-refined .preview-scene,[data-theme="dark"] .float-label{background:#19261d;border-color:#314437;box-shadow:0 15px 40px #0003}[data-theme="dark"] .quick-create textarea,[data-theme="dark"] .quick-create input{background:#111d16;color:#e1eee6;border-color:#314437}[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#8ca393}[data-theme="dark"] .quick-form-heading>span,[data-theme="dark"] .hero-orbit-label,[data-theme="dark"] .scene-title,[data-theme="dark"] .scene-toolbar>span,[data-theme="dark"] .hero-preview-caption{color:#a3b8a9}[data-theme="dark"] .scene-title b{color:#cce1d2}[data-theme="dark"] .preview-window{color:#91aa99}[data-theme="dark"] .window-dots>span{background:#3e5948}[data-theme="dark"] .float-label>span{background:#274b33;color:#8ee1ae}[data-theme="dark"] .benefit-strip{background:#131f17;color:#9eb7a6;border-color:#2c3d32}[data-theme="dark"] .benefit-strip b,[data-theme="dark"] .trust .ui-icon{color:#70d99f}[data-theme="dark"] .trust{color:#9eb7a6}[data-theme="dark"] .chip{border-color:#34483a;color:#b6c9bd}[data-theme="dark"] .chip.active{background:#2f865b;color:#fff;border-color:#2f865b}[data-theme="dark"] .how-section{background:#15221a}[data-theme="dark"] .step-icon,[data-theme="dark"] .use-card>span{background:#233e2c;color:#88dbac}[data-theme="dark"] .step-num{color:#9cbba6}[data-theme="dark"] .use-card{background:#19291e;border-color:#304136}[data-theme="dark"] .review-note{background:#1c2c20;color:#a7bcae}[data-theme="dark"] .premium-banner{background:#302a1b;border-color:#564c31}[data-theme="dark"] .premium-banner p{color:#c0b18a}[data-theme="dark"] .cta{background:linear-gradient(120deg,#14623f,#103724)}[data-theme="dark"] .cta .button.dark{background:#dff4e7;color:#11492c;border-color:#dff4e7}[data-theme="dark"] .faq-list summary span{background:#244030;color:#87d9aa}[data-theme="dark"] .search{background:#19271e;border-color:#314437;color:#e0eee5}[data-theme="dark"] dialog{background:#19271e;color:#e0eee5;border-color:#314437}[data-theme="dark"] dialog textarea{background:#111d16;color:#e0eee5;border-color:#314437}[data-theme="dark"] #toast{background:#d4efdf;color:#143424}[data-theme="dark"] .editor-page{background:#101913}[data-theme="dark"] .studio-toolbar,[data-theme="dark"] .studio .panel{background:#19261d;border-color:#304337;box-shadow:none}[data-theme="dark"] .studio-tabs{background:#152119;border-color:#304337}[data-theme="dark"] .studio-tabs button{color:#9bb4a4}[data-theme="dark"] .studio-tabs button.active{background:#254933;color:#9aebbc}[data-theme="dark"] .control-title>span{background:#22382a;border-color:#344b3b;color:#a3bfae}[data-theme="dark"] .studio .panel label{color:#b4c9bc}[data-theme="dark"] .studio .panel output{color:#9db6a6}[data-theme="dark"] .studio .panel textarea,[data-theme="dark"] .studio .panel select,[data-theme="dark"] .studio .panel input:not([type=color]):not([type=range]):not([type=checkbox]),[data-theme="dark"] .toolbar-size select,[data-theme="dark"] .toolbar-size #custom-size input{background:#111d16;border-color:#34483a;color:#deeee3}[data-theme="dark"] .studio input[type=color]{background:#223529;border-color:#34483a}[data-theme="dark"] .ai-studio{background:#213c2a;color:#95dbb0;border-color:#335841}[data-theme="dark"] .background-type,[data-theme="dark"] .border-presets button,[data-theme="dark"] .quotation-presets button,[data-theme="dark"] .layout-presets button,[data-theme="dark"] .align-buttons button{background:#15241a;border-color:#35483b;color:#b3c9bb}[data-theme="dark"] .background-type.active,[data-theme="dark"] .border-presets button.active,[data-theme="dark"] .quotation-presets button.active,[data-theme="dark"] .align-buttons button.active{background:#254933;border-color:#5ea97a;color:#b7f2cf}[data-theme="dark"] .layout-mini{background:#274732;border-color:#6f997a;color:#bddbc4}[data-theme="dark"] .layout-mini.minimal{background:#1e3325}[data-theme="dark"] .studio .editor-stage{background-color:#111e16;background-image:radial-gradient(#365440 .6px,transparent .6px);border-color:#304337}[data-theme="dark"] .stage-header,[data-theme="dark"] .stage-footer{background:#17271c;border-color:#304337;color:#8fb39b}[data-theme="dark"] .stage-header>span:first-child{color:#8cd2a6}[data-theme="dark"] .template-library-count{background:#284832;color:#a6e1bc}[data-theme="dark"] .editor-template-card{color:#deeee3}[data-theme="dark"] .template-library-link{color:#88d7a8}[data-theme="dark"] .toolbar-size>label,[data-theme="dark"] .toolbar-note{color:#99b5a3}[data-theme="dark"] .template-premium-tag{background:#efe2b8;color:#685524}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Neutral charcoal surfaces; green is reserved for accents and actions. */
:root[data-theme="dark"]{--ink:#edf0ef;--muted:#a2a7a5;--paper:#171819;--line:#353739;--mint:#26342d;--accent:#74dba5}
[data-theme="dark"] body{background:linear-gradient(145deg,#1d1f21 0%,#151618 55%,#202224 100%);background-attachment:fixed}
[data-theme="dark"] .header,[data-theme="dark"] .editor-page .header{background:#191b1de8;border-color:#353739}
[data-theme="dark"] .editor-page{background:linear-gradient(145deg,#1e2022,#151618 58%,#222426);background-attachment:fixed}
[data-theme="dark"] .hero-refined{background:radial-gradient(ellipse at 80% 35%,#393c3f70,transparent 62%),linear-gradient(135deg,#20222440,#15161830)}
[data-theme="dark"] .quick-create,[data-theme="dark"] .hero-refined .preview-scene,[data-theme="dark"] .float-label{background:linear-gradient(145deg,#2d3033,#222426);border-color:#404346;box-shadow:0 15px 45px #0003}
[data-theme="dark"] .quick-create textarea,[data-theme="dark"] .quick-create input{background:#1b1d1f;color:#e9eceb;border-color:#3c3f42}
[data-theme="dark"] .quick-form-heading>span,[data-theme="dark"] .hero-orbit-label,[data-theme="dark"] .scene-title,[data-theme="dark"] .scene-toolbar>span,[data-theme="dark"] .hero-preview-caption,[data-theme="dark"] .preview-window{color:#a3aaa7}
[data-theme="dark"] .scene-title b{color:#e0e4e2}[data-theme="dark"] .window-dots>span{background:#656b68}
[data-theme="dark"] .benefit-strip{background:#1c1e20;color:#b2b7b4;border-color:#353739}
[data-theme="dark"] .trust{color:#b2b7b4}[data-theme="dark"] .chip{border-color:#44474a;color:#c1c6c3}
[data-theme="dark"] .how-section{background:linear-gradient(135deg,#26282b,#1c1e20)}
.tech-features{background:linear-gradient(135deg,#26282b,#17191b);color:#f1f3f2}.tech-features .use-card{background:linear-gradient(145deg,#303337,#26282b);border-color:#404347}.tech-features .use-card p,.tech-features .center-heading p{color:#aeb5b1}.tech-features .use-card>span{background:#263e30;color:#9ce9be}
[data-theme="dark"] .use-card{background:linear-gradient(145deg,#2c2f32,#232528);border-color:#3b3e41}
[data-theme="dark"] .review-note{background:linear-gradient(135deg,#2b2e31,#232528);color:#b7bdb9}
.cta{background:linear-gradient(120deg,#303438,#191c1f);color:#fff}.cta p{color:#b4bdb7}.cta .eyebrow{color:#9edeb7}.cta .button.dark{background:#12835a;color:#fff;border-color:#12835a}
[data-theme="dark"] .cta{background:linear-gradient(120deg,#35393d,#1d2023)}[data-theme="dark"] .cta .button.dark{background:#2dba7a;color:#071e11;border-color:#2dba7a}
[data-theme="dark"] .search,[data-theme="dark"] dialog{background:#25272a;border-color:#404346;color:#edf0ef}[data-theme="dark"] dialog textarea{background:#1b1d1f;border-color:#404346;color:#edf0ef}
[data-theme="dark"] .studio-toolbar,[data-theme="dark"] .studio .panel{background:linear-gradient(145deg,#2b2e31,#222427);border-color:#3b3f42}
[data-theme="dark"] .studio-tabs{background:#202225;border-color:#3b3f42}[data-theme="dark"] .studio-tabs button{color:#aeb6b1}
[data-theme="dark"] .control-title>span{background:#323639;border-color:#45494d;color:#b5bfba}[data-theme="dark"] .studio .panel label{color:#c3ccc7}[data-theme="dark"] .studio .panel output{color:#a6b2ac}
[data-theme="dark"] .studio .panel textarea,[data-theme="dark"] .studio .panel select,[data-theme="dark"] .studio .panel input:not([type=color]):not([type=range]):not([type=checkbox]),[data-theme="dark"] .toolbar-size select,[data-theme="dark"] .toolbar-size #custom-size input{background:#1c1e21;border-color:#42464a;color:#e9eeeb}
[data-theme="dark"] .studio input[type=color]{background:#292c2f;border-color:#42464a}
[data-theme="dark"] .background-type,[data-theme="dark"] .border-presets button,[data-theme="dark"] .quotation-presets button,[data-theme="dark"] .layout-presets button,[data-theme="dark"] .align-buttons button{background:#232629;border-color:#42474a;color:#c0cac4}
[data-theme="dark"] .layout-mini{background:#383e3a;border-color:#738278;color:#d3ddd6}[data-theme="dark"] .layout-mini.minimal{background:#2f3331}
[data-theme="dark"] .studio .editor-stage{background-color:#1b1d20;background-image:radial-gradient(#494e51 .6px,transparent .6px);border-color:#3b3f42}
[data-theme="dark"] .stage-header,[data-theme="dark"] .stage-footer{background:#24272a;border-color:#3b3f42;color:#a6b1ab}
[data-theme="dark"] .toolbar-size>label,[data-theme="dark"] .toolbar-note{color:#a6b1ab}
[data-theme="dark"] .button:hover,[data-theme="dark"] .theme-toggle:hover{background:#34383b}
/* Active states keep the brand accent without tinting the entire interface. */
[data-theme="dark"] .background-type.active,[data-theme="dark"] .border-presets button.active,[data-theme="dark"] .quotation-presets button.active,[data-theme="dark"] .align-buttons button.active,[data-theme="dark"] .studio-tabs button.active{background:#253d2f;border-color:#5ea97a;color:#b7f2cf}
.export-format{border:1px solid var(--line);border-radius:7px;background:#f6f9f6;color:var(--ink);font-size:11px;padding:10px 8px;cursor:pointer;min-height:36px}[data-theme="dark"] .export-format{background:#1c1e21;border-color:#42464a;color:#e9eeeb}@media(max-width:700px){.toolbar-actions .export-format{grid-column:1;grid-row:2}.toolbar-actions #download{grid-column:2;grid-row:2}.toolbar-actions #save{grid-column:1/-1}}
.studio .panel .studio-upload-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed #aac9b5;border-radius:10px;padding:24px 10px;text-align:center;background:#f5faf7;cursor:pointer}.studio-upload-zone>.ui-icon{font-size:24px;color:#12835a}.studio-upload-zone strong{font-size:11px}.studio-upload-zone>span{font-size:10px;font-weight:400;color:#7f9485}.studio-upload-zone small{font-size:8px;color:#95a598;font-weight:400}.studio-upload-zone input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.studio-upload-zone:hover,.studio-upload-zone.dragging{background:#e5f6ec;border-color:#12835a}.studio-upload-zone:focus-within{outline:2px solid #12835a;outline-offset:3px}#uploaded-image-details{display:flex;align-items:center;gap:9px;background:#f1f6f2;border:1px solid var(--line);border-radius:7px;padding:10px;margin-top:12px}#uploaded-image-thumbnail{width:39px;height:39px;object-fit:cover;border-radius:5px}#uploaded-image-details>div{min-width:0;flex:1}#uploaded-image-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}#uploaded-image-info{font-size:8px;color:var(--muted);display:block;margin-top:4px}#remove-background-image{border:0;border-radius:5px;background:transparent;color:#829588;padding:7px;font-size:11px}#remove-background-image:hover{color:#b55b5b;background:#f9e8e8}[data-theme="dark"] .studio .panel .studio-upload-zone{background:#232629;border-color:#586960;color:#dbe5df}[data-theme="dark"] .studio-upload-zone:hover,[data-theme="dark"] .studio-upload-zone.dragging{background:#293a30;border-color:#77c998}[data-theme="dark"] #uploaded-image-details{background:#252a27;border-color:#414a44}[data-theme="dark"] .studio-upload-zone>span,[data-theme="dark"] .studio-upload-zone small{color:#a6b4ab}
.studio #editor-preview{position:relative}.canvas-move-handle{position:absolute;border:1px solid transparent;background:transparent;padding:0;cursor:grab;touch-action:none;border-radius:3px;min-width:8px;min-height:8px;color:#fff}.canvas-move-handle:hover,.canvas-move-handle:focus-visible,.is-dragging .canvas-move-handle{border-color:#159665;background:#1596650c;outline:0;box-shadow:0 0 0 1px #ffffff70}.canvas-move-handle>span{position:absolute;left:0;bottom:calc(100% + 4px);padding:4px 6px;background:#12835a;color:white;font-size:9px;line-height:1.2;white-space:nowrap;border-radius:3px;opacity:0;pointer-events:none}.canvas-move-handle:hover>span,.canvas-move-handle:focus-visible>span{opacity:1}.is-dragging,.is-dragging .canvas-move-handle{cursor:grabbing}.move-hint{background:#f0f8f3;border:1px solid #dceee1;padding:12px;border-radius:8px;font-size:10px;line-height:1.8;color:#5c816a;margin-bottom:18px}.move-hint>.ui-icon{margin-right:5px}.move-hint button{display:block;color:#12835a;font-size:10px;text-decoration:underline;margin-top:7px}[data-theme="dark"] .move-hint{background:#27342c;border-color:#405348;color:#b9c9bf}[data-theme="dark"] .move-hint button{color:#8ae2b0}
.studio #editor-preview{transition:none}.studio #editor-preview .live-preview-canvas{display:block;width:100%;height:auto;max-height:600px;object-fit:contain;pointer-events:none}.canvas-move-handle{user-select:none}.canvas-move-handle:focus-visible{outline:2px solid #159665;outline-offset:2px}@media(max-width:700px){.studio #editor-preview .live-preview-canvas{max-height:440px}}
.studio-tabs button{font-size:9px;padding-left:2px;padding-right:2px}.elements-section-label{padding-top:4px;color:#538567!important;text-transform:uppercase;letter-spacing:1px;font-size:9px!important}.element-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:16px}.element-palette button{padding:10px 3px;border:1px solid var(--line);border-radius:8px;background:#fafcf9;color:#6c8273;font-size:8px;display:flex;flex-direction:column;gap:7px;align-items:center;cursor:grab;min-height:66px}.element-palette button:hover{border-color:#12835a;background:#eef8f1}.element-palette button:active{cursor:grabbing}.element-symbol{width:28px;height:27px;display:block;background:#adcfb9;border:1px solid #84b395;border-radius:5px}.element-symbol-blob{border-radius:60% 35% 55% 45%}.element-symbol-bubble{border-radius:7px;position:relative;height:22px;margin-bottom:5px}.element-symbol-bubble::after{content:'';position:absolute;bottom:-5px;left:8px;width:8px;height:8px;background:#adcfb9;transform:skewY(-35deg)}.element-symbol-triangle{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0}.element-symbol-circle{border-radius:50%}.element-symbol-quote{font-family:Georgia,serif;font-size:39px;line-height:.95;background:none;border:0;color:#7ead8b}.element-symbol-frame-square,.element-symbol-frame-circle{background:none;border:2px solid #84b395}.element-symbol-frame-circle{border-radius:50%}.element-symbol-corners{background:none;border:0;border-top:2px solid #84b395;border-bottom:2px solid #84b395;border-radius:0}.element-layer-list{display:flex;flex-wrap:wrap;gap:5px;margin:16px 0 10px}.element-layer-list button{border:1px solid var(--line);border-radius:20px;padding:5px 8px;font-size:9px;color:#7e9285;background:transparent}.element-layer-list button.active{background:#e5f6ec;border-color:#82c7a1;color:#126140}.selected-element-heading{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#eff7f1;border-radius:8px;margin-bottom:15px;font-size:12px}.selected-element-heading button{font-size:12px;color:#9a726f}.element-order{display:flex;gap:7px}.element-order .button{font-size:9px!important;gap:5px!important}.image-filter-presets{display:flex;gap:5px;flex-wrap:wrap}.image-filter-presets button{padding:7px 8px;border:1px solid var(--line);border-radius:6px;background:#f5f9f6;color:#64836e;font-size:9px}.image-filter-presets button.active{background:#e0f3e7;border-color:#8dcba5;color:#126140}.filter-reset{font-size:10px;color:#12835a;margin-top:16px;text-decoration:underline}.canvas-move-handle[data-layer^="element:"]{border-radius:0}[data-theme="dark"] .element-palette button,[data-theme="dark"] .image-filter-presets button{background:#24282a;border-color:#42494b;color:#b8c7bd}[data-theme="dark"] .selected-element-heading{background:#2d3931;color:#d9e8de}[data-theme="dark"] .element-layer-list button.active,[data-theme="dark"] .image-filter-presets button.active{background:#294333;border-color:#649d77;color:#b8e9c9}[data-theme="dark"] .filter-reset{color:#94d9b0}.studio .panel input:disabled{opacity:.35;cursor:not-allowed}
/* Studio tools: a persistent rail beside a dedicated inspector, like a design app. */
.editor.studio{grid-template-columns:370px minmax(0,1fr) 235px;gap:16px;max-width:1600px;padding:0 30px}.studio .canva-controls{display:grid;grid-template-columns:72px minmax(0,1fr);border-radius:12px;max-height:calc(100vh - 170px);min-height:665px;overflow:hidden;position:sticky;top:18px}.studio .studio-tool-rail{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:8px;padding:12px 7px;border:0;border-right:1px solid var(--line);background:#f5f8f5;position:relative;align-self:stretch}.studio .studio-tool-rail button{flex:none;padding:15px 2px;gap:8px;font-size:8px;min-height:65px;border-radius:9px;position:relative}.studio .studio-tool-rail button>.ui-icon{font-size:19px}.studio .studio-tool-rail button.active::before{content:'';position:absolute;left:-7px;top:15%;height:70%;width:3px;border-radius:0 3px 3px 0;background:#159665}.studio .canva-controls>.studio-tab-panel{grid-column:2;grid-row:1;overflow-y:auto;overscroll-behavior:contain;padding:22px 18px 30px;scrollbar-width:thin;scrollbar-color:#c7d7ca transparent;min-width:0}.studio .control-title{padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:18px}.studio .panel label{font-size:10px}.studio .panel .fine{font-size:10px}.studio .editor-stage{min-height:665px;border-radius:12px;position:sticky;top:18px}.canvas-context-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 18px;background:#ffffffc0;border-bottom:1px solid #dfe8e2;color:#7e9987;font-size:8px}.canvas-workspace{padding:35px 28px;min-height:525px}.studio .template-library-panel{max-height:calc(100vh - 170px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c7d7ca transparent;border-radius:12px}.studio-heading{max-width:1600px;padding:25px 30px 0}.studio-heading h1{font-size:25px;margin-top:8px}.studio-toolbar{max-width:1540px;margin:18px auto 0;border-radius:10px;padding:12px 15px 9px}.studio #editor-preview{isolation:isolate}.element-resize-overlay{position:absolute;outline:1px solid #12835a;box-shadow:0 0 0 1px #ffffffa0;pointer-events:none;z-index:5;transform-origin:center}.element-resize-corner{position:absolute;width:11px;height:11px;background:#fff;border:2px solid #12835a;border-radius:3px;padding:0;pointer-events:auto;touch-action:none;box-shadow:0 1px 5px #0002}.element-resize-corner:hover,.element-resize-corner:focus-visible{background:#c9f3dc;outline:2px solid #12835a;outline-offset:2px}.corner-nw{left:-6px;top:-6px;cursor:nwse-resize}.corner-ne{right:-6px;top:-6px;cursor:nesw-resize}.corner-sw{left:-6px;bottom:-6px;cursor:nesw-resize}.corner-se{right:-6px;bottom:-6px;cursor:nwse-resize}[data-theme="dark"] .studio .studio-tool-rail{background:#1e2123;border-color:#3b4246}[data-theme="dark"] .canvas-context-bar{background:#24282b;color:#b0c2b6;border-color:#3b4246}[data-theme="dark"] .studio .canva-controls>.studio-tab-panel{scrollbar-color:#46544b transparent}[data-theme="dark"] .studio .template-library-panel{scrollbar-color:#46544b transparent}.studio .layout-presets button,.studio .border-presets button,.studio .element-palette button{transition:border-color .15s,background .15s}@media(max-width:1500px){.studio-toolbar{margin-left:30px;margin-right:30px}}@media(max-width:1250px){.editor.studio{grid-template-columns:340px minmax(0,1fr);padding:0 25px}.studio .template-library-panel{grid-column:1/-1;position:static;max-height:none}.editor-template-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.editor-template-preview .quote-text{font-size:10px}.studio-toolbar{margin-left:25px;margin-right:25px}.canvas-context-bar>span:last-child{display:none}}@media(max-width:800px){.editor.studio{grid-template-columns:1fr;padding:0 16px;gap:15px}.studio .editor-stage{grid-column:1;grid-row:1;position:static;min-height:390px}.studio .canva-controls{grid-column:1;grid-row:2;position:static;min-height:0;max-height:560px;grid-template-columns:65px minmax(0,1fr)}.studio .canva-controls>.studio-tab-panel{max-height:560px;padding:20px}.studio .studio-tool-rail{position:relative;padding:10px 5px}.studio .studio-tool-rail button{min-height:61px;font-size:8px}.studio .template-library-panel{grid-column:1;grid-row:3;max-height:none}.editor-template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.canvas-workspace{min-height:280px;padding:26px}.studio-toolbar{margin-left:16px;margin-right:16px}.studio-heading{padding:22px 18px 0}.studio-heading h1{font-size:22px}.element-resize-corner{width:15px;height:15px}.corner-nw{left:-8px;top:-8px}.corner-ne{right:-8px;top:-8px}.corner-sw{left:-8px;bottom:-8px}.corner-se{right:-8px;bottom:-8px}}@media(max-width:480px){.editor-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio .canva-controls>.studio-tab-panel{padding:17px 13px}.studio .studio-tool-rail button>span{font-size:7px}.studio .background-type{font-size:8px}.studio-heading h1{font-size:20px}.studio-heading .eyebrow{font-size:7px}.studio .quotation-presets{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Desktop editing fits in one viewport; each column owns its scrolling. */
@media(min-width:1000px){
 body.editor-page{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}
 .editor-page>.header{height:62px;min-height:62px;width:100%;max-width:none;padding:0 24px;flex-shrink:0}
 .editor-page>footer{display:none}
 .editor-page>#app{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
 .editor-page .studio-heading{width:100%;max-width:none;padding:12px 24px 0;flex-shrink:0;gap:15px}
 .editor-page .studio-heading h1{font-size:21px;margin:6px 0 0}.editor-page .studio-heading p{display:none}.editor-page .studio-heading .eyebrow{font-size:7px}
 .editor-page .studio-toolbar{flex-shrink:0;width:calc(100% - 48px);max-width:none;margin:12px 24px 0;padding:10px 14px 8px;gap:7px}
 .editor-page .toolbar-note{font-size:7px}
 .editor-page .editor.studio{grid-template-columns:330px minmax(0,1fr) 215px;flex:1;min-height:0;max-height:none;width:100%;max-width:none;align-items:stretch;padding:0 24px;margin:12px 0 16px;gap:14px;overflow:hidden}
 .editor-page .studio .canva-controls{height:100%;min-height:0;max-height:none;position:static;top:auto;grid-template-columns:66px minmax(0,1fr);overflow:hidden}
 .editor-page .studio .canva-controls>.studio-tab-panel{height:100%;min-height:0;max-height:none;overflow-y:auto;padding:18px 16px 25px;grid-row:1;grid-column:2}
 .editor-page .studio .studio-tool-rail{height:100%;min-height:0;overflow-y:auto;grid-row:1;grid-column:1;scrollbar-width:thin}
 .editor-page .studio .editor-stage{height:100%;min-height:0;max-height:none;position:static;top:auto;overflow:hidden;grid-column:2;grid-row:1}
 .editor-page .stage-header,.editor-page .stage-footer{padding:12px 16px;flex-shrink:0}
 .editor-page .canvas-context-bar{flex-shrink:0;padding:10px 15px;font-size:8px;overflow:auto;white-space:nowrap}
 .editor-page .canvas-workspace{min-height:0;max-height:none;flex:1;overflow:auto;padding:28px;overscroll-behavior:contain;scrollbar-width:thin}
 .editor-page .studio #editor-preview{flex-shrink:0;max-width:100%}
 .editor-page .studio #editor-preview .live-preview-canvas{max-height:none;width:100%;height:auto}
 .editor-page .studio .template-library-panel{height:100%;min-height:0;max-height:none;position:static;top:auto;grid-column:3;grid-row:1;display:flex;flex-direction:column;padding:18px 14px;overflow:hidden}
 .editor-page .template-library-heading,.editor-page .template-library-panel>.fine,.editor-page .template-library-link{flex-shrink:0}
 .editor-page .editor-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px;margin-top:12px}
 .editor-page .template-library-link{padding-top:12px;margin-top:12px}
 .editor-page .editor-template-preview .quote-text{font-size:10px}.editor-page .editor-template-preview .author{font-size:3px}
 .editor-page .template-library-heading h3{font-size:17px}
}
@media(min-width:1000px) and (max-width:1150px){.editor-page .editor.studio{grid-template-columns:300px minmax(0,1fr) 175px;gap:10px;padding:0 16px}.editor-page .studio .canva-controls{grid-template-columns:60px minmax(0,1fr)}.editor-page .studio .canva-controls>.studio-tab-panel{padding:16px 12px}.editor-page .studio .template-library-panel{padding:15px 10px}.editor-page .canvas-context-bar>span:last-child{display:none}}
@media(min-width:1500px){.editor-page .editor.studio{grid-template-columns:370px minmax(0,1fr) 255px}.editor-page .editor-template-preview .quote-text{font-size:12px}}
.history-actions{display:flex;gap:3px;border-right:1px solid var(--line);padding-right:9px;margin-right:2px}.history-actions .button{width:33px;height:33px;padding:7px}.history-actions .button:disabled{opacity:.3;cursor:default;transform:none}.editor-layer-row{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:#fafcf9;padding:8px 7px;margin-bottom:7px;cursor:grab}.editor-layer-row.active{border-color:#89c9a2;background:#e7f7ed}.editor-layer-row.layer-drop-target{outline:2px solid #12835a;outline-offset:1px}.layer-grip{color:#abbcaf;font-size:11px}.layer-select{display:flex;align-items:center;gap:8px;flex:1;min-width:0;border:0;background:transparent;color:var(--ink);text-align:left;padding:5px 0}.layer-select>span{width:26px;height:26px;border-radius:5px;background:#ecf3ec;color:#7da38a;display:grid;place-items:center;font-size:12px}.layer-select strong{font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-order-actions{display:flex;flex-direction:column;gap:3px}.layer-order-actions button{padding:2px 4px;border:0;background:transparent;color:#8aa090;font-size:9px}.background-locked{cursor:default;color:#99aa9e;font-size:10px;padding:15px 10px}.background-locked strong{flex:1;font-weight:400}.studio-tool-rail button span{font-size:8px}[data-theme="dark"] .editor-layer-row{background:#252a28;border-color:#414a44}[data-theme="dark"] .editor-layer-row.active{background:#294333;border-color:#649d77}[data-theme="dark"] .layer-select>span{background:#34463a;color:#a5cbb0}@media(max-width:700px){.toolbar-actions .history-actions{grid-column:1;grid-row:1}.toolbar-actions #save{grid-column:2;grid-row:1}.toolbar-actions .export-format{grid-row:2}.toolbar-actions #download{grid-row:2}}
.element-resize-overlay{z-index:1000}

.canvas-move-handle.is-selected{border-color:#159665;box-shadow:0 0 0 1px #ffffffb0;background:#15966510}.canvas-move-handle.is-selected>span{opacity:1}.canvas-delete-action{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:var(--paper,#fff);color:#c55050;font-size:11px;cursor:pointer}.canvas-delete-action[hidden],.canvas-element-menu[hidden]{display:none}.canvas-element-menu{position:fixed;z-index:10000;padding:6px;width:172px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 10px 35px #0003}.canvas-element-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:6px;background:transparent;color:#c55050;text-align:left;font-size:12px}.canvas-element-menu button:hover,.canvas-element-menu button:focus-visible{background:#fff0f0;outline:2px solid #c5505050}[data-theme="dark"] .canvas-element-menu,[data-theme="dark"] .canvas-delete-action{background:#252a2d;color:#ff9999}

.element-symbol-ellipse{height:19px;margin:4px 0;border-radius:50%}.element-symbol-diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.element-symbol-pentagon{clip-path:polygon(50% 0,100% 38%,81% 100%,19% 100%,0 38%)}.element-symbol-hexagon{clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}.element-symbol-star{clip-path:polygon(50% 0,63% 35%,98% 35%,70% 57%,79% 92%,50% 72%,21% 92%,30% 57%,2% 35%,37% 35%)}.element-symbol-heart{background:none;border:0;position:relative}.element-symbol-heart::before{content:'♥';color:#84b395;font-size:33px;line-height:27px}.element-symbol-arrow{clip-path:polygon(0 30%,60% 30%,60% 0,100% 50%,60% 100%,60% 70%,0 70%)}.element-symbol-chevron{clip-path:polygon(0 0,50% 0,100% 50%,50% 100%,0 100%,50% 50%)}.element-symbol-cross{clip-path:polygon(33% 0,67% 0,67% 33%,100% 33%,100% 67%,67% 67%,67% 100%,33% 100%,33% 67%,0 67%,0 33%,33% 33%)}.element-symbol-frame-double{background:none;border:3px double #84b395}.element-symbol-frame-dashed{background:none;border:2px dashed #84b395}.element-symbol-frame-dotted{background:none;border:2px dotted #84b395}.element-palette{margin-bottom:20px}

.saved-designs-page{max-width:1200px;margin:auto;min-height:65vh}.local-storage-warning{display:flex;gap:14px;padding:18px 22px;border:1px solid #e5c780;border-radius:12px;background:#fff7e1;color:#72501c;margin-bottom:34px}.local-storage-warning>.ui-icon{margin-top:3px;font-size:20px}.local-storage-warning strong{font-size:13px}.local-storage-warning p{font-size:12px;line-height:1.7;margin:6px 0 0;max-width:850px}.saved-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.saved-page-heading h1{font-size:36px;margin:12px 0;display:flex;align-items:center;gap:12px}.saved-page-heading p{color:var(--muted);font-size:14px}.saved-designs-page .saved-design-list{grid-template-columns:repeat(4,minmax(0,1fr));max-height:none;overflow:visible;gap:28px 20px;margin-top:30px}.saved-designs-page .saved-thumbnail{border-radius:12px}.saved-designs-page .saved-design-open strong{font-size:13px;margin-top:12px}.saved-designs-page .saved-design-open>span{font-size:11px}.saved-designs-page .saved-design-delete{width:30px;height:30px;top:8px;right:8px;font-size:12px}.saved-card-edit{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:#12835a;margin-top:12px}.saved-designs-page .saved-empty{padding:65px 20px}.saved-designs-page .saved-empty strong{font-size:17px}.saved-designs-page .saved-empty p{font-size:13px}[data-theme="dark"] .local-storage-warning{background:#322d20;border-color:#79653b;color:#e9ce91}[data-theme="dark"] .saved-card-edit{color:#94d9b0}[data-theme="dark"] .saved-designs-page .saved-empty{background:#252a2d;border-color:#46544b}@media(max-width:900px){.saved-designs-page .saved-design-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.saved-page-heading{align-items:flex-start;flex-direction:column}.saved-page-heading h1{font-size:28px}.saved-designs-page .saved-design-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.local-storage-warning{padding:16px;gap:10px}.saved-page-heading .button{padding:12px 16px}}

.layer-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:14px 0}.layer-tools .button{font-size:9px;padding:9px 4px;gap:4px}.layer-order-actions button[aria-pressed="true"]{color:#12835a;background:#dff2e7}.canvas-alignment-guide{position:absolute;z-index:1100;pointer-events:none;background:#16be85;box-shadow:0 0 0 1px #ffffff50}.canvas-alignment-guide.guide-x{top:0;bottom:0;width:1px}.canvas-alignment-guide.guide-y{left:0;right:0;height:1px}#text-box-inspector h3{font-size:15px;margin-top:0}#add-text-box{width:100%}#duplicate-main-text,#duplicate-text-box{margin-top:12px}.canvas-move-handle[aria-disabled="true"]{cursor:default}.studio .layer-select strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.inspector-group{border:1px solid var(--line);border-radius:10px;margin:12px 0;background:#ffffff55;overflow:hidden}.inspector-group>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:13px 12px;font-size:11px;font-weight:700;letter-spacing:.1px;user-select:none}.inspector-group>summary::-webkit-details-marker{display:none}.inspector-group>summary::after{content:'+';font-size:15px;font-weight:400;color:var(--muted)}.inspector-group[open]>summary::after{content:'−'}.inspector-group[open]>summary{border-bottom:1px solid var(--line)}.inspector-group-body{padding:4px 12px 16px}.inspector-group-body .control-divider{display:none}.studio .inspector-group-body label{margin-top:14px}.inspector-group-body .element-palette{margin-top:12px;margin-bottom:0}.canvas-size-badge{background:#e7f3eb;color:#215c41;border:1px solid #cfe4d6;border-radius:6px;padding:6px 9px;font-size:10px;letter-spacing:.2px;white-space:nowrap}.canvas-zoom-controls{display:flex;gap:6px;align-items:center;flex-shrink:0}.canvas-zoom-controls button{border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--ink);width:27px;height:25px;font-size:14px;padding:0}.canvas-zoom-controls button:last-child{width:auto;padding:0 8px;font-size:10px}.canvas-zoom-controls output{min-width:38px;text-align:center;font-size:10px;color:var(--ink)}.canvas-zoom-controls button:disabled{opacity:.35;cursor:default}.studio .canvas-workspace.canvas-zoomed{display:block;overflow:auto}.studio .canvas-workspace.canvas-zoomed #editor-preview{margin:auto}.studio #editor-preview{flex:none}.studio #editor-preview .live-preview-canvas{max-height:none}.editor-template-entry{position:relative;min-width:0}.editor-template-entry .editor-template-card{width:100%}.template-card{position:relative}.template-favorite{position:absolute;top:9px;right:9px;z-index:3;width:29px;height:29px;border:1px solid #ffffff80;border-radius:50%;background:#ffffffed;color:#97a49d;display:grid;place-items:center;padding:0;font-size:12px;box-shadow:0 2px 8px #0001}.template-favorite.active{color:#12835a;background:#e5f7ec;border-color:#96cdb0}.template-favorite:hover{color:#12835a;transform:scale(1.06)}.editor-template-entry .template-favorite{width:24px;height:24px;top:5px;right:5px;font-size:10px}.favorite-filter{width:100%;margin-top:10px;margin-bottom:12px;font-size:10px!important;padding:9px!important}.favorite-filter[aria-pressed="true"]{background:#e5f7ec;color:#12835a}.template-card .badge{right:auto;left:12px}[data-theme="dark"] .inspector-group{background:#202527;border-color:#3c4647}[data-theme="dark"] .canvas-size-badge{background:#263e32;border-color:#406c51;color:#b2e4c4}[data-theme="dark"] .template-favorite{background:#262c2e;color:#a4b3ab;border-color:#46524c}[data-theme="dark"] .template-favorite.active,[data-theme="dark"] .favorite-filter[aria-pressed="true"]{background:#284635;color:#9be0b4}@media(max-width:600px){.canvas-context-bar{flex-wrap:wrap}.canvas-size-badge{font-size:9px}.toolbar-actions #reset-design{grid-column:auto}}

.studio-toolbar #download{background:linear-gradient(135deg,#12835a,#0d6346);border-color:#12835a;color:#fff;font-size:13px;font-weight:800;min-height:44px;padding:12px 22px;box-shadow:0 5px 16px #12835a30;gap:9px}.studio-toolbar #download:hover{background:linear-gradient(135deg,#159c6b,#107550)}.studio-toolbar #download:disabled{opacity:.7;cursor:wait;transform:none}.unsaved-design-notice{width:100%;font-size:10px;line-height:1.5;color:#8c6825;background:#fff8e8;border:1px solid #eedbad;border-radius:6px;padding:7px 10px}.unsaved-design-notice.is-dirty{border-color:#dcb763;background:#fff3d3}[data-theme="dark"] .unsaved-design-notice{background:#322c20;color:#ebce8d;border-color:#645333}.is-dragging .canvas-move-handle:not(.is-selected){border-color:transparent;background:transparent;box-shadow:none}
@media(max-width:999px){.editor-page .studio-toolbar{position:sticky;top:0;z-index:30;background:var(--paper);box-shadow:0 4px 15px #0001}.editor-page .canvas-workspace{min-height:250px;overflow:auto}.editor-page .editor-stage{position:static}.editor-page .header{padding-left:18px;padding-right:18px}.editor-page .header-actions>a{display:none}}
@media(max-width:700px){.editor-page .studio-toolbar{margin:8px 12px 0;padding:10px;gap:8px}.editor-page .toolbar-size{gap:7px}.editor-page .toolbar-size>label{font-size:10px}.editor-page .toolbar-size select{font-size:12px;min-height:40px}.editor-page .toolbar-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.editor-page .toolbar-actions .export-format{grid-row:1;grid-column:1;height:44px;min-width:0;font-size:13px}.editor-page .toolbar-actions #download{grid-row:1;grid-column:2/5;min-height:44px;font-size:13px;padding:10px}.editor-page .toolbar-actions .history-actions{grid-row:2;grid-column:1/3;justify-content:flex-start;border:0;padding:0;margin:0}.editor-page .history-actions .button{width:42px;height:38px}.editor-page .toolbar-actions #save{grid-row:2;grid-column:3;min-height:38px;padding:7px 3px;font-size:10px;gap:4px}.editor-page .toolbar-actions #reset-design{grid-row:2;grid-column:4;min-height:38px;padding:7px 3px;font-size:9px;gap:3px}.editor-page .toolbar-note{font-size:8px}.editor-page .unsaved-design-notice{font-size:9px;padding:6px 8px}.editor-page .editor.studio{padding:0 12px;gap:12px}.editor-page .studio .canva-controls{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);max-height:560px}.editor-page .studio .studio-tool-rail{grid-row:1;grid-column:1;flex-direction:row;justify-content:space-between;border-right:0;border-bottom:1px solid var(--line);padding:7px;gap:6px}.editor-page .studio .studio-tool-rail button{flex:1;min-height:50px;font-size:10px;padding:8px 3px;gap:5px}.editor-page .studio .studio-tool-rail button.active::before{left:20%;top:auto;bottom:-7px;width:60%;height:3px;border-radius:3px 3px 0 0}.editor-page .studio .canva-controls>.studio-tab-panel{grid-row:2;grid-column:1;max-height:460px;padding:16px;min-height:0}.editor-page .studio .panel input:not([type="range"]):not([type="color"]):not([type="checkbox"]),.editor-page .studio .panel select,.editor-page .studio .panel textarea{font-size:16px!important}.editor-page .studio .panel label{font-size:12px}.editor-page .inspector-group>summary{min-height:44px;font-size:12px}.editor-page .element-palette button{font-size:10px;min-height:74px}.editor-page .element-resize-corner{width:20px;height:20px;border-radius:5px}.editor-page .corner-nw{left:-10px;top:-10px}.editor-page .corner-ne{right:-10px;top:-10px}.editor-page .corner-sw{left:-10px;bottom:-10px}.editor-page .corner-se{right:-10px;bottom:-10px}.editor-page .canvas-context-bar{padding:10px 12px;flex-wrap:wrap}.editor-page .canvas-selection-label{font-size:10px}.editor-page .canvas-zoom-controls button{height:32px;width:32px}.editor-page .editor-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-page .template-favorite{width:30px;height:30px}.editor-page .header .brand{font-size:21px}.editor-page .canvas-workspace{padding:22px}}
@media(prefers-reduced-motion:reduce){.editor-page .button,.editor-page .template-favorite{transition:none;transform:none}}

.template-elements-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.quote-art .quote-text,.quote-art .author,.quote-art .mark,.quote-art .closing-mark,.quote-art .watermark{position:relative;z-index:1}.quote-art .watermark{position:absolute}.quote-art{isolation:isolate;overflow:hidden}.template-card .quote-art{background-size:cover}.editor-template-preview .quote-art{width:100%;height:100%}