.google-banner{flex-wrap:wrap}.google-banner>div:nth-child(2){flex:1;min-width:210px}.google-banner small{display:block;color:#547463;line-height:1.7;margin-top:7px}.google-banner-actions,.google-toolbar{display:flex;gap:10px;flex-wrap:wrap}.google-mode{margin:20px 0}.google-live{margin:24px 0}.google-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.google-course{padding:24px;color:inherit;text-align:start;display:flex;flex-direction:column;gap:12px;min-width:0}.google-course h2{font-size:21px;line-height:1.5;overflow-wrap:anywhere}.google-course p{font-size:13px;line-height:1.8;color:#5d7769;overflow-wrap:anywhere}.google-course small{color:#608070}.google-course footer{margin-top:auto;display:flex;justify-content:space-between}.google-course footer svg{width:18px}.google-error,.google-warning{display:flex;align-items:center;gap:12px;background:#fff1d9;color:#765524;border:1px solid #ead4ae;border-radius:16px;padding:18px;line-height:1.8;margin:18px 0}.google-error span{flex:1}.google-error svg,.google-warning svg{width:20px;flex-shrink:0}.google-work p{white-space:pre-wrap;overflow-wrap:anywhere}.google-work footer{flex-wrap:wrap}.google-detail p{line-height:1.85}.google-detail h3{margin-top:23px}.google-detail li{line-height:1.9}.google-config{display:block;padding:16px;background:#e8f1ec;border-radius:12px;overflow-wrap:anywhere;user-select:all}.google-material{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid #d6e6da;border-radius:12px;margin:10px 0}.google-material svg{width:20px;flex-shrink:0}.google-material span{flex:1;overflow-wrap:anywhere}.google-submission{background:#f1f7f3;border-radius:14px;padding:17px;margin:12px 0}.google-submission details{line-height:1.8}.google-sheet{max-width:760px}.google-filters label{display:grid;gap:8px}.google-live input,.google-live select{width:100%;padding:13px;border:1px solid #cadaD0;border-radius:13px;background:#fff9;color:inherit;font:inherit}.google-banner .primary-button{white-space:nowrap}.high-contrast .google-course,.high-contrast .google-submission{background:#fff;border:1px solid #527260}.high-contrast .google-warning,.high-contrast .google-error{color:#543608;background:#fff1db}@media(max-width:900px){.google-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.google-course-grid{grid-template-columns:1fr}.google-banner-actions{width:100%}.google-banner-actions button{flex:1}.google-toolbar{gap:5px}.google-live .section-heading h2{font-size:21px}.google-live .section-heading{align-items:start}.google-toolbar button{font-size:11px;padding:10px}.google-error{flex-wrap:wrap}.google-config{font-size:11px}.google-detail .school-document{font-size:14px}}

.google-filters{display:flex;flex-wrap:wrap;gap:14px;padding:19px;background:#eef7f08c;border:1px solid #fff;border-radius:20px;margin:22px 0}.google-filters label{flex:1;min-width:140px;font-size:12px;color:#4d6b5b}
.class-invite{padding:18px 22px;margin:20px 0;background:rgba(239,249,243,.72)}.class-invite summary{cursor:pointer;font-weight:700;color:#236546}.class-invite p{font-size:13px;line-height:1.8;margin:12px 0}.class-invite label{display:inline-grid;gap:7px;margin-inline-end:16px;max-width:100%;font-size:13px}.class-invite input{user-select:all;max-width:280px}.class-manager form{display:grid;gap:16px}.class-manager label{display:grid;gap:8px;font-weight:600}.class-manager input{border:1px solid #c8dfd1;border-radius:16px;padding:14px;background:#ffffffb5;font:inherit;color:inherit;min-width:0}.class-manager input:focus{outline:3px solid #82bd9e80;border-color:#207b51}.class-manager .primary-button{margin-top:10px}.workspace-download{display:flex;gap:12px;flex-wrap:wrap}.workspace-download p{flex-basis:100%;overflow-wrap:anywhere}
.teacher-sections{margin:20px 0;display:inline-flex}.teacher-submissions{margin-top:25px}.submission-student{padding:24px;margin-bottom:22px;background:rgba(249,255,251,.74);border:1px solid #fff;backdrop-filter:blur(22px)}.submission-student>header{display:flex;gap:14px;align-items:center;padding-bottom:18px}.submission-student h3{margin:0;font-size:21px}.submission-student small{color:#638471}.submission-work{padding:18px 0;border-top:1px solid #dae9e0}.submission-work h4{font-size:17px;line-height:1.6;margin:0}.submission-work .section-heading{margin:0 0 8px}.submission-file{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #d7e9dc;border-radius:18px;background:#ffffffa6;margin-top:12px}.submission-file strong{flex:1;overflow-wrap:anywhere;font-size:14px}.submission-file .icon-tile{width:40px;height:45px;flex-shrink:0}.submission-image{display:block;max-width:100%;max-height:75vh;object-fit:contain;margin:20px auto;border-radius:16px}.submission-viewer h4{overflow-wrap:anywhere;line-height:1.7}.submission-viewer #submission-preview{min-height:120px;line-height:1.9}.submission-viewer #submission-preview button{display:block;margin:18px 0}.submission-viewer iframe{background:white}.submission-viewer .workspace-external{font-size:12px;margin-top:20px}@media(max-width:600px){.submission-file{flex-wrap:wrap}.submission-file .text-link{width:100%;justify-content:center}.submission-student{padding:17px}.teacher-submissions .section-heading{flex-wrap:wrap;gap:12px}.submission-image{max-height:65vh}}
.submission-view-button{position:relative;isolation:isolate;flex-shrink:0;gap:12px;min-height:46px;padding:11px 20px;border-radius:16px;color:#fff;border:1px solid #b5f9d399;background:linear-gradient(135deg,#39b980e8,#07834feF 62%,#096f4c);backdrop-filter:blur(18px) saturate(1.5);box-shadow:inset 0 1px 2px #ffffffa6,inset 0 -1px 1px #064f393d,0 5px 15px #0b754b29;text-shadow:0 1px 2px #075d4933;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s,filter .24s;overflow:hidden}.submission-view-button:before{content:"";position:absolute;inset:0 0 48%;border-radius:inherit;background:linear-gradient(#ffffff30,#ffffff02);z-index:-1;pointer-events:none}.submission-view-button .icon{width:17px;height:17px}.submission-view-button:hover{background:linear-gradient(135deg,#46c58ceF,#07834feF 62%,#096f4c);filter:brightness(1.04);transform:translateY(-2px);box-shadow:inset 0 1px 3px #ffffffb8,0 8px 20px #0b754b36}.submission-view-button:active{transform:translateY(1px) scale(.98)}.submission-view-button:focus-visible{outline:3px solid #075d42;outline-offset:4px}.high-contrast .submission-view-button{background:#086d43;border-color:#fff}.reduced-motion .submission-view-button{transition:none}.reduced-motion .submission-view-button:hover{transform:none}@media(prefers-reduced-motion:reduce){.submission-view-button{transition:none}.submission-view-button:hover{transform:none}}@media(max-width:600px){.submission-file .submission-view-button{width:100%;grid-column:1/-1;justify-content:space-between}}
.submission-bundle{display:flex;align-items:center;gap:22px;justify-content:space-between;padding:20px;margin-top:14px;border:1px solid #fff;border-radius:21px;background:linear-gradient(120deg,#f6fffaad,#e1f4eaa8);box-shadow:inset 0 1px 3px #fff}.submission-bundle-info{display:flex;gap:14px;align-items:center;min-width:0}.submission-bundle-info strong{font-size:14px}.submission-bundle-info ul{padding:0;margin:8px 0 0;list-style:none;display:grid;gap:5px;color:#567565;font-size:12px;overflow-wrap:anywhere}.submission-file-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 12px}.submission-file-tabs button{max-width:100%;text-align:start;justify-content:flex-start;gap:10px;overflow-wrap:anywhere;white-space:normal;flex:1 1 220px}.submission-file-tabs .active{color:#096440;background:linear-gradient(125deg,#d8f8e9e8,#b5e3cdcf);border-color:#79b99a;box-shadow:inset 0 1px 3px white,0 4px 12px #146e3d18}.submission-file-number{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border-radius:50%;background:#ffffffa6;color:#186c46}.submission-file-count{font-size:12px}.submission-audio{padding:30px;border:1px solid #fff;border-radius:24px;background:linear-gradient(130deg,#f8fffcde,#d9efdfbd);box-shadow:inset 0 1px 4px white,0 10px 25px #164e3320;backdrop-filter:blur(20px);margin:24px 0}.submission-audio h3{margin:10px 0 22px;overflow-wrap:anywhere}.submission-audio-controls{display:flex;align-items:center;gap:18px}.submission-audio-controls label{display:grid;gap:8px;flex:1;min-width:0;font-size:12px;color:#456c55}.submission-audio-controls input{width:100%;accent-color:#11824e;cursor:pointer;direction:ltr}.submission-audio-controls output{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.submission-audio .muted{margin-top:14px;font-size:12px}.submission-audio audio{display:none}.submission-audio-controls button{min-width:105px!important;margin:0!important}.submission-audio-controls button:disabled{opacity:.55}@media(max-width:600px){.submission-bundle{flex-direction:column;align-items:stretch;gap:15px;padding:16px}.submission-bundle .submission-view-button{width:100%;justify-content:space-between}.submission-audio{padding:20px}.submission-audio-controls{flex-wrap:wrap;gap:13px}.submission-audio-controls label{min-width:160px}.submission-audio-controls output{margin-inline-start:auto}}