@scope (.omni-generatory-scrabble){*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:scope{--green:#4f883d;--green-light:#e8f4e5;--green-hover:#3d6d2e;--green-pale:#f0faf0;--accent-text:#23411b;--accent-border:#bfd3b4;--accent-highlight:#dff1da;--accent-highlight-border:#9dc38f;--bg:#f5f6f8;--surface:#ffffff;--surface-soft:#fbfcfd;--border:#e2e5ea;--border-strong:#ccd3dc;--text:#1a1e26;--text-2:#5a6070;--text-3:#8b93a4;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.07);--shadow-md:0 4px 18px rgba(0, 0, 0, 0.1);--radius:8px;--radius-lg:12px;--header-h:52px;--settings-w:408px;--page-width:794px;--page-height:1123px}:scope{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}textarea{resize:vertical}.scrabble-app{min-height:680px;display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.header{position:fixed;inset:0 0 auto 0;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:100}.header-logo,.header-actions{display:flex;align-items:center;gap:10px}.header-logo{font-weight:600;font-size:15px}.workspace{display:flex;flex:1;margin-top:0;min-height:0}.settings-panel{width:300px;min-width:300px;min-width:300px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column}.settings-scroll{flex:1;overflow-y:auto;padding:20px}.settings-scroll::-webkit-scrollbar{width:5px}.settings-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.divider{width:1px;background:var(--border)}.preview-area{flex:1;display:flex;flex-direction:column;min-width:0}.preview-toolbar{padding:14px 20px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;justify-content:space-between;align-items:center;gap:16px}.preview-toolbar h2{margin:3px 0 0;font-size:18px}.generator-heading{display:flex;align-items:center;gap:10px;margin-bottom:20px}.generator-heading p{margin:0 0 2px;font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.generator-heading h2{margin:0;font-size:25px}.generator-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:7px;color:#fff;background:var(--green);font-size:21px;font-weight:800}.preview-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600}.preview-container{flex:1;overflow:auto;padding:24px}.preview-page-wrap{display:flex;justify-content:center;padding-bottom:32px}.preview-page{width:var(--page-width);min-height:var(--page-height);background-color:var(--surface);background-image:linear-gradient(to bottom,transparent calc(var(--page-height) - 2px),#d6dce6 calc(var(--page-height) - 2px),#d6dce6 var(--page-height));background-size:100% var(--page-height);background-repeat:repeat-y;box-shadow:0 4px 24px rgb(0 0 0 / .12);border-radius:4px;padding:52px 62px;position:relative}.section{margin-bottom:24px}.section-title{margin-bottom:12px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.section-export{margin-top:auto;padding-top:4px}.field,.field-row{margin-bottom:12px}.field-row{display:flex;gap:10px}.two-col .field{flex:1}.field label{display:block;margin-bottom:4px;color:var(--text-2);font-size:15px;font-weight:500}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);padding:8px 10px;font-size:15px;transition:border-color 0.15s,box-shadow 0.15s,background 0.15s}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgb(79 136 61 / .12);background:#fff}.field-hint{margin-top:6px;font-size:12px;color:var(--text-3)}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.toggle-option{position:relative;display:flex;align-items:center;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-2);cursor:pointer;transition:border-color 0.15s,background 0.15s,box-shadow 0.15s}.toggle-option input{position:absolute;opacity:0;pointer-events:none}.toggle-option span{font-weight:600;font-size:14px}.toggle-option:has(input:checked){border-color:var(--accent-border);background:var(--green-pale);color:var(--green-hover);box-shadow:inset 0 0 0 1px rgb(79 136 61 / .1)}.options-grid{display:flex;flex-direction:column;gap:8px}.checkbox-row{display:flex;align-items:center;gap:8px;color:var(--text);padding:6px 10px;border-radius:var(--radius);cursor:pointer;font-size:15px;transition:background 0.12s}.checkbox-row:hover{background:var(--green-pale)}.checkbox-row input[type="checkbox"]{width:16px;height:16px;accent-color:var(--green);flex-shrink:0}.btn-primary,.btn-secondary{border-radius:var(--radius);padding:9px 12px;font-size:13px;font-weight:600;transition:background 0.15s,border-color 0.15s,transform 0.1s}.btn-primary{border:none;background:var(--green);color:#fff;box-shadow:0 2px 8px rgb(79 136 61 / .32)}.btn-primary:hover{background:var(--green-hover);transform:translateY(-1px)}.btn-secondary{border:1px solid var(--border);background:var(--surface);color:var(--text)}.btn-secondary:hover{background:var(--bg)}.btn-panel{width:100%}.panel-actions{display:grid;gap:10px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.stat-card{display:grid;gap:4px;padding:12px 10px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff 0%,#f9fbfd 100%);text-align:center}.stat-card strong{font-size:24px;line-height:1;color:var(--green-hover)}.stat-card span{font-size:12px;color:var(--text-3)}.status-box{min-height:70px;padding:12px 14px;border-radius:var(--radius-lg);background:var(--surface-soft);border:1px solid var(--border);color:var(--text-2);font-size:13px;line-height:1.5}.status-box.is-warning{background:#fff9ea;border-color:#ecd8a0;color:#825c0f}.status-box.is-success{background:var(--green-pale);border-color:var(--accent-border);color:var(--accent-text)}.status-box.is-error{background:#fff2f2;border-color:#e1b8b8;color:#8c2f2f}.worksheet{position:relative;min-height:calc(var(--page-height) - 104px);display:flex;flex-direction:column}.worksheet::before{content:"";position:absolute;inset:160px 70px 150px 70px;background:radial-gradient(circle at center,rgb(79 136 61 / .04),transparent 58%),radial-gradient(circle at 30% 50%,rgb(79 136 61 / .03),transparent 30%),radial-gradient(circle at 70% 60%,rgb(79 136 61 / .03),transparent 30%);pointer-events:none}.worksheet>*,.answer-key-page>*{position:relative;z-index:1}.sheet-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;font-size:12px}.meta-column{display:grid;gap:8px;flex:1}.meta-column.is-right{max-width:220px}.meta-field{display:flex;align-items:center;gap:8px}.meta-field span{min-width:58px;font-weight:600}.line{flex:1;border-bottom:1px solid #9ea5b0;min-height:18px}.rule{height:1px;background:#2a2f37;margin-bottom:10px;opacity:.45}.sheet-title{text-align:center;font-size:32px;line-height:1.12;font-weight:800;margin-bottom:14px;letter-spacing:-.04em}.sheet-title span{display:inline-block;padding:0 10px 4px;border-bottom:4px solid var(--accent-highlight-border)}.instruction-box,.answer-key-intro{display:grid;gap:8px;margin-bottom:18px;padding:14px 16px;border-radius:16px;border:1px solid var(--accent-border);background:linear-gradient(180deg,rgb(79 136 61 / .06) 0%,rgb(79 136 61 / .03) 100%)}.instruction-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green-hover)}.instruction-text,.answer-key-intro{font-size:15px;line-height:1.55}.tiles-section{margin-bottom:18px}.tile-rack{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tile{position:relative;width:54px;height:54px;border-radius:14px;border:1px solid #d2d7de;background:linear-gradient(180deg,#ffffff 0%,#f1f3f6 88%),linear-gradient(135deg,rgb(255 255 255 / .9),rgb(213 218 225 / .9));box-shadow:0 8px 16px rgb(44 48 58 / .08),inset 0 1px 0 rgb(255 255 255 / .9)}.tile::before{content:"";position:absolute;inset:4px;border-radius:11px;background:linear-gradient(135deg,rgb(255 255 255 / .55),#fff0);pointer-events:none}.tile-letter{position:absolute;inset:0;display:grid;place-items:center;font-size:24px;font-weight:800;color:#1f2731;text-transform:uppercase}.tile-score{position:absolute;right:9px;bottom:7px;font-size:11px;font-weight:700;color:#3e4856}.sheet-subtitle{margin:18px 0 10px;font-size:14px;font-weight:700;color:#222833}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.answer-column{display:grid;gap:10px}.answer-head{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:14px;align-items:end;margin-bottom:2px;font-weight:800;font-size:16px}.answer-row{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:14px;align-items:end;min-height:32px}.answer-line{height:22px;border-bottom:1px dashed #8f97a3}.answer-score-line{height:22px;border-bottom:1px solid #8f97a3}.word-bank{display:grid;gap:10px;margin-bottom:18px}.word-bank-list{display:flex;flex-wrap:wrap;gap:10px 14px;justify-content:center}.word-chip{padding:6px 12px;border-radius:999px;border:1px solid var(--accent-border);background:rgb(79 136 61 / .08);font-size:15px}.rules-box{margin-top:auto;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,rgb(255 255 255 / .92),rgb(244 248 252 / .92));border:1px solid var(--border)}.rules-title{margin-bottom:6px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-weight:700}.rules-text{font-size:13px;line-height:1.55;color:var(--text-2)}.sheet-footer{margin-top:18px;padding-top:10px;border-top:1px solid rgb(42 47 55 / .45);text-align:center;font-size:12px;font-weight:600;color:#4b5360}.answer-key-page{display:flex;flex-direction:column;min-height:calc(var(--page-height) - 104px)}.answer-key-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;padding-left:22px;margin-bottom:18px}.answer-key-list li{font-size:16px;line-height:1.5}.empty-state{display:grid;gap:12px;place-items:center;min-height:calc(var(--page-height) - 104px);padding:80px 40px;text-align:center}.empty-state-card{max-width:460px;padding:28px;border-radius:20px;background:linear-gradient(180deg,#ffffff 0%,#f7faf6 100%);border:1px solid var(--accent-border);box-shadow:var(--shadow-md)}.empty-state-card h2{margin-bottom:8px;font-size:28px}.empty-state-card p{color:var(--text-2);font-size:15px}.export-root{position:fixed;inset:0;overflow:auto;background:#fff;opacity:0;pointer-events:none;z-index:300}.export-root.is-active{opacity:.01}.export-document{width:var(--page-width);margin:0 auto;background:#fff}.export-root .preview-page{box-shadow:none;border-radius:0;background-image:none}.export-root .pdf-page-break{break-after:page;page-break-after:always}@media (max-width:1200px){.settings-panel{width:300px;min-width:300px}.preview-page{transform-origin:top center;transform:scale(.94)}}@media (min-width:800px) and (max-width:980px){.header{padding:0 14px;gap:12px}.header-actions{gap:8px}.btn-primary,.btn-secondary{padding:8px 10px;font-size:12px}.settings-panel{width:300px;min-width:300px}.settings-scroll{padding:16px}.preview-toolbar,.preview-container{padding-left:16px;padding-right:16px}.preview-page{transform-origin:top center;transform:scale(.8)}}@media (max-width:799px){body{overflow:auto}.header{position:sticky;padding:12px 16px;height:auto;flex-wrap:wrap;align-items:stretch}.header-actions{width:100%;justify-content:stretch}.header-actions>*{flex:1}.workspace{margin-top:0;flex-direction:column}.settings-panel{width:100%;min-width:0;border-right:none;border-bottom:1px solid var(--border)}.divider{display:none}.preview-page{transform:none;width:min(var(--page-width), calc(100vw - 32px));min-height:auto;background-image:none;padding:32px 24px}.sheet-title{font-size:26px}.answer-grid,.answer-key-list{grid-template-columns:1fr}}@media print{body{background:#fff;overflow:visible}.header,.settings-panel,.divider,.preview-toolbar{display:none!important}.workspace,.preview-area,.preview-container,.preview-page-wrap{display:block;margin:0;padding:0;overflow:visible}.preview-page{width:auto;min-height:auto;box-shadow:none;border-radius:0;padding:0;background:#fff}@page{size:A4;margin:12mm}}}