@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
.effect-toggle{align-self:center;border-radius:7px;background:#e9eee8;padding:8px!important}.effect-toggle:has(input:checked){background:#e9f6ce;color:#315712}.assignment-canvas-drop canvas{outline:none}.assignment-canvas-drop canvas:focus{filter:drop-shadow(0 0 4px rgba(143,189,49,.75))}
.result-actions,.seo-batch-head{display:flex;align-items:center;gap:9px}.seo-batch-head{justify-content:space-between}.batch-complete{text-align:center;padding:35px 15px;background:#edf7ef;border-radius:12px;color:#193c2f}.batch-complete p{color:#64736b;font-size:12px}@media(max-width:700px){.result-head,.seo-batch-head{align-items:stretch;flex-direction:column}.result-actions{flex-direction:column}.result-actions button,.seo-batch-head button{width:100%}}
.result-section,.generator-seo{margin-top:28px;scroll-margin-top:20px}.result-head{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e7e9e5;border-radius:14px;padding:18px 20px;margin-bottom:15px}.result-head h3{margin:0}.result-head p{margin:4px 0 0;color:#737b77;font-size:12px}.download-button{background:#c8f35e!important;color:#173e31!important;text-decoration:none;border-radius:7px;padding:7px 9px;white-space:nowrap}.generator-seo{background:#173e31;color:#fff;border-radius:16px;padding:24px}.generator-seo>div:first-child>p{color:#9bb2a9;font-size:12px}.generator-seo h3{margin:7px 0}.seo-design-list{display:grid;gap:9px;margin-top:16px}.seo-design-list article{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;background:#214b3b;border:1px solid #34604f;border-radius:11px;padding:10px}.seo-design-list img{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:8px}.seo-design-list strong,.seo-design-list small{display:block}.seo-design-list strong{font-size:12px}.seo-design-list small{font-size:10px;color:#9db4ab;margin-top:4px}.seo-design-list button{padding:9px 12px}
.seo-dialog{width:min(720px,94vw)}.seo-content{padding:24px;max-height:75vh;overflow:auto}.seo-loading{text-align:center;padding:40px 10px}.seo-loading span{display:block;width:34px;height:34px;border:3px solid #dfe6e1;border-top-color:#1d4e3c;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.seo-loading p,.seo-error p{color:#737b77;font-size:12px}.seo-result label{display:block;font-size:11px;font-weight:700;margin:17px 0 7px}.seo-result label small,.seo-prompt-form small{display:block;color:#737b77;font-size:11px;font-weight:400;line-height:1.45;margin-top:4px}.seo-result textarea{width:100%;min-height:62px;resize:vertical;border:1px solid #e7e9e5;border-radius:9px;padding:11px;background:#f8f9f7;font:13px/1.45 'DM Sans',sans-serif}.seo-result-actions{display:flex;justify-content:flex-end;margin-top:14px}.seo-tags{display:flex;flex-wrap:wrap;gap:7px}.seo-tags span{background:#edf4ef;color:#1d4e3c;padding:6px 9px;border-radius:14px;font-size:11px}.seo-warning,.seo-error{background:#fff4eb;border:1px solid #f3d2b5;border-radius:10px;padding:13px;margin-top:18px}.seo-warning p{font-size:11px;margin-bottom:0}.seo-error{background:#fff2f1;border-color:#efc5c1}.seo-prompt-form{display:flex;flex-direction:column;gap:14px;padding:8px 0}.seo-prompt-form label{display:flex;flex-direction:column;gap:8px;font-size:12px}.seo-prompt-form textarea{width:100%;resize:vertical;border:1px solid #e7e9e5;border-radius:9px;padding:11px;font-size:13px;font-family:inherit;background:#f8f9f7}@keyframes spin{to{transform:rotate(360deg)}}
.canvas-wrap{height:clamp(320px,55vw,620px)!important;display:flex!important;align-items:center;justify-content:center;overflow:hidden!important;padding:18px}.canvas-wrap canvas{display:block;max-width:100%!important;max-height:100%!important;width:auto;height:auto;object-fit:contain;transform-origin:center}.design-controls label{display:grid!important;gap:7px}.design-controls label>span{display:flex;justify-content:space-between;align-items:center}.design-controls output{font-weight:800;color:#1d4e3c;background:#edf4ef;border-radius:12px;padding:3px 8px;min-width:48px;text-align:center}.generation-progress{background:#fff;border:1px solid #e7e9e5;border-radius:12px;padding:13px 16px;margin:-10px 0 18px}.generation-progress>div:first-child{display:flex;justify-content:space-between;font-size:11px}.progress-track{height:6px;background:#e8ece7;border-radius:5px;margin-top:9px;overflow:hidden}.progress-track i{display:block;width:0;height:100%;background:#c8f35e;transition:width .2s}.primary:disabled{opacity:.55;cursor:wait;transform:none}.area-heading{display:flex;justify-content:space-between;align-items:center}.area-heading h4{margin:0}.area-heading button{padding:7px 10px}.area-list{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}.area-chip{border:1px solid #e7e9e5;background:#fff;border-radius:8px;padding:7px 10px;cursor:pointer;font-size:11px}.area-chip.active{background:#3977ff;color:#fff;border-color:#3977ff}.danger-button{border:1px solid #f1c7c2;background:#fff4f2;color:#b84f44;border-radius:9px;padding:10px;font-weight:700;cursor:pointer}
.generation-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:11px}.generation-actions[hidden],.generation-actions button[hidden]{display:none}.generation-actions button{padding:7px 11px;font-size:10px}.generation-actions .danger-button{padding:7px 11px}.generation-actions button:disabled{opacity:.55;cursor:wait}@media(max-width:600px){.generation-actions{display:grid;grid-template-columns:1fr 1fr}.generation-actions button{width:100%}}
.editor-stage canvas{touch-action:none}.batch-seo-bar{display:grid;grid-template-columns:minmax(200px,.75fr) minmax(320px,1.5fr) auto;gap:16px;align-items:center;background:#173e31;color:#fff;border-radius:15px;padding:20px;margin-bottom:18px}.batch-seo-bar strong,.batch-seo-bar p{display:block}.batch-seo-bar strong{margin-top:5px}.batch-seo-bar p{color:#9bb2a9;font-size:10px;margin:4px 0 0}.batch-seo-bar textarea,.group-seo textarea{width:100%;resize:vertical;border:1px solid #416758;border-radius:9px;padding:11px 12px;font:12px/1.45 'DM Sans',sans-serif}.batch-seo-bar textarea{background:#214b3b;color:#fff}.results{display:block;margin-top:0}.result-group{background:#fff;border:1px solid #e0e5df;border-radius:18px;overflow:hidden;margin-bottom:22px;box-shadow:0 8px 30px rgba(22,36,29,.05)}.result-group-head{display:flex;gap:14px;align-items:center;padding:18px 20px;border-bottom:1px solid #edf0ec}.result-group-head img{width:58px;height:58px;object-fit:contain;background:#f1f3ef;border-radius:11px}.result-group-head span{font-size:9px;letter-spacing:1.5px;color:#799087;font-weight:700}.result-group-head h3{margin:3px 0;font:800 17px Manrope}.result-group-head p{margin:0;color:#737b77;font-size:10px}.result-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;padding:18px;background:#f7f8f5}.result-group-grid .result-card img{height:175px}.group-seo{padding:19px 20px;background:#173e31;color:#fff}.group-seo-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}.group-seo-head strong,.group-seo-head small{display:block}.group-seo-head strong{margin-top:5px}.group-seo-head small{font-size:10px;color:#9bb2a9;margin-top:4px}.group-seo textarea{background:#fff;color:#19201d;border-color:#dce3dd}.group-seo-result{background:#214b3b;border:1px solid #416758;border-radius:11px;padding:13px;margin-bottom:12px}.group-seo-result label{display:block;color:#9bb2a9;font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.group-seo-result>strong{display:block;font-size:13px;line-height:1.45;margin-bottom:10px}.group-seo-result>div{display:flex;flex-wrap:wrap;gap:6px}.group-seo-result span{background:#315f4e;border-radius:12px;padding:5px 8px;font-size:9px}.group-seo-actions{display:flex;justify-content:flex-end;margin-top:10px}.group-seo .secondary{padding:9px 12px}.group-seo .primary{padding:10px 14px}
@media(max-width:900px){.batch-seo-bar{grid-template-columns:1fr}.batch-seo-bar button{width:100%}}@media(max-width:600px){.result-group-grid{grid-template-columns:1fr}.group-seo-head{align-items:stretch;flex-direction:column}.group-seo-head button,.group-seo-actions button{width:100%}.result-head{align-items:stretch;flex-direction:column}.result-actions{margin-top:12px}}
:root{--ink:#19201d;--muted:#737b77;--line:#e7e9e5;--paper:#f6f7f4;--white:#fff;--lime:#c8f35e;--green:#1d4e3c;--purple:#7259df;--coral:#f07b5e;--shadow:0 12px 40px rgba(22,36,29,.08)}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);display:flex;min-height:100vh}button,input,select{font:inherit}.sidebar{width:246px;background:#173e31;color:#fff;position:fixed;inset:0 auto 0 0;padding:26px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 30px}.brand .logo{width:40px;height:40px;background:var(--lime);color:#173e31;border-radius:12px;display:grid;place-items:center;font:bold 20px Manrope}.brand strong,.brand small{display:block}.brand strong{font-family:Manrope}.brand small{color:#91aa9f;font-size:11px;margin-top:3px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav>p{font-size:10px;letter-spacing:1.7px;color:#75968a;margin:22px 13px 8px}.nav-item{border:0;background:transparent;color:#c3d1cc;border-radius:10px;padding:12px 13px;text-align:left;display:flex;align-items:center;gap:12px;cursor:pointer}.nav-item:hover,.nav-item.active{background:#285443;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--lime)}.nav-item span{font-size:19px}.nav-item b{margin-left:auto;background:#315f4e;padding:2px 7px;border-radius:10px;font-size:11px}.storage{margin-top:auto;background:#12352a;padding:14px;border-radius:12px}.storage>div:first-child{display:flex;justify-content:space-between;font-size:11px}.storage .bar{height:4px;background:#315849;margin:10px 0;border-radius:4px}.storage i{display:block;height:100%;width:2%;background:var(--lime);border-radius:4px}.storage small{color:#729387;font-size:9px}main{margin-left:246px;width:calc(100% - 246px);min-height:100vh}header{height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}header h1{font:700 20px Manrope;margin:0}header p{font-size:12px;color:var(--muted);margin:4px 0 0}.header-actions{display:flex;gap:14px;align-items:center}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:50%;width:38px;height:38px}.avatar{width:38px;height:38px;background:#efe9dc;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}.page{display:none;padding:34px 42px 60px}.page.active{display:block}.welcome{min-height:260px;background:#1f493a;border-radius:20px;padding:38px 48px;color:#fff;display:flex;justify-content:space-between;overflow:hidden;position:relative}.welcome h2{font:800 39px/1.1 Manrope;margin:11px 0}.welcome h2 em{color:var(--lime);font-style:normal}.welcome p{color:#bdd0c8;max-width:480px;font-size:14px}.eyebrow{font-size:10px;color:var(--lime);letter-spacing:2px;font-weight:700}.primary,.secondary{border:0;border-radius:9px;padding:11px 17px;font-weight:700;cursor:pointer}.primary{background:var(--lime);color:#1c352b}.primary:hover{filter:brightness(.96);transform:translateY(-1px)}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.welcome .primary{margin-top:13px}.orb{width:260px;height:260px;border:1px solid #4d6e62;border-radius:50%;display:grid;place-items:center;position:absolute;right:50px;top:20px}.orb:before,.orb:after{content:"";position:absolute;border:1px solid #385f50;border-radius:50%;inset:25px}.orb:after{inset:55px}.shirt{width:105px;height:120px;background:linear-gradient(145deg,#fff,#dce3de);color:#244c3d;clip-path:polygon(22% 0,38% 8%,62% 8%,78% 0,100% 18%,84% 38%,78% 31%,78% 100%,22% 100%,22% 31%,16% 38%,0 18%);display:grid;place-items:center;font:800 28px Manrope;z-index:1}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 34px}.stats article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;gap:15px;align-items:center}.stat-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:22px}.purple{background:#eeeaff;color:var(--purple)}.coral{background:#fff0eb;color:var(--coral)}.green{background:#e8f4e9;color:#398453}.stats small{font-size:9px;letter-spacing:1px;color:var(--muted)}.stats strong{display:block;font:800 25px Manrope}.stats p{margin:2px 0 0;font-size:10px;color:var(--muted)}.section-head h3,.toolbar h2{margin:0;font:700 18px Manrope}.section-head p,.toolbar p{color:var(--muted);font-size:12px;margin:4px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:15px}.steps article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;position:relative;cursor:pointer}.steps article:hover{box-shadow:var(--shadow)}.steps article>b{position:absolute;right:18px;color:#d7dad6;font:800 26px Manrope}.steps article>span{font-size:23px}.steps h4{margin:15px 0 6px}.steps p{font-size:12px;color:var(--muted)}.steps button{border:0;background:none;color:#28604a;font-weight:700;padding:8px 0}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.toolbar>div:last-child{display:flex;gap:9px}.card-grid,.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:17px}.store-card,.asset-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.store-card{padding:21px}.store-card .store-logo{width:48px;height:48px;background:#173e31;color:var(--lime);border-radius:12px;display:grid;place-items:center;font:800 20px Manrope}.store-card h3{margin:18px 0 4px}.store-card p{font-size:11px;color:var(--muted);margin:0 0 18px}.card-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px}.card-actions button,.asset-actions button{border:0;background:none;cursor:pointer;color:#496157;font-size:12px}.danger{color:#d75b4f!important}.empty{text-align:center;background:#fff;border:1px dashed #d8dcd7;border-radius:16px;padding:65px 20px;color:var(--muted)}.empty span{font-size:40px;color:#bcc5bf}.empty h3{color:var(--ink);margin:12px 0 5px}.empty p{font-size:13px}.chips{display:flex;gap:8px;margin:-8px 0 22px;overflow:auto}.chip{border:1px solid var(--line);background:#fff;padding:8px 13px;border-radius:20px;cursor:pointer;font-size:12px;white-space:nowrap}.chip.active{background:#173e31;color:#fff;border-color:#173e31}.asset-card .thumb{height:180px;background:#ecefeb;position:relative;display:grid;place-items:center;overflow:hidden}.asset-card .thumb img{width:100%;height:100%;object-fit:contain}.asset-card .area-badge{position:absolute;top:10px;right:10px;background:#173e31;color:#fff;border-radius:12px;padding:5px 8px;font-size:9px}.asset-meta{padding:14px}.asset-meta h4{margin:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-meta p{font-size:10px;color:var(--muted);margin:4px 0 12px}.asset-actions{display:flex;justify-content:space-between}.generator-layout{display:grid;grid-template-columns:260px 1fr;gap:18px}.setup-panel,.preview-panel{background:#fff;border:1px solid var(--line);border-radius:15px}.setup-panel{padding:20px}.setup-panel label,.editor-body aside label{display:block;font-size:11px;font-weight:700;margin-bottom:17px}.setup-panel select,.editor-body input{display:block;width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;margin-top:7px;background:#fff}.summary{background:#f2f5ef;border-radius:10px;text-align:center;padding:16px;margin:20px 0}.summary span,.summary small{display:block;font-size:10px;color:var(--muted)}.summary strong{font:800 30px Manrope;color:#28513f}.full{width:100%}.canvas-toolbar{height:48px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 16px}.canvas-toolbar button{border:1px solid var(--line);background:#fff;width:28px;height:26px}.canvas-toolbar span{font-size:11px;padding:0 8px}.canvas-wrap{height:520px;background:#eef0ec;display:grid;place-items:center;position:relative;overflow:auto}.canvas-wrap canvas{max-width:92%;max-height:92%;box-shadow:0 8px 25px #9ba29d66;background:#fff}.canvas-wrap #canvasHint{position:absolute;text-align:center;color:#909994}.canvasHint span{font-size:35px}.design-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:14px 18px}.design-controls label{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px}.design-controls input{width:100%}.results{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:15px;margin-top:22px}.result-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.result-card img{width:100%;height:160px;object-fit:contain;background:#eef0ec}.result-card div{padding:11px;display:flex;justify-content:space-between;align-items:center}.result-card strong{font-size:11px;max-width:140px;overflow:hidden;text-overflow:ellipsis}.result-card a{color:#254d3d;font-size:11px;font-weight:700}dialog{border:0;border-radius:16px;box-shadow:0 25px 80px #17241d55;padding:0;width:min(460px,90vw)}dialog::backdrop{background:#16231d99}.dialog-head{display:flex;justify-content:space-between;padding:22px 24px 15px;border-bottom:1px solid var(--line)}.dialog-head small{font-size:9px;color:#4b675c;letter-spacing:1.5px}.dialog-head h3{margin:4px 0 0}.dialog-head button{border:0;background:none;font-size:25px;cursor:pointer}.dialog-actions{padding:18px 24px;display:flex;justify-content:flex-end;gap:8px}.field{padding:16px 24px 0}.field label{display:block;font-size:11px;font-weight:700;margin-bottom:7px}.field input{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px}.editor-dialog{width:min(1120px,94vw)}.editor-body{display:grid;grid-template-columns:1fr 240px;min-height:630px}.editor-stage{background:#e8ebe7;display:grid;place-items:center;padding:20px}.editor-stage canvas{max-width:100%;max-height:590px;box-shadow:var(--shadow)}.editor-body aside{padding:24px}.editor-body aside p{font-size:11px;color:var(--muted);line-height:1.5;margin-bottom:24px}.editor-body aside button{margin-top:10px}#toast{position:fixed;right:25px;bottom:25px;background:#173e31;color:#fff;padding:13px 18px;border-radius:9px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none;z-index:20;font-size:12px}#toast.show{opacity:1;transform:none}@media(max-width:900px){.sidebar{width:76px;padding:22px 10px}.brand div,.brand .logo~*,.nav-item:not(.active){font-size:0}.brand{padding:0 7px 25px}.sidebar nav>p,.storage{display:none}.nav-item{justify-content:center}.nav-item span{font-size:21px}.nav-item b{display:none}main{margin-left:76px;width:calc(100% - 76px)}header,.page{padding-left:22px;padding-right:22px}.stats,.steps{grid-template-columns:1fr}.orb{opacity:.25}.generator-layout{grid-template-columns:1fr}.editor-body{grid-template-columns:1fr}.design-controls{grid-template-columns:1fr}}

/* Generated sets: primary mockup and thumbnails on the left, SEO on the right. */
#results.results{display:flex;flex-direction:column;gap:22px;margin-top:0}
#results .result-group{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);grid-template-rows:auto 1fr;grid-template-areas:"head seo" "gallery seo";margin:0;overflow:hidden}
#results .result-group-head{grid-area:head}
#results .result-group-head>div{min-width:0}
#results .result-group-head .set-download{margin-left:auto;white-space:nowrap;padding:9px 12px}
#results .result-group-grid{grid-area:gallery;display:grid;grid-template-columns:repeat(5,minmax(72px,1fr));gap:10px;align-content:start;padding:18px}
#results .group-seo{grid-area:seo;border-left:1px solid #416758;display:flex;flex-direction:column;justify-content:center;min-width:0}
#results .result-card{position:relative;min-width:0}
#results .result-card:first-child{grid-column:1/-1}
#results .result-card:first-child:before{content:"ANA GÖRSEL";position:absolute;z-index:1;top:10px;left:10px;background:#173e31;color:#c8f35e;border-radius:14px;padding:6px 9px;font-size:8px;font-weight:800;letter-spacing:1px}
#results .result-card:first-child img{height:clamp(300px,34vw,470px)}
#results .result-card:not(:first-child) img{height:105px}
#results .result-card:not(:first-child)>div{display:block;padding:7px}
#results .result-card:not(:first-child) strong{display:block;max-width:100%;font-size:9px;white-space:nowrap}
#results .result-card.seo-image-option{cursor:pointer;outline:2px solid transparent;outline-offset:-2px;transition:outline-color .15s,box-shadow .15s,transform .15s}
#results .result-card.seo-image-option:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(23,62,49,.14)}
#results .result-card.seo-image-option:focus-visible{outline-color:#7259df}
#results .result-card.seo-image-selected{outline:4px solid #79a923;outline-offset:-4px;box-shadow:0 0 0 3px #c8f35e,0 12px 28px rgba(23,62,49,.22)}
#results .result-card.seo-image-selected:after{content:"✓ AI GÖRSELİ";position:absolute;z-index:3;top:10px;right:10px;background:#79a923;color:#fff;border:2px solid #e7ffc0;border-radius:16px;padding:6px 10px;font-size:8px;font-weight:900;letter-spacing:1px;box-shadow:0 4px 12px rgba(23,62,49,.25)}
@media(max-width:1100px){#results .result-group{grid-template-columns:1fr;grid-template-areas:"head" "gallery" "seo"}#results .group-seo{border-left:0;border-top:1px solid #416758}}
@media(max-width:650px){#results .result-group-head{align-items:flex-start;flex-wrap:wrap}#results .result-group-head .set-download{width:100%;margin-left:0}#results .result-group-grid{grid-template-columns:repeat(3,minmax(70px,1fr));padding:12px}#results .result-card:first-child img{height:280px}}
.listing-export-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #e0e5df;border-radius:15px;padding:18px 20px;margin:0 0 18px}.listing-export-bar strong,.listing-export-bar p{display:block}.listing-export-bar strong{margin-top:5px}.listing-export-bar p{margin:4px 0 0;color:#737b77;font-size:10px}.listing-export-bar code{color:#1d4e3c;background:#edf4ef;padding:2px 5px;border-radius:4px}.listing-export-controls{display:flex;gap:9px;flex-shrink:0}.listing-export-bar .eyebrow{color:#4d6e62}@media(max-width:800px){.listing-export-bar{align-items:stretch;flex-direction:column}.listing-export-controls{display:grid;grid-template-columns:1fr 1fr}.listing-export-bar button{width:100%}}@media(max-width:520px){.listing-export-controls{grid-template-columns:1fr}}
.listing-export-progress{flex:1 1 100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 14px;align-items:center;margin-top:12px;padding:12px;border:1px solid #d7e2d7;border-radius:10px;background:#f6f9f2}.listing-export-progress[hidden]{display:none}.listing-export-progress strong,.listing-export-progress span{display:block}.listing-export-progress strong{margin:0;color:#173e31;font-size:11px}.listing-export-progress span{margin-top:3px;color:#66736d;font-size:9px}.listing-export-progress>b{color:#1d4e3c;font-size:12px}.listing-export-progress>i{grid-column:1/-1;height:7px;overflow:hidden;border-radius:999px;background:#dde6dd}.listing-export-progress>i em{display:block;width:0;height:100%;border-radius:inherit;background:#c8f35e;transition:width .2s ease}.listing-export-progress.has-error{border-color:#f0c5c0;background:#fff4f2}.listing-export-progress.has-error strong,.listing-export-progress.has-error>b{color:#b84f44}.listing-export-progress.has-error>i em{background:#d75b4f}.listing-export-progress.is-done{border-color:#cfe7a6;background:#f5fbe8}
.export-preview-dialog{width:min(1500px,97vw);height:min(900px,94vh);max-width:none}.export-preview-dialog[open]{display:flex;flex-direction:column}.export-preview-status{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 22px;background:#f6f7f4;border-bottom:1px solid #e0e5df}.export-preview-status strong,.export-preview-status span{display:block}.export-preview-status strong{font-size:12px}.export-preview-status span{font-size:10px;color:#737b77;margin-top:3px}.validation-key{display:flex;align-items:center;gap:6px;font-size:10px;color:#737b77;white-space:nowrap}.validation-key .error-dot,.validation-key .warning-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin:0 2px 0 8px}.validation-key .error-dot{background:#d75b4f}.validation-key .warning-dot{background:#d99b2b}.export-table-wrap{flex:1;overflow:auto;background:#eef0ec}.export-preview-dialog table{border-collapse:separate;border-spacing:0;min-width:max-content;font-size:10px}.export-preview-dialog th,.export-preview-dialog td{width:190px;min-width:190px;max-width:190px;border-right:1px solid #dfe4df;border-bottom:1px solid #dfe4df;background:#fff;padding:7px;vertical-align:top}.export-preview-dialog th{position:sticky;top:0;z-index:3;background:#173e31;color:#fff;text-align:left;height:40px}.export-preview-dialog .row-action{position:sticky;left:0;z-index:2;width:70px;min-width:70px;max-width:70px;text-align:center}.export-preview-dialog th.row-action{z-index:4}.export-preview-dialog td.row-action{background:#f6f7f4}.export-preview-dialog td.row-action strong{display:block;margin:5px}.export-preview-dialog td.row-action button{border:0;background:none;color:#c65449;font-size:9px;cursor:pointer}.export-preview-dialog textarea{display:block;width:100%;min-height:54px;resize:vertical;border:1px solid transparent;border-radius:6px;padding:7px;background:#f8f9f7;font:10px/1.35 'DM Sans',sans-serif}.export-preview-dialog textarea:focus{outline:2px solid #3977ff;background:#fff}.export-preview-dialog td.has-error{background:#fff0ee}.export-preview-dialog td.has-error textarea{border-color:#dc6b60}.export-preview-dialog td.has-warning{background:#fff8e8}.export-preview-dialog td.has-warning textarea{border-color:#d7a23f}.cell-message{display:block;color:#b84f44;font-size:8px;line-height:1.3;margin-top:5px}.has-warning .cell-message{color:#976c18}.export-preview-actions{display:flex;justify-content:flex-end;gap:9px;padding:15px 22px;border-top:1px solid #e0e5df;background:#fff}.export-preview-actions button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:700px){.export-preview-status{align-items:flex-start;flex-direction:column}.validation-key{white-space:normal}.export-preview-actions button{flex:1}}

/* Custom and random assignments form one editable mockup set. */
.assignment-panel{margin-top:18px;scroll-margin-top:18px;background:#173e31;color:#fff;border-radius:16px;padding:20px;transition:box-shadow .25s ease}.assignment-panel.edit-target-flash{box-shadow:0 0 0 4px #c8f35e,0 18px 45px #173e3155}.assignment-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.assignment-head h3{font:800 18px Manrope;margin:4px 0}.assignment-head p{color:#b9ccc4;font-size:11px;margin:0}.assignment-workspace{display:grid;grid-template-columns:210px 1fr;gap:16px}.design-tray{background:#12352a;border-radius:12px;padding:13px;display:grid;gap:8px;align-content:start}.design-tray>strong{font-size:11px;color:#c8f35e}.design-drag{display:flex;align-items:center;gap:9px;width:100%;border:1px solid #315f4e;border-radius:9px;background:#214b3b;color:#fff;padding:7px;text-align:left;cursor:grab}.design-drag[hidden]{display:none!important}.design-drag:active{cursor:grabbing}.design-drag img{width:34px;height:34px;object-fit:contain;background:#fff;border-radius:5px}.design-drag span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.assignment-card{background:#fff;color:#19201d;border:2px solid transparent;border-radius:12px;overflow:hidden;transition:.15s}.assignment-card.drag-over{border-color:#c8f35e;transform:translateY(-2px)}.assignment-mockup{height:135px;background:#eef0ec;position:relative;display:grid;place-items:center}.assignment-mockup img{width:100%;height:100%;object-fit:contain}.assignment-mockup span{position:absolute;left:8px;top:8px;border-radius:10px;background:#173e31;color:#c8f35e;padding:4px 6px;font-size:8px;font-weight:700}.assignment-card>div:last-child{padding:10px}.assignment-card strong,.assignment-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignment-card strong{font-size:11px}.assignment-card small{color:#737b77;font-size:9px;margin-top:6px}.assignment-card select{width:100%;margin-top:8px;padding:7px;border:1px solid #e0e5df;border-radius:7px;font-size:10px}.assignment-empty{padding:22px;background:#fff;color:#737b77;border-radius:12px;text-align:center;font-size:12px}.single-set{grid-template-columns:1fr!important;grid-template-areas:"head" "gallery"!important}.single-set .result-group-grid{grid-area:gallery}.single-set .result-card small{display:block;color:#737b77;font-size:9px;margin-top:3px}@media(max-width:760px){.assignment-head{align-items:stretch;flex-direction:column}.assignment-head button{width:100%;margin-left:0}.assignment-workspace{grid-template-columns:1fr}.design-tray{grid-template-columns:repeat(2,minmax(0,1fr))}.design-tray>strong{grid-column:1/-1}}
.random-preview-category-tabs{display:flex;align-items:center;gap:8px;margin:-7px 0 16px;padding:9px;border:1px solid #315f4e;border-radius:11px;background:#12352a;overflow-x:auto}.random-preview-category-tabs>span{flex:0 0 auto;color:#9fb7ad;font-size:9px;font-weight:700}.random-preview-category-tabs button{flex:0 0 auto;border:1px solid #416758;border-radius:999px;background:#214b3b;color:#d5e1dc;padding:7px 11px;font-size:9px;font-weight:800;cursor:pointer}.random-preview-category-tabs button.active{border-color:#c8f35e;background:#c8f35e;color:#173e31}@media(max-width:760px){.random-preview-category-tabs{align-items:stretch;flex-direction:column}.random-preview-category-tabs>span{width:100%}.random-preview-category-tabs button{width:100%}}
.design-tray{max-height:720px;overflow:auto}.design-drag.active{border-color:#c8f35e;background:#2c5b49}.assignment-studio{min-width:0;background:#f4f6f2;color:#19201d;border-radius:14px;padding:14px}.assignment-stage-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-bottom:12px}.assignment-stage-head>div{text-align:center;min-width:0}.assignment-stage-head strong,.assignment-stage-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignment-stage-head strong{font:800 14px Manrope}.assignment-stage-head small{font-size:10px;color:#737b77;margin-top:3px}.assignment-stage-head button:disabled{opacity:.35;cursor:not-allowed}.assignment-canvas-drop{height:min(62vw,660px);min-height:430px;position:relative;display:grid;place-items:center;overflow:hidden;border:2px dashed transparent;border-radius:12px;background:repeating-linear-gradient(45deg,#e6eae5,#e6eae5 12px,#edf0ec 12px,#edf0ec 24px);transition:.15s}.assignment-canvas-drop.drag-over{border-color:#8fbd31;background:#eaf5d3}.assignment-canvas-drop canvas{display:block;max-width:100%;max-height:100%;box-shadow:0 12px 32px rgba(17,37,29,.2);background:#fff}.assignment-canvas-drop>div{position:absolute;display:flex;flex-direction:column;align-items:center;gap:5px;background:rgba(23,62,49,.92);color:#fff;border-radius:12px;padding:15px 20px;pointer-events:none}.assignment-canvas-drop>div[hidden]{display:none}.assignment-canvas-drop>div strong{font-size:12px;color:#c8f35e}.assignment-canvas-drop>div span{font-size:9px}.assignment-select-label{display:grid;grid-template-columns:auto minmax(180px,320px);justify-content:end;align-items:center;gap:10px;margin:12px 0;font-size:10px;font-weight:700}.assignment-select-label select{padding:9px;border:1px solid #d9dfd9;border-radius:8px;background:#fff}.mockup-strip{display:flex;gap:9px;overflow-x:auto;padding:4px 2px 8px}.mockup-step{position:relative;flex:0 0 118px;border:2px solid transparent;border-radius:10px;background:#fff;padding:5px;cursor:pointer;text-align:left}.mockup-step.active{border-color:#8fbd31}.mockup-step>span{position:absolute;top:8px;left:8px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#173e31;color:#c8f35e;font-size:9px;font-weight:800}.mockup-step img{display:block;width:100%;height:76px;object-fit:contain;background:#eef0ec;border-radius:6px}.mockup-step small{display:block;margin-top:5px;color:#58645e;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){.assignment-canvas-drop{height:72vw;min-height:300px}.assignment-stage-head{grid-template-columns:1fr 1fr}.assignment-stage-head>div{grid-column:1/-1;grid-row:1}.assignment-stage-head button{grid-row:2}.assignment-select-label{grid-template-columns:1fr;justify-content:stretch}.assignment-select-label select{width:100%}}

/* Keep every mockup fully visible at all viewport sizes. */
.assignment-panel,.assignment-workspace,.assignment-studio{min-width:0;max-width:100%}.assignment-workspace{grid-template-columns:minmax(170px,210px) minmax(0,1fr)}.assignment-canvas-drop{width:100%;height:clamp(420px,68vh,720px);min-height:0;padding:8px}.assignment-canvas-drop canvas{width:auto;height:auto;max-width:none;max-height:none;box-shadow:none;background:transparent;flex:none}
@media(max-width:1100px){.assignment-workspace{grid-template-columns:1fr}.design-tray{display:flex;max-height:none;overflow-x:auto;overflow-y:hidden}.design-tray>strong{flex:0 0 100%;display:none}.design-drag{flex:0 0 150px}.assignment-canvas-drop{height:clamp(380px,62vh,650px)}}
@media(max-width:760px){.assignment-panel{padding:12px}.assignment-studio{padding:9px}.assignment-canvas-drop{height:clamp(300px,55vh,520px);min-height:0;padding:5px}.design-tray{display:flex}.design-drag{flex:0 0 125px}.mockup-step{flex-basis:96px}.mockup-step img{height:62px}}

.setup-panel .bundle-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 18px;padding:12px;background:#eef3ec;border-radius:10px;cursor:pointer}.bundle-toggle span strong,.bundle-toggle span small{display:block}.bundle-toggle span strong{font-size:11px}.bundle-toggle span small{margin-top:3px;color:#737b77;font-size:8px;font-weight:400}.bundle-toggle input{position:absolute;opacity:0;pointer-events:none}.bundle-toggle i{position:relative;flex:0 0 42px;width:42px;height:24px;border-radius:20px;background:#cbd2cd;transition:.2s}.bundle-toggle i:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.2s}.bundle-toggle input:checked+i{background:#173e31}.bundle-toggle input:checked+i:after{transform:translateX(18px);background:#c8f35e}.bundle-panel{margin-top:18px;padding:20px;border:1px solid #dce3dd;border-radius:16px;background:#fff}.bundle-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.bundle-panel-head .eyebrow{color:#47705f}.bundle-panel-head h3{margin:5px 0 3px;font:800 18px Manrope}.bundle-panel-head p{margin:0;color:#737b77;font-size:10px}.bundle-panel-head label{font-size:10px;font-weight:700}.bundle-panel-head select{display:block;min-width:190px;margin-top:6px;padding:9px;border:1px solid #dce3dd;border-radius:8px;background:#fff}.bundle-selection-summary{display:flex;align-items:center;gap:10px;margin:16px 0 12px;padding:10px 12px;border-radius:10px;background:#f1f4ef}.bundle-selection-summary strong{font-size:11px}.bundle-selection-summary span{color:#64716a;font-size:10px}.bundle-selection-summary span.over{color:#c65449;font-weight:700}.bundle-selection-summary button{margin-left:auto;padding:7px 10px}.bundle-design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:9px;max-height:390px;overflow:auto}.bundle-design{position:relative;border:2px solid transparent;border-radius:10px;background:#f3f5f2;padding:7px;cursor:pointer;text-align:left}.bundle-design.selected{border-color:#8fbd31;background:#eff8dc}.bundle-design img{display:block;width:100%;height:88px;object-fit:contain;background:#fff;border-radius:6px}.bundle-design span{display:block;margin-top:6px;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bundle-design b{position:absolute;top:12px;right:12px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#173e31;color:#c8f35e;font-size:9px}.bundle-result{display:grid;grid-template-columns:minmax(220px,.45fr) minmax(0,1fr);align-items:center;gap:24px;padding:22px;background:#173e31;color:#fff;border-radius:18px}.bundle-result h3{margin:6px 0;font:800 20px Manrope}.bundle-result p{margin:0 0 16px;color:#aec3ba;font-size:11px}.bundle-result img{display:block;width:100%;max-height:680px;object-fit:contain;background:#969c99;border-radius:12px}.bundle-result button{width:100%}@media(max-width:700px){.bundle-panel{padding:14px}.bundle-panel-head{align-items:stretch;flex-direction:column}.bundle-panel-head select{width:100%}.bundle-selection-summary{align-items:flex-start;flex-wrap:wrap}.bundle-selection-summary button{width:100%;margin-left:0}.bundle-design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bundle-result{grid-template-columns:1fr}.bundle-result img{max-height:70vh}}

.bundle-result{grid-template-columns:minmax(220px,.35fr) minmax(0,1fr);align-items:start}.bundle-result>div:first-child{position:sticky;top:18px}.bundle-pages{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.bundle-pages article{overflow:hidden;border:1px solid #416758;border-radius:12px;background:#214b3b}.bundle-pages img{display:block;width:100%;max-height:none;aspect-ratio:1;object-fit:contain;background:#969c99;border-radius:0}.bundle-pages article>div{display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center;padding:10px}.bundle-pages strong,.bundle-pages span{display:block}.bundle-pages strong{font-size:11px}.bundle-pages span{font-size:9px;color:#aec3ba}.bundle-pages button{grid-column:2;grid-row:1/3;width:auto;padding:7px 10px}@media(max-width:700px){.bundle-result>div:first-child{position:static}.bundle-pages{grid-template-columns:1fr}}
.bundle-category-list{display:grid;gap:10px}.bundle-category-group{padding:12px;border:1px solid #dce3dd;border-radius:12px;background:#f7f9f6;content-visibility:auto;contain-intrinsic-size:64px}.bundle-category-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.bundle-category-heading strong,.bundle-category-heading small{display:block}.bundle-category-heading strong{font-size:11px}.bundle-category-heading small{margin-top:3px;color:#737b77;font-size:9px}.bundle-category-toggle{min-width:150px;padding:7px 10px}.bundle-category-group.expanded .bundle-category-heading{margin-bottom:9px}.bundle-category-group .bundle-design-grid{max-height:300px}.bundle-category-collapsed{padding:8px 0 0;color:#7b8580;font-size:9px}.bundle-show-more{display:block;width:100%;margin-top:9px}.bundle-category-results{display:grid;gap:20px}.bundle-category-results>section{min-width:0}.bundle-result-category-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #416758}.bundle-result-category-head strong{color:#c8f35e;font:800 13px Manrope}.bundle-result-category-head small{color:#aec3ba;font-size:9px}@media(max-width:700px){.bundle-category-heading,.bundle-result-category-head{align-items:stretch;flex-direction:column}.bundle-category-toggle{width:100%}}

#results .result-group.single-set{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)!important;grid-template-rows:auto 1fr;grid-template-areas:"head seo" "gallery seo"!important}.single-set .single-set-seo{grid-area:seo}.single-set .result-group-grid{grid-area:gallery}@media(max-width:1100px){#results .result-group.single-set{grid-template-columns:1fr!important;grid-template-areas:"head" "gallery" "seo"!important}}

/* US search trends */
.trends-hero{position:relative;min-height:225px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:34px 42px;border-radius:20px;color:#fff;background:radial-gradient(circle at 76% 20%,rgba(200,243,94,.2),transparent 24%),linear-gradient(120deg,#153c30 0%,#1d4e3c 58%,#275f49 100%)}.trends-hero:after{content:"";position:absolute;right:-45px;bottom:-105px;width:340px;height:220px;border:1px solid rgba(200,243,94,.22);border-radius:50%;transform:rotate(-12deg)}.trends-hero h2{margin:10px 0 8px;font:800 34px/1.08 Manrope}.trends-hero h2 em{color:#c8f35e;font-style:normal}.trends-hero p{max-width:570px;margin:0;color:#bad0c7;font-size:13px}.trend-pulse{position:relative;z-index:1;width:170px;min-width:170px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(12,45,34,.45);box-shadow:0 0 0 20px rgba(255,255,255,.025)}.trend-pulse i{width:10px;height:10px;border-radius:50%;background:#c8f35e;box-shadow:0 0 0 7px rgba(200,243,94,.12);animation:trendPulse 1.8s infinite}.trend-pulse strong{margin-top:14px;color:#c8f35e;font:800 13px Manrope;letter-spacing:2px}.trend-pulse span{width:120px;margin-top:4px;color:#a9c1b7;font-size:8px;text-align:center}.trend-sources{display:flex;gap:10px;margin:18px 0 12px}.trend-sources button{border:1px solid #dbe2d9;border-radius:999px;padding:10px 16px;background:#fff;color:#65716b;font-size:11px;font-weight:800;cursor:pointer;transition:border-color .18s,background .18s,color .18s,box-shadow .18s}.trend-sources button.active{border-color:#173e31;background:#173e31;color:#fff;box-shadow:0 8px 18px rgba(23,62,49,.18)}.trend-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 12px}.trend-toolbar>div{display:flex;align-items:center;gap:10px}.trend-toolbar>div>span{color:#737b77;font-size:10px}.trend-periods{padding:4px;border:1px solid #e0e5df;border-radius:12px;background:#fff}.trend-periods button{border:0;border-radius:8px;padding:9px 18px;background:transparent;color:#65716b;font-size:11px;font-weight:700;cursor:pointer}.trend-periods button.active{background:#173e31;color:#fff;box-shadow:0 4px 12px rgba(23,62,49,.18)}.trend-status{min-height:32px;display:flex;align-items:center;gap:8px;padding:0 4px;color:#6e7973;font-size:10px}.trend-status strong{color:#31433b}.trend-status small{margin-left:auto;color:#9a6b26}.trend-live-dot{width:7px;height:7px;border-radius:50%;background:#8fbd31;box-shadow:0 0 0 4px #e9f3d8}.trend-list{display:grid;gap:9px}.trend-row{display:grid;grid-template-columns:58px 72px minmax(0,1fr) 130px 38px;gap:15px;align-items:center;min-height:92px;padding:9px 14px 9px 9px;border:1px solid #e2e6e1;border-radius:14px;background:#fff;transition:transform .18s,box-shadow .18s}.trend-row:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(22,36,29,.07)}.trend-row.top-trend{border-color:#d9e7ba;background:linear-gradient(90deg,#fbfff1,#fff 35%)}.trend-rank{align-self:stretch;display:grid;place-items:center;position:relative;border-radius:10px;background:#f0f2ef}.top-trend .trend-rank{background:#173e31;color:#c8f35e}.trend-rank span{font:800 16px Manrope}.trend-rank i{position:absolute;bottom:14px;width:16px;height:2px;border-radius:2px;background:#c8f35e;transform:rotate(-12deg)}.trend-picture{width:72px;height:72px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#e9ede8;color:#1d4e3c;font-size:24px}.trend-picture img{width:100%;height:100%;object-fit:cover}.trend-copy{min-width:0}.trend-copy small,.trend-volume small{display:block;color:#849089;font-size:8px;font-weight:800;letter-spacing:1.1px}.trend-copy h3{margin:4px 0 6px;font:800 15px Manrope;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trend-copy a,.trend-copy>span{display:block;color:#6d7973;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.trend-copy a:hover{color:#1d4e3c;text-decoration:underline}.trend-volume{text-align:right}.trend-volume strong{display:block;margin-top:4px;color:#1d4e3c;font:800 17px Manrope}.trend-volume span{display:block;margin-top:3px;color:#8a948f;font-size:8px}.trend-explore{width:34px;height:34px;display:grid;place-items:center;border:1px solid #dfe5df;border-radius:50%;color:#1d4e3c;text-decoration:none;background:#f7f9f6}.trend-skeleton{display:grid;grid-template-columns:58px 72px 1fr;gap:15px;align-items:center;height:92px;padding:9px;border:1px solid #e7e9e5;border-radius:14px;background:#fff}.trend-skeleton b,.trend-skeleton i,.trend-skeleton span{display:block;border-radius:8px;background:linear-gradient(90deg,#eef0ed,#f8f9f7,#eef0ed);background-size:200% 100%;animation:trendShimmer 1.2s infinite}.trend-skeleton b,.trend-skeleton i{height:72px;color:transparent}.trend-skeleton div{display:grid;gap:8px}.trend-skeleton span{width:55%;height:12px}.trend-skeleton span:first-child{width:30%;height:8px}@keyframes trendPulse{50%{box-shadow:0 0 0 13px rgba(200,243,94,0)}}@keyframes trendShimmer{to{background-position:-200% 0}}@media(max-width:780px){.trends-hero{padding:27px}.trend-pulse{display:none}.trend-sources{flex-wrap:wrap}.trend-toolbar{align-items:stretch;flex-direction:column}.trend-toolbar>div:last-child{justify-content:space-between}.trend-periods button{flex:1}.trend-periods{display:flex}.trend-status{align-items:flex-start;flex-wrap:wrap}.trend-status small{width:100%;margin-left:0}.trend-row{grid-template-columns:45px 58px minmax(0,1fr) 34px;gap:10px}.trend-picture{width:58px;height:58px}.trend-volume{grid-column:3;text-align:left;display:flex;align-items:center;gap:6px}.trend-volume small{display:none}.trend-volume strong{margin:0;font-size:12px}.trend-explore{grid-column:4;grid-row:1/3}.trend-copy h3{font-size:13px}}@media(max-width:480px){.trends-hero h2{font-size:27px}.trend-row{grid-template-columns:42px minmax(0,1fr) 34px}.trend-picture{display:none}.trend-copy{grid-column:2}.trend-volume{grid-column:2}.trend-explore{grid-column:3}.trend-toolbar>div:last-child>span{display:none}}

.print-area-tabs{display:flex;gap:8px;margin:0 0 10px;overflow-x:auto}.print-area-tab{flex:0 0 145px;min-width:0;border:1px solid #d9dfd9;border-radius:9px;background:#fff;padding:8px 10px;text-align:left;cursor:pointer}.print-area-tab b,.print-area-tab span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.print-area-tab b{font-size:10px}.print-area-tab span{margin-top:3px;color:#7b8580;font-size:8px}.print-area-tab.assigned:after{content:"✓";float:right;margin-top:-25px;color:#608b16;font-weight:800}.print-area-tab.active{border-color:#8fbd31;background:#eff8dc;box-shadow:0 0 0 1px #8fbd31}.print-area-tab.active b{color:#274d3d}@media(max-width:600px){.print-area-tab{flex-basis:118px}}
.text-editor{margin:0 0 12px;border:1px solid #dce3dc;border-radius:12px;background:#fff;padding:12px}.text-editor-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.text-editor-head>div:first-child{min-width:0}.text-editor-head strong,.text-editor-head small{display:block}.text-editor-head strong{font-size:12px;margin-top:3px}.text-editor-head small{font-size:8px;color:#707b75;margin-top:3px}.text-editor-head>div:last-child{display:flex;gap:7px;flex:0 0 auto}.text-editor-head button{padding:8px 10px;font-size:9px}.text-tools{display:grid;grid-template-columns:minmax(170px,2fr) repeat(5,minmax(90px,1fr)) auto;gap:9px;align-items:end;margin-top:11px}.text-tools label{display:grid;gap:5px;color:#59645e;font-size:8px;font-weight:700}.text-tools textarea,.text-tools select{width:100%;border:1px solid #d9dfd9;border-radius:7px;background:#fff;padding:7px;font:inherit;color:#19201d;resize:vertical}.text-tools input[type="range"]{width:100%;accent-color:#608b16}.text-tools input[type="color"]{width:38px;height:30px;border:1px solid #d9dfd9;border-radius:6px;background:#fff;padding:2px}.text-tools output{float:right;color:#274d3d}.text-value-label{grid-row:span 1}.color-control{justify-items:start}.check-control{display:flex!important;align-items:center;gap:6px!important;padding-bottom:8px}.text-effects{grid-column:1/-2;border:1px solid #e2e7e2;border-radius:8px;background:#f6f8f5;padding:8px}.text-effects summary{cursor:pointer;font-size:9px;font-weight:800;color:#274d3d}.text-effects>div{display:grid;grid-template-columns:repeat(6,minmax(90px,1fr));gap:9px;margin-top:9px}.text-layer-actions{display:flex;justify-content:flex-end;gap:6px}.text-layer-actions button{padding:8px 10px;font-size:9px}.text-editor-empty{margin-top:10px;border:1px dashed #ccd5cc;border-radius:8px;padding:12px;text-align:center;color:#7b8580;font-size:9px}.assignment-canvas-drop canvas{touch-action:none}.assignment-canvas-drop canvas.text-editing{cursor:move}@media(max-width:1200px){.text-tools{grid-template-columns:repeat(4,minmax(100px,1fr))}.text-value-label{grid-column:span 2}.text-effects{grid-column:1/-1}.text-effects>div{grid-template-columns:repeat(3,minmax(90px,1fr))}}@media(max-width:700px){.text-editor-head{align-items:stretch;flex-direction:column}.text-editor-head>div:last-child button{flex:1}.text-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.text-value-label{grid-column:1/-1}.text-effects>div{grid-template-columns:repeat(2,minmax(0,1fr))}.text-layer-actions{grid-column:1/-1}}

/* Spreadsheet-style bulk editing in the export preview */
.export-preview-status{flex-wrap:wrap}.export-bulk-bar{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 0 0;margin-top:8px;border-top:1px solid #e0e5df}.export-bulk-bar[hidden]{display:none}.export-bulk-bar>div{margin-right:auto}.export-bulk-bar small,.export-bulk-bar strong{display:block}.export-bulk-bar small{color:#849089;font-size:8px;letter-spacing:1px}.export-bulk-bar strong{margin-top:3px;color:#1d4e3c;font-size:11px}.export-bulk-bar button{padding:8px 12px;font-size:10px}@media(max-width:650px){.export-bulk-bar{align-items:stretch;flex-direction:column}.export-bulk-bar>div{margin-right:0}.export-bulk-bar button{width:100%}}

/* Reusable One Click Lister profiles */
.category-chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden}.category-chip .chip{border:0;border-radius:0;background:transparent}.category-chip:has(.chip.active){border-color:#173e31;background:#173e31}.category-chip .chip.active{background:#173e31}.rename-category,.delete-category{border:0;background:transparent;padding:6px 8px;cursor:pointer;font-size:14px;line-height:1}.rename-category{color:#496157;font-size:12px}.delete-category{color:#a35a52;font-size:16px}.category-chip:has(.chip.active) .rename-category{color:#c8f75a}.category-chip:has(.chip.active) .delete-category{color:#e5b7ae}
.profile-media{margin:0 24px 22px;padding:16px;border:1px solid #dce3dd;border-radius:12px;background:#f7f9f6}.profile-media-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.profile-media-head small,.profile-media-head strong{display:block}.profile-media-head small{color:#668075;font-size:8px;letter-spacing:1.2px}.profile-media-head strong{margin-top:3px;font-size:12px}.profile-media-head span{color:#6f7d76;font-size:9px;max-width:270px}.profile-media>label,.profile-image-adder label{display:block;color:#42564d;font-size:10px;font-weight:700}.profile-media-video input,.profile-image-adder input,.profile-image-adder select{display:block;width:100%;margin-top:6px;padding:9px 10px;border:1px solid #d5ddd6;border-radius:8px;background:#fff;font:11px 'DM Sans',sans-serif}.profile-image-adder{display:grid;grid-template-columns:150px 1fr auto;gap:10px;align-items:end;margin-top:15px;padding-top:15px;border-top:1px solid #dce3dd}.profile-image-adder button{padding:10px 12px;font-size:11px}.profile-image-slot-list{display:grid;gap:7px;margin-top:13px}.profile-image-slot-list p{margin:0;color:#7a8780;font-size:10px}.profile-image-slot-list article{display:grid;grid-template-columns:75px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid #e0e6e1;border-radius:8px;background:#fff;font-size:10px}.profile-image-slot-list a{overflow:hidden;color:#28513f;text-overflow:ellipsis;white-space:nowrap}.profile-image-slot-list button{border:0;background:none;color:#c1564c;font-size:10px;cursor:pointer}@media(max-width:700px){.profile-media{margin:0 14px 18px}.profile-media-head,.profile-image-adder{align-items:stretch;flex-direction:column}.profile-image-adder{grid-template-columns:1fr}.profile-media-head{display:flex}.profile-media-head span{max-width:none}}
.variant-matrix{margin:0 24px 22px;border:1px solid #dce3dd;border-radius:12px;background:#f7f9f6;overflow:hidden}.variant-matrix[hidden]{display:none}.variant-matrix-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;border-bottom:1px solid #dce3dd;background:#edf4ef}.variant-matrix-head small,.variant-matrix-head strong{display:block}.variant-matrix-head small{color:#668075;font-size:8px;letter-spacing:1.2px}.variant-matrix-head strong{margin-top:3px;font-size:12px}.variant-matrix-head span{color:#6f7d76;font-size:9px}.variant-matrix-scroll{max-height:420px;overflow:auto}.variant-matrix table{border-collapse:separate;border-spacing:0;min-width:max-content;width:100%;font-size:9px}.variant-matrix th{position:sticky;top:0;z-index:2;min-width:118px;padding:9px;background:#173e31;color:#fff;text-align:left}.variant-matrix tbody th{left:0;z-index:1}.variant-matrix td{padding:7px;border-right:1px solid #e2e7e2;border-bottom:1px solid #e2e7e2;background:#fff}.variant-matrix td label{display:flex;align-items:center;gap:4px;color:#587067;font-size:8px}.variant-matrix td input[type=number]{width:82px;margin-top:5px;padding:6px;border:1px solid #dbe1db;border-radius:6px;font-size:9px}.variant-matrix td:has(input[type=checkbox]:not(:checked)){background:#f2f2f2;opacity:.55}@media(max-width:700px){.variant-matrix{margin:0 14px 18px}.variant-matrix-head{align-items:flex-start;flex-direction:column}}
.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.profile-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.profile-card-head{padding:18px 20px;background:#173e31;color:#fff}.profile-card-head span,.profile-card-head b{display:block}.profile-card-head span{color:var(--lime);font-size:9px;letter-spacing:1.5px}.profile-card-head b{margin-top:5px}.profile-card-body{padding:20px}.profile-card-body>strong{font:800 28px Manrope;color:#1d4e3c}.profile-card-body>small{margin-left:6px;color:var(--muted);font-size:10px}.profile-card-body p{font-size:12px;color:var(--muted);min-height:18px}.profile-card-body div{display:flex;gap:8px}.profile-card-body div span{background:#edf4ef;color:#28513f;border-radius:14px;padding:5px 9px;font-size:10px}.profile-card-actions{border-top:1px solid var(--line);padding:13px 18px;display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.profile-card-actions button{border:0;background:none;cursor:pointer;color:#496157;font-size:12px}.profile-dialog{width:min(880px,94vw)}.profile-dialog form{max-height:78vh;overflow:auto}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px 24px}.profile-form-grid label{font-size:11px;font-weight:700}.profile-form-grid input:not([type=checkbox]),.profile-form-grid select,.profile-form-grid textarea{display:block;width:100%;margin-top:7px;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;font:12px/1.4 'DM Sans',sans-serif}.profile-form-grid textarea{resize:vertical}.profile-form-grid textarea.variant-value-invalid{border-color:#d75b4f;background:#fff7f5;box-shadow:0 0 0 2px rgba(215,91,79,.1)}.variant-length-warning{display:block;margin-top:6px;color:#738079;font-size:10px;font-weight:500;line-height:1.4}.variant-length-warning.has-error{color:#c4473c;font-weight:700}.profile-form-grid .wide{grid-column:1/-1}.profile-check{display:flex;align-items:center;gap:9px;background:#f2f5ef;padding:12px;border-radius:9px}.listing-export-controls{align-items:center;gap:8px;flex-wrap:wrap}.listing-export-controls select{min-width:220px;padding:10px 12px;border:1px solid #416758;border-radius:9px;background:#fff;color:#19201d;font:11px 'DM Sans',sans-serif}@media(max-width:700px){.profile-form-grid{grid-template-columns:1fr}.profile-form-grid .wide{grid-column:auto}.listing-export-controls{align-items:stretch;flex-direction:column}.listing-export-controls select,.listing-export-controls button{width:100%}}

.current-user{font-size:11px;color:#52645c}.logout-button{padding:8px 11px;font-size:10px}.auth-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#102d24cc,#315d4dcc);backdrop-filter:blur(10px)}.auth-overlay[hidden]{display:none}.auth-card{width:min(420px,100%);padding:34px;border-radius:20px;background:#fff;box-shadow:0 28px 80px #071b153d}.auth-brand{display:flex;align-items:center;gap:10px}.auth-brand .logo{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#173e31;color:#c8f35e;font-weight:800}.auth-brand strong,.auth-brand small{display:block}.auth-brand small{margin-top:3px;color:#75817b;font-size:10px}.auth-card h1{margin:28px 0 8px;font:800 27px Manrope}.auth-card>p{margin:0 0 22px;color:#718078;font-size:12px}.auth-card form{display:grid;gap:14px}.auth-card label{display:grid;gap:6px;color:#405249;font-size:11px;font-weight:700}.auth-card label[hidden]{display:none}.auth-card input{width:100%;box-sizing:border-box;border:1px solid #d8e0d9;border-radius:9px;padding:11px;background:#fff;font:14px 'DM Sans',sans-serif}.auth-card form button{margin-top:5px;padding:12px}.auth-toggle{width:100%;margin-top:15px;border:0;background:transparent;color:#28513f;font-size:11px;font-weight:700;cursor:pointer}.auth-error{margin:0!important;color:#bd4139!important;font-size:11px!important}

/* Category labels retain their natural width; additional categories scroll horizontally. */
.chips{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}
.chips>*{flex:0 0 auto}

#randomSetCountField small{display:block;margin-top:5px;color:var(--muted);font-size:9px;font-weight:400;line-height:1.35}
.design-category-field{margin-bottom:17px}.design-category-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.design-category-label button{border:0;background:none;color:#28604a;padding:2px;font-size:9px;font-weight:800;cursor:pointer}.design-category-field>p{margin:5px 0 9px;color:var(--muted);font-size:9px;line-height:1.35}.design-category-menu-trigger{display:none}.design-category-checklist{display:grid;gap:6px;max-height:210px;overflow:auto;padding:7px;border:1px solid var(--line);border-radius:9px;background:#f7f9f6}.setup-panel .design-category-option{display:flex;align-items:center;gap:9px;margin:0;padding:8px;border:1px solid transparent;border-radius:8px;background:#fff;cursor:pointer}.setup-panel .design-category-option.selected{border-color:#9fc947;background:#f0f8df}.design-category-option input{width:16px;height:16px;margin:0;accent-color:#608b16}.design-category-option span{min-width:0}.design-category-option strong,.design-category-option small{display:block}.design-category-option strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.design-category-option small{margin-top:2px;color:var(--muted);font-size:8px;font-weight:500}.design-category-empty{padding:12px;color:var(--muted);font-size:9px;text-align:center}
.setup-panel #genDesignCat[hidden]{display:none}
.setup-panel #randomSetCountField[hidden]{display:none}
.listing-export-bar[hidden],.batch-seo-bar[hidden]{display:none}
.edit-random-set{margin-left:auto;white-space:nowrap}.edit-random-set.active{border-color:#173e31;background:#173e31;color:#c8f35e}.result-group.random-set.editing{outline:2px solid #9fc947;outline-offset:-2px}.active-random-edit-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 18px 14px;padding:13px 15px;border:1px solid #9fc947;border-radius:10px;background:#f0f8df}.active-random-edit-bar div{display:grid;gap:3px}.active-random-edit-bar strong{color:#173e31;font-size:11px}.active-random-edit-bar span{color:var(--muted);font-size:9px}.active-random-edit-bar button{white-space:nowrap}
.preview-panel.random-set-editing{border-color:#9fc947;box-shadow:0 0 0 2px #c8f35e55}.preview-panel.random-set-editing .canvas-toolbar{background:#f0f8df}.preview-panel.random-set-editing .canvas-toolbar>strong{color:#173e31}
.generator-layout.detailed-preview-mode{grid-template-columns:minmax(0,1fr);align-items:start}.generator-layout.detailed-preview-mode>.preview-panel,.preview-panel.simple-preview-disabled{display:none!important}.generator-layout.detailed-preview-mode>.setup-panel{display:flex;align-items:flex-end;gap:11px;width:100%;padding:14px 16px;overflow:visible}.generator-layout.detailed-preview-mode>.setup-panel>label{flex:1 1 155px;min-width:135px;margin:0}.generator-layout.detailed-preview-mode>.setup-panel>.design-category-field{position:relative;flex:1.25 1 195px;min-width:175px;margin:0}.generator-layout.detailed-preview-mode .design-category-field>p{display:none}.generator-layout.detailed-preview-mode .design-category-label{margin-bottom:6px}.generator-layout.detailed-preview-mode .design-category-label button{display:none}.generator-layout.detailed-preview-mode .design-category-menu-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:36px;border:1px solid #d5ddd7;border-radius:8px;background:#fff;color:#17251f;padding:0 11px;font:700 10px 'DM Sans',sans-serif;cursor:pointer}.generator-layout.detailed-preview-mode .design-category-menu-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generator-layout.detailed-preview-mode .design-category-menu-trigger b{font-size:15px;transition:transform .18s ease}.generator-layout.detailed-preview-mode .design-category-field.menu-open .design-category-menu-trigger{border-color:#28604a;box-shadow:0 0 0 2px #28604a18}.generator-layout.detailed-preview-mode .design-category-field.menu-open .design-category-menu-trigger b{transform:rotate(180deg)}.generator-layout.detailed-preview-mode .design-category-checklist{display:none;position:absolute;top:calc(100% + 7px);left:0;z-index:80;width:min(340px,80vw);max-height:330px;padding:8px;border-color:#cbd6ce;background:#f7f9f6;box-shadow:0 16px 34px #102d2430}.generator-layout.detailed-preview-mode .design-category-field.menu-open .design-category-checklist{display:grid}.generator-layout.detailed-preview-mode>.setup-panel>.bundle-toggle{flex:0 1 180px;min-width:160px;min-height:36px;margin:0;padding:8px 10px}.generator-layout.detailed-preview-mode>.setup-panel>.summary{flex:0 1 135px;min-width:120px;min-height:36px;margin:0;padding:7px 10px}.generator-layout.detailed-preview-mode>.setup-panel>.summary strong{font-size:21px}.generator-layout.detailed-preview-mode>.setup-panel>.summary small{line-height:1.15}.generator-layout.detailed-preview-mode>.assignment-panel{grid-column:1/-1;width:100%;margin-top:0}.normal-preview-nav{display:flex;align-items:center;justify-content:center;gap:6px;min-width:260px}.normal-preview-nav span{min-width:170px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.normal-preview-nav button:disabled{opacity:.35;cursor:not-allowed}.assignment-transform-controls-host{margin:0 0 15px;border:1px solid #dce3dd;border-radius:11px;background:#fff;color:#19201d;overflow:hidden}.assignment-transform-controls-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px 0}.assignment-transform-controls-title span{color:#79a923;font-size:8px;font-weight:800;letter-spacing:1.3px}.assignment-transform-controls-title strong{font-size:10px}.assignment-design-controls{margin:0;padding:10px 14px 13px;border:0;background:#fff}.assignment-design-controls label{margin:0!important}.assignment-design-controls output{color:#28513f;font-weight:800}@media(max-width:1100px){.generator-layout.detailed-preview-mode>.setup-panel{flex-wrap:wrap}.generator-layout.detailed-preview-mode>.setup-panel>label,.generator-layout.detailed-preview-mode>.setup-panel>.design-category-field{flex-basis:calc(33.333% - 11px)}}@media(max-width:900px){.generator-layout.detailed-preview-mode{grid-template-columns:1fr}.normal-preview-nav{order:3;width:100%;min-width:0}.canvas-toolbar:has(.normal-preview-nav){height:auto;min-height:48px;flex-wrap:wrap;gap:8px;padding:10px 16px}.normal-preview-nav span{min-width:130px}}@media(max-width:600px){.generator-layout.detailed-preview-mode>.setup-panel>label,.generator-layout.detailed-preview-mode>.setup-panel>.design-category-field,.generator-layout.detailed-preview-mode>.setup-panel>.bundle-toggle,.generator-layout.detailed-preview-mode>.setup-panel>.summary{flex:1 1 100%}.assignment-transform-controls-title{align-items:flex-start;flex-direction:column;gap:3px}}
.asset-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin:-5px 0 28px}.asset-pager[hidden]{display:none}.asset-pager span{min-width:130px;text-align:center;color:var(--muted);font-size:11px}.asset-pager button{padding:8px 12px;font-size:10px}.asset-pager button:disabled{opacity:.45;cursor:not-allowed}
.mockup-reorder-note{margin:-8px 0 15px;padding:10px 13px;border:1px solid #cfe1aa;border-radius:9px;background:#f0f8df;color:#31543f;font-size:10px;font-weight:700}.mockup-reorder-note[hidden]{display:none}.asset-card.mockup-reorderable{position:relative;transition:transform .15s,box-shadow .15s,opacity .15s}.asset-drag-handle{position:absolute;z-index:3;top:10px;left:10px;display:flex;align-items:center;gap:5px;border:1px solid #a9cf55;border-radius:14px;background:#173e31;color:#c8f35e;padding:5px 8px;font-size:9px;font-weight:800;box-shadow:0 3px 10px #102d2433;cursor:grab;user-select:none}.asset-drag-handle:active{cursor:grabbing}.asset-card.mockup-reorderable.dragging{opacity:.45;transform:scale(.98)}.asset-card.mockup-reorderable.drop-before{box-shadow:inset 6px 0 #8fbd31,0 12px 28px #173e3122}.asset-card.mockup-reorderable.drop-after{box-shadow:inset -6px 0 #8fbd31,0 12px 28px #173e3122}
.random-set-seo{justify-content:flex-start!important}.random-set-seo.is-analyzing{background:#214b3b}.random-set-seo.seo-ready{box-shadow:inset 4px 0 #c8f35e}.random-seo-ready-badge{margin-left:auto;border-radius:999px;background:#c8f35e;color:#173e31;padding:6px 9px;font-size:9px;font-weight:800;white-space:nowrap}.random-set-seo-result{margin-bottom:14px;padding:14px;border:1px solid #6f9485;border-radius:12px;background:#214b3b}.random-seo-field-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.random-seo-field-head:not(:first-child){margin-top:14px}.random-seo-field-head label{color:#c8f35e;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.random-seo-field-head span{color:#9bb2a9;font-size:8px}.random-set-seo-result>p{margin:0;padding:11px;border-radius:8px;background:#173e31;color:#fff;font-size:12px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.random-seo-tags{display:flex;flex-wrap:wrap;gap:6px}.random-seo-tags span{border:1px solid #55796b;border-radius:999px;background:#315f4e;color:#fff;padding:6px 9px;font-size:9px}.random-seo-tags small{color:#d3ddd9;font-size:9px}
.sidebar,.sidebar~main{transition:width .22s ease,margin-left .22s ease}.sidebar-toggle{position:absolute;top:18px;right:-14px;z-index:2;width:28px;height:28px;border:2px solid #173e31;border-radius:50%;background:#c8f35e;color:#173e31;box-shadow:0 4px 12px #0b241b33;font:800 20px/1 Manrope;cursor:pointer}.sidebar-collapsed .sidebar{width:76px;padding:22px 10px}.sidebar-collapsed main{width:calc(100% - 76px);margin-left:76px}.sidebar-collapsed .sidebar-toggle{right:-12px}.sidebar-collapsed .brand{justify-content:center;padding:0 0 25px}.sidebar-collapsed .brand>div,.sidebar-collapsed .sidebar nav>p,.sidebar-collapsed .storage{display:none}.sidebar-collapsed .nav-item{position:relative;justify-content:center;width:100%;min-height:46px;padding:10px 0;font-size:0;gap:0}.sidebar-collapsed .nav-item span{font-size:21px}.sidebar-collapsed .nav-item b{display:none}.sidebar-collapsed .nav-item.active{box-shadow:inset 3px 0 #c8f35e}.sidebar-collapsed .nav-item:hover:after{content:attr(title);position:absolute;left:58px;top:50%;z-index:20;transform:translateY(-50%);width:max-content;border-radius:7px;background:#102d24;color:#fff;padding:7px 9px;font-size:10px;box-shadow:0 5px 16px #071b1544;pointer-events:none}
.integration-intro{display:flex;align-items:center;justify-content:space-between;min-height:180px;margin-bottom:20px;padding:32px 38px;border-radius:18px;background:linear-gradient(130deg,#173e31,#285d49);color:#fff;overflow:hidden}.integration-intro h2{margin:9px 0 7px;font:800 27px Manrope}.integration-intro p{max-width:650px;margin:0;color:#bcd0c7;font-size:13px;line-height:1.6}.integration-lock{display:grid;place-items:center;width:105px;height:105px;border:1px solid #709080;border-radius:50%;color:#c8f35e;font-size:50px}.integration-grid{display:grid;grid-template-columns:minmax(280px,520px) minmax(240px,1fr);gap:18px}.integration-card{min-height:310px;padding:25px;border:1px solid var(--line);border-radius:16px;background:#fff}.integration-card-head{display:flex;align-items:center;justify-content:space-between}.etsy-logo{display:grid;place-items:center;width:52px;height:52px;border-radius:13px;background:#f1641e;color:#fff;font:800 28px Georgia,serif}.integration-status{border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800;letter-spacing:.4px}.integration-status.pending{background:#fff2e8;color:#b64d18}.integration-status.ready{background:#e9f6d4;color:#42641d}.integration-status.error{background:#fff0ee;color:#b5443b}.integration-card h3{margin:20px 0 7px;font:800 21px Manrope}.integration-card>p{max-width:440px;color:var(--muted);font-size:12px;line-height:1.55}.integration-card ul{display:grid;gap:8px;margin:18px 0;padding:0;list-style:none}.integration-card li{color:#42584e;font-size:11px}.integration-card li:before{content:'✓';margin-right:8px;color:#75a427;font-weight:800}.etsy-connect-button{width:100%;margin-top:4px;border:0;border-radius:10px;background:#f1641e;color:#fff;padding:13px 16px;font-weight:800;cursor:pointer}.etsy-connect-button:hover{background:#d95418}.etsy-integration-card>small{display:block;margin-top:10px;color:var(--muted);font-size:9px;line-height:1.4}.integration-placeholder{display:grid;place-items:center;align-content:center;text-align:center;border-style:dashed;color:var(--muted)}.integration-placeholder>span{font-size:38px;color:#bcc5bf}.integration-placeholder h3{color:var(--ink)}.integration-dialog-body{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:24px}.integration-dialog-body strong{display:block;margin:4px 0 7px}.integration-dialog-body p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.integration-dialog-body label{grid-column:1/-1;color:#405249;font-size:10px;font-weight:800}.integration-dialog-body code{display:block;margin-top:7px;padding:11px;border:1px solid var(--line);border-radius:8px;background:#f3f5f1;color:#28513f;font-size:10px;overflow-wrap:anywhere}.integration-security-note{grid-column:1/-1;padding:10px 12px;border-radius:8px;background:#edf5e7;color:#3d5c35!important}@media(max-width:800px){.integration-grid{grid-template-columns:1fr}.integration-intro{padding:26px}.integration-lock{display:none}}
.language-switcher{display:flex;padding:3px;border:1px solid var(--line);border-radius:9px;background:#f4f6f2}.language-switcher button{min-width:33px;border:0;border-radius:6px;background:transparent;color:#718078;padding:6px 7px;font-size:9px;font-weight:800;cursor:pointer}.language-switcher button.active{background:#173e31;color:#c8f35e;box-shadow:0 2px 6px #173e3122}@media(max-width:600px){.header-actions{gap:7px}.current-user,.avatar{display:none}}
.auth-card{position:relative}.auth-language-switcher{position:absolute;top:20px;right:22px}