#root{min-height:100vh}:root{--bg: #f4f6f8;--surface: #ffffff;--surface-soft: #eef3f3;--ink: #111827;--muted: #5f6876;--line: #d8dee6;--line-strong: #b9c3cf;--teal: #0f766e;--amber: #b45309;--shadow: 0 18px 45px rgba(17, 24, 39, .1);--radius: 8px;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;line-height:1.5;letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,select,textarea,.inline-action{font:inherit;letter-spacing:0}a,button,input,select,textarea{transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}button{cursor:pointer}button:active,.inline-action:active{transform:translateY(1px)}:focus-visible{outline:3px solid rgba(15,118,110,.24);outline-offset:2px}a{color:inherit}.site-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;min-height:68px;padding:0 24px;border-bottom:1px solid var(--line);background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:inline-flex;gap:10px;align-items:center;font-size:18px;font-weight:760;text-decoration:none}.brand-mark,.template-icon,.hero-icon{display:inline-grid;place-items:center;color:#fff;background:var(--teal)}.brand-mark{width:34px;height:34px;border-radius:7px}.site-header nav{display:flex;gap:4px;justify-content:center;min-width:0}.site-header nav a,.header-action,.toolbar-actions button,.export-stack button,.template-directory button,.contact-form button,.inline-action,.template-directory a,.idea-card-grid button,.idea-card-grid a{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:38px;border-radius:7px;border:1px solid transparent;text-decoration:none;white-space:nowrap}.site-header nav a{padding:8px 12px;color:var(--muted);font-size:14px;font-weight:650}.site-header nav a:hover,.site-header nav a.active{color:var(--ink);background:#eef3f3}.header-action{padding:8px 13px;border-color:#0f766e;color:#fff;background:#0f766e;font-size:14px;font-weight:730}.workspace{display:grid;grid-template-columns:280px minmax(540px,1fr) 320px;gap:18px;align-items:start;max-width:1480px;margin:0 auto;padding:18px}.template-sidebar,.settings-panel,.preview-stage{min-width:0}.template-sidebar,.settings-panel{position:sticky;top:86px;display:flex;flex-direction:column;gap:18px}.panel-heading{display:flex;gap:12px;align-items:flex-start}.panel-heading h1,.panel-heading h2,.page-hero h1{margin:0;color:var(--ink)}.panel-heading h1{font-size:24px;line-height:1.1}.panel-heading h2{font-size:20px;line-height:1.15}.panel-heading p,.page-hero p,.content-band p,.long-form p,.article-grid p,.template-directory p{margin:0;color:var(--muted)}.panel-heading.compact p{font-size:14px}.template-list{display:grid;gap:8px}.template-card{display:grid;grid-template-columns:36px 1fr;gap:11px;align-items:center;width:100%;padding:11px;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:var(--surface);text-align:left}.template-card:hover,.template-card.selected{border-color:#0f766e;box-shadow:0 8px 22px #0f766e1a}.template-icon{width:36px;height:36px;border-radius:7px;background:#102f2c}.template-card strong,.template-card small{display:block}.template-card strong{font-size:14px}.template-card small{color:var(--muted);font-size:12px}.help-note{padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.help-note h2{margin:0 0 6px;font-size:15px}.help-note p{margin:0;color:var(--muted);font-size:13px}.preview-stage{display:grid;gap:18px}.preview-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.preview-toolbar h2{margin:2px 0 0;font-size:22px}.overline{margin:0;color:var(--teal);font-size:12px;font-weight:800;text-transform:uppercase}.toolbar-actions{display:flex;gap:8px}.toolbar-actions button,.secondary-action,.template-directory button,.contact-form button,.inline-action,.template-directory a,.idea-card-grid button,.idea-card-grid a{padding:8px 12px;border:1px solid var(--line-strong);color:var(--ink);background:#fff;font-size:14px;font-weight:700}.toolbar-actions button:hover,.secondary-action:hover,.template-directory button:hover,.contact-form button:hover,.inline-action:hover,.template-directory a:hover,.idea-card-grid button:hover,.idea-card-grid a:hover{border-color:var(--teal)}.paper-preview{width:min(100%,760px);min-height:930px;margin:0 auto;padding:48px;border:1px solid #d6dce4;border-top:9px solid var(--accent);background:#fff;box-shadow:var(--shadow)}.paper-preview.a4{width:min(100%,720px);min-height:1018px}.paper-header{display:flex;justify-content:space-between;gap:28px;padding-bottom:20px;border-bottom:2px solid var(--accent)}.paper-header p{margin:0 0 6px;color:var(--accent);font-weight:760}.paper-header h3{margin:0;line-height:1.08}.paper-header span{color:#4b5563}.paper-mark{display:grid;flex:0 0 46px;width:46px;height:46px;place-items:center;border:2px solid var(--accent);color:var(--accent);font-weight:850}.planner-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:24px}.planner-grid section{min-height:620px;border:1px solid #cbd5e1}.planner-grid strong{display:block;padding:10px;color:#fff;background:var(--accent);text-align:center}.planner-grid span{display:block;height:88px;border-top:1px solid #e5e7eb}.priority-box{display:grid;gap:8px;margin-top:18px;padding:14px;border:1px solid var(--accent)}.priority-box strong{color:var(--accent)}.priority-box p{margin:0;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.worksheet-lines,.checklist-lines{margin-top:26px}.student-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:14px;color:#4b5563}.worksheet-lines p{display:flex;gap:10px;height:44px;margin:0;border-bottom:1px solid #cbd5e1}.worksheet-lines b{flex:0 0 auto;color:var(--accent)}.worksheet-lines span{color:#111827}.checklist-lines p{display:flex;gap:12px;align-items:center;height:42px;margin:0;border-bottom:1px solid #d1d5db}.checklist-lines span{width:17px;height:17px;border:2px solid var(--accent)}.flashcard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.flashcard-grid div{min-height:150px;padding:16px;border:1px dashed #94a3b8}.flashcard-grid strong,.flashcard-grid span{display:block}.flashcard-grid span{margin-top:36px;color:#6b7280}.sign-layout{display:grid;min-height:670px;place-items:center;text-align:center}.sign-layout strong,.sign-layout span{display:block}.sign-layout strong{color:var(--accent);font-size:2.8em;line-height:1.04}.sign-layout span{margin-top:14px;color:#374151;font-size:1.15em}.content-band{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.content-band h2{margin:0 0 8px;font-size:22px}.text-link-button{margin-top:14px;padding:0;border:0;color:var(--teal);background:transparent;font-weight:780}.collection-band,.long-tail-band{display:grid;gap:16px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.long-tail-band{background:#f8fafc}.collection-band-heading{display:grid;gap:6px}.collection-band-heading h2{margin:0;font-size:22px}.collection-band-heading p:not(.overline){max-width:760px;margin:0;color:var(--muted)}.collection-card-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.collection-card{display:grid;gap:8px;min-height:138px;align-content:start;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc;text-decoration:none}.collection-card:hover{border-color:var(--teal)}.collection-card strong{color:var(--ink);font-size:17px}.collection-card span{color:var(--muted);font-size:14px}.settings-panel{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.settings-panel label,.contact-form label{display:grid;gap:7px;color:#374151;font-size:13px;font-weight:760}.settings-panel input,.settings-panel select,.contact-form input,.contact-form textarea{width:100%;min-height:40px;border:1px solid var(--line-strong);border-radius:7px;padding:8px 10px;color:var(--ink);background:#fff}.settings-panel textarea{width:100%;min-height:120px;border:1px solid var(--line-strong);border-radius:7px;padding:8px 10px;color:var(--ink);background:#fff;resize:vertical}.settings-panel input:focus,.settings-panel select:focus,.settings-panel textarea:focus,.contact-form input:focus,.contact-form textarea:focus{outline:2px solid rgba(15,118,110,.24);border-color:var(--teal)}.textarea-field span{color:var(--muted);font-size:12px;font-weight:500}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.swatch-group{display:grid;gap:10px}.swatch-group>span{display:inline-flex;gap:7px;align-items:center;color:#374151;font-size:13px;font-weight:760}.swatch-group div{display:flex;gap:8px}.swatch{width:34px;height:34px;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px var(--line-strong)}.swatch.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ink)}.export-stack{display:grid;gap:9px}.preset-panel{display:grid;gap:10px;padding-top:2px}.preset-actions{display:grid;grid-template-columns:1fr auto;gap:8px}.preset-actions button,.saved-list button{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:36px;border:1px solid var(--line-strong);border-radius:7px;background:#fff;color:var(--ink);font-size:13px;font-weight:720}.saved-list{display:grid;gap:7px}.saved-list button{justify-content:flex-start;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.primary-action{padding:10px 12px;border:1px solid var(--teal);color:#fff;background:var(--teal);font-weight:780}.ad-slot{display:grid;min-height:96px;place-items:center;padding:14px;border:1px dashed #aab4c0;border-radius:var(--radius);background:#f8fafc;text-align:center}.ad-slot.quiet{min-height:160px}.ad-slot span{color:#4b5563;font-size:11px;font-weight:760;text-transform:uppercase}.ad-slot p{margin:5px 0 0;color:#6b7280;font-size:12px}.content-page{max-width:1160px;margin:0 auto;padding:44px 22px 72px}.content-page.narrow{max-width:860px}.page-hero{display:grid;gap:14px;margin-bottom:28px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.hero-icon{width:54px;height:54px;border-radius:8px}.page-hero h1{max-width:820px;font-size:40px;line-height:1.08}.page-hero p{max-width:760px;font-size:17px}.template-directory,.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.template-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.collection-intro-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px}.template-directory article,.article-grid article,.long-form,.contact-form{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.template-directory h2,.article-grid h2,.long-form h2{margin:12px 0 8px;font-size:21px}.card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.long-form{display:grid;align-content:start;gap:12px;margin-top:18px}.long-form h2{margin-bottom:0}.check-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.step-list{display:grid;gap:12px;margin:0;padding-left:22px;color:#374151}.step-list li::marker{color:var(--teal);font-weight:800}.check-list li{position:relative;padding-left:24px;color:#374151}.check-list li:before{content:"";position:absolute;top:.72em;left:0;width:10px;height:10px;border-radius:3px;background:var(--teal);transform:translateY(-50%)}.faq-section{display:grid;gap:10px;margin-top:18px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.faq-section h2{margin:0 0 4px;font-size:22px}.faq-section details{border-top:1px solid var(--line);padding-top:12px}.faq-section summary{cursor:pointer;color:var(--ink);font-weight:760}.faq-section p{margin:8px 0 0;color:var(--muted)}.use-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.use-case-grid a{display:grid;gap:6px;min-height:116px;align-content:start;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc;text-decoration:none}.use-case-grid a:hover{border-color:var(--teal)}.use-case-grid strong{color:var(--ink)}.use-case-grid span{color:var(--muted);font-size:14px}.idea-group-list{display:grid;gap:18px}.idea-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.idea-card-grid article{display:grid;gap:10px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc}.idea-card-grid h3{margin:0;font-size:18px}.idea-card-grid p{margin:0;color:var(--muted)}.idea-card-grid ul{display:grid;gap:6px;margin:0;padding-left:18px;color:#374151;font-size:14px}.contact-form{display:grid;gap:16px}.contact-form textarea{resize:vertical}.site-footer{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:24px;max-width:1160px;margin:0 auto;padding:28px 22px 42px;border-top:1px solid var(--line);color:var(--muted)}.site-footer strong{display:block;margin-bottom:4px;color:var(--ink)}.site-footer p{margin:0}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:flex-end}.site-footer a{color:#4b5563;font-size:14px;font-weight:650;text-decoration:none}.site-footer a:hover{color:var(--teal)}@media (max-width: 1180px){.workspace{grid-template-columns:250px minmax(420px,1fr)}.settings-panel{position:static;grid-column:1 / -1}}@media (max-width: 860px){.site-header{position:static;grid-template-columns:1fr;gap:12px;padding:14px}.site-header nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-content:stretch;overflow:visible;padding-bottom:0}.site-header nav a{min-height:36px;padding:7px 6px;font-size:13px;white-space:normal;text-align:center}.header-action{width:100%}.workspace{grid-template-columns:1fr;padding:12px}.template-sidebar,.settings-panel{position:static}.preview-toolbar,.content-band{grid-template-columns:1fr}.preview-toolbar{display:grid}.toolbar-actions{flex-wrap:wrap}.paper-preview,.paper-preview.a4{min-height:720px;padding:24px}.planner-grid{grid-template-columns:1fr}.planner-grid section{min-height:190px}.planner-grid span{height:27px}.template-directory,.article-grid,.template-detail-grid,.collection-intro-grid,.use-case-grid,.idea-card-grid,.collection-card-row,.site-footer{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}.page-hero{padding:22px}.page-hero h1{font-size:30px}}@media print{.site-header,.template-sidebar,.settings-panel,.preview-toolbar,.content-band,.ad-slot{display:none!important}body,.site-shell,.workspace,.preview-stage{display:block;margin:0;padding:0;background:#fff}.paper-preview,.paper-preview.a4{width:100%;min-height:100vh;margin:0;border-right:0;border-bottom:0;border-left:0;box-shadow:none}}