:root{font-family:Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#183332;background:#fffaf0;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #183332;--muted: #667977;--cream: #fffaf0;--paper: #fffdf8;--teal: #3f9e95;--teal-dark: #277a74;--teal-soft: #dcefeb;--orange: #ef8354;--orange-soft: #ffeadc;--yellow: #f3c84b;--yellow-soft: #fff3bd;--blue: #6a95da;--green: #6cab78;--purple: #9a7ac4;--red: #d9534f;--line: #dfE7e3;--shadow: 0 18px 48px rgba(35, 73, 68, .11);--shadow-sm: 0 8px 24px rgba(35, 73, 68, .09)}*{box-sizing:border-box}html{min-width:320px;background:var(--cream);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--cream)}button,input,select,textarea{font:inherit}button,select{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:4px solid rgba(243,200,75,.58);outline-offset:2px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.muted{color:var(--muted)}.eyebrow{margin-bottom:8px;color:var(--teal-dark);font-size:13px;line-height:1;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.button{min-height:50px;padding:0 22px;border:0;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:16px;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button svg{width:20px;height:20px}.button:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(0) scale(.98)}.button:disabled{opacity:.52;cursor:not-allowed}.button-primary{color:#fff;background:var(--teal);box-shadow:0 9px 20px #3f9e9542}.button-primary:hover:not(:disabled){background:var(--teal-dark);box-shadow:0 13px 26px #3f9e9552}.button-secondary{color:var(--teal-dark);background:var(--teal-soft)}.button-ghost{color:var(--muted);background:transparent;border:1px solid var(--line)}.button-danger{color:#a12d2a;background:#ffe4e1}.button-dark{color:#fff;background:#173432;box-shadow:0 10px 25px #17343240}.text-button{min-height:42px;padding:8px 4px;color:var(--teal-dark);font-weight:800;background:none;border:0;cursor:pointer}.button-row,.heading-actions,.modal-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.modal-actions{justify-content:flex-end;padding-top:12px}.icon-button{width:46px;height:46px;border:0;border-radius:50%;background:#f2f5f3;display:grid;place-items:center;cursor:pointer}.icon-button svg{width:22px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field-label{color:#324c49;font-size:14px;font-weight:800}.field-label b{color:var(--orange)}.field small{color:var(--muted);font-size:12px}input,select,textarea{min-height:50px;width:100%;padding:0 15px;color:var(--ink);background:#fff;border:1.5px solid #d8e2df;border-radius:13px;transition:border .2s,box-shadow .2s}textarea{min-height:104px;padding-top:12px;resize:vertical}input:hover,select:hover,textarea:hover{border-color:#a9c7c2}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px #3f9e951f;outline:none}.input-with-icon{position:relative}.input-with-icon>svg{position:absolute;z-index:1;top:50%;left:15px;width:20px;color:#78908d;transform:translateY(-50%);pointer-events:none}.input-with-icon input{padding-left:46px}.select-grid,.form-grid{display:grid;gap:14px}.select-grid{grid-template-columns:repeat(3,1fr)}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}.toast-stack{position:fixed;z-index:1000;top:18px;right:18px;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{min-width:280px;max-width:min(430px,calc(100vw - 36px));padding:14px 16px;color:#203a37;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:flex;align-items:center;gap:11px;font-weight:700;pointer-events:auto;animation:toast-in .25s ease both}.toast>svg{flex:0 0 auto;color:var(--teal)}.toast-error>svg{color:var(--red)}.toast-info>svg{color:var(--blue)}.toast span{flex:1}.toast button{padding:3px;background:none;border:0;cursor:pointer}.toast button svg{width:18px}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}}.loading-state{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;color:var(--muted)}.loading-orbit{width:78px;height:78px;position:relative;animation:spin 2.5s linear infinite}.loading-orbit span{position:absolute;width:24px;height:24px;border-radius:8px;background:var(--teal)}.loading-orbit span:nth-child(1){top:0;left:27px}.loading-orbit span:nth-child(2){bottom:8px;left:3px;background:var(--orange)}.loading-orbit span:nth-child(3){bottom:8px;right:3px;background:var(--yellow)}.empty-state{min-height:300px;padding:42px 24px;border:2px dashed #d8e4df;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#ffffff8c}.empty-icon{width:70px;height:70px;margin-bottom:16px;color:var(--teal);background:var(--teal-soft);border-radius:22px;display:grid;place-items:center}.empty-icon svg{width:34px;height:34px}.empty-state h3{margin-bottom:8px;font-size:23px}.empty-state p{max-width:480px;color:var(--muted)}.modal-backdrop{position:fixed;z-index:800;inset:0;padding:24px;background:#0b1f1d9e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:auto;display:flex;align-items:flex-start;justify-content:center}.modal{width:min(600px,100%);margin:auto;background:var(--paper);border-radius:24px;box-shadow:0 30px 90px #00000047;overflow:hidden;animation:modal-in .2s ease}.modal-wide{width:min(1120px,100%)}.modal>header{min-height:74px;padding:14px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal>header h2{margin:0;font-size:21px}.modal-body{padding:24px;max-height:calc(100vh - 130px);overflow:auto}@keyframes modal-in{0%{opacity:0;transform:scale(.97) translateY(10px)}}.student-app{min-height:100vh;background:radial-gradient(circle at 10% 12%,rgba(244,200,87,.14),transparent 26%),radial-gradient(circle at 90% 8%,rgba(76,166,157,.12),transparent 28%),var(--cream)}.student-header{max-width:1280px;min-height:84px;margin:0 auto;padding:12px 30px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:52px;height:52px;color:#fff;background:var(--teal);border-radius:17px 17px 17px 5px;display:grid;place-items:center;box-shadow:0 8px 18px #3f9e9540;transform:rotate(-2deg)}.brand-mark svg{width:28px}.brand>span:last-child{display:flex;flex-direction:column}.brand b{font-family:Nunito,Noto Sans SC,sans-serif;font-size:20px;font-weight:900}.brand small{color:var(--muted);font-size:11px}.student-header nav{display:flex;align-items:center;gap:8px}.student-header nav a,.student-header nav button{min-height:48px;padding:0 16px;border:0;border-radius:14px;background:transparent;display:flex;align-items:center;gap:7px;font-weight:800;cursor:pointer}.student-header nav a.active{color:var(--teal-dark);background:var(--teal-soft)}.student-header nav svg{width:20px}.class-ribbon{padding:9px max(24px,calc((100% - 1220px)/2));color:#27635e;background:#e1f1ed;display:flex;justify-content:space-between;gap:20px;font-size:14px;font-weight:800}.student-main{max-width:1280px;min-height:calc(100vh - 160px);margin:0 auto;padding:34px 30px 70px}.student-footer{padding:22px;color:#768683;text-align:center;font-size:13px;letter-spacing:.12em}.hero-section{min-height:500px;padding:35px 24px 65px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:60px}.hero-copy h1{margin:18px 0 20px;font-family:Nunito,Noto Sans SC,sans-serif;font-size:clamp(42px,6vw,76px);line-height:1.06;letter-spacing:-.035em;font-weight:900}.hero-copy h1 em{color:var(--orange);font-style:normal;position:relative}.hero-copy h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:9px;background:var(--yellow);border-radius:50%;z-index:-1;transform:rotate(-1deg)}.hero-copy>p{max-width:650px;color:var(--muted);font-size:19px;line-height:1.9}.hero-pill{width:fit-content;min-height:42px;padding:0 15px;color:#8a4f26;background:var(--orange-soft);border-radius:99px;display:flex;align-items:center;gap:8px;font-weight:900}.hero-pill svg{width:19px}.hero-steps{margin-top:32px;display:flex;align-items:center;gap:10px}.hero-steps span{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:800}.hero-steps span svg{width:20px;color:var(--teal)}.hero-steps i{width:26px;height:2px;background:#cddbd7}.hero-art{min-height:430px;position:relative;display:grid;place-items:center}.product-box{width:min(330px,75vw);aspect-ratio:.82;position:relative;border-radius:48px 48px 62px 62px;background:linear-gradient(145deg,#6cc1b7,#3d968e);box-shadow:0 35px #286e68,0 55px 70px #22585245;transform:rotate(3deg)}.product-box:before{content:"";position:absolute;inset:38px 35px auto;height:110px;border-radius:26px;background:#fff7dc;box-shadow:inset 0 -12px #f3c84b26}.product-box:after{content:"";position:absolute;inset:172px 35px 40px;border-radius:25px 25px 39px 39px;background:#dff3ef}.product-box span{position:absolute;z-index:2;top:187px;bottom:55px;width:13px;border-radius:99px;background:#83bbb4}.product-box span:nth-child(1){left:37%}.product-box span:nth-child(2){left:63%}.product-box span:nth-child(3){display:none}.product-box b{position:absolute;z-index:3;top:75px;left:0;right:0;color:#487a73;text-align:center;letter-spacing:.16em}.spark{position:absolute;display:grid;place-items:center;border-radius:18px;font-weight:900;animation:float 3s ease-in-out infinite}.spark-one{width:72px;height:72px;top:38px;left:5%;color:#fff;background:var(--orange);font-size:30px;transform:rotate(-12deg)}.spark-two{width:52px;height:52px;bottom:34px;left:12%;color:#a2760c;background:var(--yellow);animation-delay:-.8s}.spark-three{width:62px;height:62px;top:84px;right:2%;color:#fff;background:var(--purple);font-size:25px;animation-delay:-1.5s}@keyframes float{0%,to{translate:0 0}50%{translate:0 -12px}}.entry-panel{margin:10px 0 32px;padding:clamp(28px,5vw,58px);background:#ffffffdb;border:1px solid rgba(210,224,219,.8);border-radius:34px;box-shadow:var(--shadow);display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.entry-intro h2{margin-bottom:14px;font-size:34px}.entry-intro>p{color:var(--muted);line-height:1.8}.entry-form{padding:28px;background:#f8fbf9;border:1px solid var(--line);border-radius:24px;display:flex;flex-direction:column;gap:20px}.entry-form .button{min-height:58px;font-size:18px}.entry-form .field:first-child input{height:64px;font-size:25px;font-weight:900;letter-spacing:.18em}.resume-card{margin-top:24px;padding:14px;border:1px solid #cde2de;border-radius:18px;background:#eff8f6;display:flex;align-items:center;gap:12px}.resume-card>svg{width:30px;color:var(--teal)}.resume-card div{flex:1;display:flex;flex-direction:column}.resume-card span{color:var(--muted);font-size:13px}.privacy-note{margin:0 auto;max-width:820px;padding:18px 22px;border:1px solid #eadca9;background:#fff8d9;border-radius:18px;display:flex;align-items:center;gap:16px}.privacy-note>span{font-size:28px}.privacy-note p{margin:3px 0 0;color:#796c42}.page-narrow{max-width:640px;margin:50px auto}.identity-confirm{padding:55px;background:#fff;border-radius:32px;box-shadow:var(--shadow);text-align:center}.success-bubble{width:78px;height:78px;margin:0 auto 18px;color:#fff;background:var(--teal);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 12px var(--teal-soft)}.success-bubble svg{width:40px}.identity-confirm h1{font-size:38px}.identity-ticket{margin:22px 0;padding:20px;border:2px dashed #b9d7d2;border-radius:20px;background:#f1faf7;display:flex;justify-content:center;gap:22px;font-size:20px}.identity-ticket span{color:var(--orange);font-weight:900}.identity-confirm>.button{width:100%;margin:16px 0 8px}.page-section,.studio-page,.gallery-page{width:100%}.section-heading{margin-bottom:28px;display:flex;gap:18px;align-items:flex-start}.section-heading.centered{display:flex;flex-direction:column;align-items:center;text-align:center}.section-heading h1,.section-heading h2{margin-bottom:8px;font-size:clamp(30px,4vw,44px)}.section-heading p{margin-bottom:0;color:var(--muted)}.step-icon{width:64px;height:64px;flex:0 0 auto;color:#fff;background:var(--teal);border-radius:21px 21px 21px 7px;display:grid;place-items:center;box-shadow:0 10px 20px #3f9e9538}.step-icon svg{width:30px}.step-icon.coral{background:var(--orange)}.step-icon.green{background:var(--green)}.step-icon.purple{background:var(--purple)}.group-setup{max-width:980px;margin:20px auto}.selected-team{max-width:700px;margin:0 auto 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.selected-team>div{min-height:122px;padding:14px;border:2px solid #cbe2de;border-radius:20px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.selected-team span{color:var(--teal-dark);font-size:12px;font-weight:900}.selected-team b{margin:4px 0;font-size:25px}.selected-team small{color:var(--muted)}.selected-team .empty-member{border-style:dashed;color:#9aa9a6;background:transparent}.student-number-grid{padding:20px;background:#fff;border:1px solid var(--line);border-radius:24px;display:grid;grid-template-columns:repeat(9,1fr);gap:10px;box-shadow:var(--shadow-sm)}.student-number-grid button{min-height:76px;padding:8px 3px;position:relative;border:1.5px solid #dbe5e2;border-radius:14px;background:#fbfdfc;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.student-number-grid button b{font-size:21px}.student-number-grid button span{max-width:100%;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-number-grid button.selected{color:var(--teal-dark);border-color:var(--teal);background:var(--teal-soft);box-shadow:0 0 0 3px #3f9e951f}.student-number-grid button.selected svg{position:absolute;top:5px;right:5px;width:17px}.student-number-grid button.unavailable{opacity:.34;text-decoration:line-through}.sticky-action{margin-top:24px;padding:15px 18px;position:sticky;z-index:20;bottom:18px;border:1px solid var(--line);border-radius:20px;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:20px}.sticky-action>span{color:var(--muted)}.sticky-action>span b{color:var(--teal-dark);font-size:22px}.studio-topline{margin-bottom:25px;display:flex;align-items:center;justify-content:space-between}.studio-topline h1{margin:0;font-size:36px}.topline-actions{display:flex;align-items:center;gap:14px}.team-mini{display:flex}.team-mini span{width:44px;height:44px;margin-left:-8px;color:#fff;background:var(--teal);border:4px solid var(--cream);border-radius:50%;display:grid;place-items:center;font-weight:900}.info-banner{margin-bottom:18px;padding:14px 18px;color:#66571f;border:1px solid #eadb9c;border-radius:15px;background:#fff7d5;font-weight:700}.studio-stepper{max-width:800px;margin:0 auto 36px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr)}.studio-stepper li{position:relative;text-align:center}.studio-stepper li:before{content:"";position:absolute;z-index:0;top:22px;left:-50%;width:100%;height:3px;background:#d9e2df}.studio-stepper li:first-child:before{display:none}.studio-stepper li.complete:before,.studio-stepper li:has(+li.complete):after{background:var(--teal)}.studio-stepper button{width:100%;position:relative;z-index:1;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer}.studio-stepper button:disabled{cursor:default}.studio-stepper button>span{width:45px;height:45px;color:#80918e;border:3px solid #d9e2df;border-radius:50%;background:var(--cream);display:grid;place-items:center;font-weight:900}.studio-stepper .complete button>span{color:#fff;border-color:var(--teal);background:var(--teal)}.studio-stepper li:not(.complete):has(button:not(:disabled)) button>span{border-color:var(--orange);color:var(--orange)}.studio-stepper b{font-size:14px}.studio-panel,.design-panel,.generate-panel{padding:clamp(22px,4vw,44px);background:#ffffffe6;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow-sm)}.photo-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}.panel-copy h2{margin:12px 0;font-size:34px}.panel-copy>p{color:var(--muted);line-height:1.8}.panel-copy ul{padding:0;list-style:none;display:grid;gap:10px}.panel-copy li{display:flex;gap:9px;align-items:center;font-weight:700}.panel-copy li svg{width:20px;color:var(--teal)}.photo-upload-card{min-height:500px;padding:20px;border:2px dashed #b7d2cd;border-radius:26px;background:#f2faf7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;overflow:hidden}.photo-upload-card>img{width:min(280px,100%);max-height:340px;object-fit:contain;border-radius:20px;box-shadow:var(--shadow-sm)}.camera-illustration{width:190px;height:280px;margin-bottom:12px;color:var(--teal);border:4px solid #b7d8d2;border-radius:28px;display:grid;place-items:center;position:relative}.camera-illustration svg{width:65px;height:65px}.camera-illustration span{position:absolute;bottom:14px;font-weight:900}.cropper-layout{padding:25px;background:#fff;border-radius:30px;box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:42px;align-items:center}.cropper-stage{width:100%;max-width:420px;position:relative;border-radius:24px;overflow:hidden;background:#222;box-shadow:0 18px 40px #0003}.cropper-stage canvas{width:100%;height:auto;display:block}.crop-guide{position:absolute;inset:7%;border:2px dashed rgba(255,255,255,.78);border-radius:18px;pointer-events:none}.crop-guide span{position:absolute;left:50%;bottom:8px;padding:5px 10px;color:#fff;background:#00000085;border-radius:99px;font-size:12px;transform:translate(-50%);white-space:nowrap}.cropper-controls h3{font-size:30px}.cropper-controls>p{color:var(--muted);line-height:1.7}.cropper-controls>label{margin:20px 0;display:grid;grid-template-columns:90px 1fr;align-items:center;gap:12px;font-weight:800}.cropper-controls label svg{width:20px}.cropper-controls input[type=range]{padding:0;min-height:30px;accent-color:var(--teal)}.cropper-controls>.button{width:100%}.option-section{margin:35px 0;padding-top:30px;border-top:1px solid var(--line)}.option-section>header{margin-bottom:18px;display:flex;align-items:center;gap:14px}.option-section>header>span{width:38px;height:38px;color:#fff;background:var(--orange);border-radius:12px;display:grid;place-items:center;font-weight:900}.option-section h3{margin:0 0 3px;font-size:21px}.option-section p{margin:0;color:var(--muted);font-size:13px}.option-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.option-card{min-height:122px;padding:14px 8px;position:relative;border:2px solid #e0e7e5;border-radius:19px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer}.option-card:before{content:"";width:42px;height:11px;position:absolute;top:9px;right:9px;background:var(--swatch);border:1px solid rgba(0,0,0,.08);border-radius:99px}.option-card i{font-style:normal;font-size:36px}.option-card b{font-size:15px}.option-card.selected{border-color:var(--teal);background:#edf8f5;box-shadow:0 0 0 4px #3f9e951f;transform:translateY(-2px)}.option-check{width:24px;height:24px;position:absolute;top:7px;left:7px;color:#fff;background:var(--teal);border-radius:50%;display:grid;place-items:center}.option-check svg{width:16px}.extra-request{margin-top:30px;display:block;position:relative}.extra-request>span{margin-bottom:9px;display:block;font-weight:900}.extra-request small{color:var(--muted);font-weight:500}.extra-request b{position:absolute;right:12px;bottom:9px;color:var(--muted);font-size:12px}.prompt-preview{max-width:840px;margin:0 auto 24px;padding:16px 20px;border:1px solid #d7e4e1;border-radius:16px;background:#f8fbfa}.prompt-preview summary{cursor:pointer;font-weight:900}.prompt-preview p{margin:13px 0 0;color:var(--muted);line-height:1.8}.generation-wait{max-width:720px;margin:28px auto;padding:44px;border-radius:26px;background:linear-gradient(135deg,#edf8f5,#f6effb);text-align:center}.magic-loader{width:100px;height:100px;margin:0 auto 22px;position:relative;display:grid;place-items:center}.magic-loader svg{width:48px;height:48px;color:var(--purple)}.magic-loader span{width:16px;height:16px;position:absolute;border-radius:5px;background:var(--yellow);animation:magic-pop 1.5s ease-in-out infinite}.magic-loader span:nth-child(1){top:0;left:20px}.magic-loader span:nth-child(2){top:25px;right:0;background:var(--orange);animation-delay:-.4s}.magic-loader span:nth-child(3){bottom:0;left:5px;background:var(--teal);animation-delay:-.8s}@keyframes magic-pop{0%,to{transform:scale(.65);opacity:.5}50%{transform:scale(1.15);opacity:1}}.generation-wait h3{font-size:25px}.generation-wait p{color:var(--muted)}.progress-dots{display:flex;justify-content:center;gap:8px}.progress-dots i{width:10px;height:10px;background:var(--teal);border-radius:50%;animation:dot 1s infinite alternate}.progress-dots i:nth-child(2){animation-delay:.2s}.progress-dots i:nth-child(3){animation-delay:.4s}.progress-dots i:nth-child(4){animation-delay:.6s}@keyframes dot{to{opacity:.2;transform:translateY(-5px)}}.generate-action{margin:28px auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.generate-action .button{min-width:270px;min-height:64px;font-size:19px}.generate-action span{color:var(--muted)}.result-list>header{margin:35px 0 15px;display:flex;align-items:flex-end;justify-content:space-between}.result-list h3{margin:0;font-size:25px}.result-list header span{color:var(--muted)}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.result-card{padding:12px;border:2px solid var(--line);border-radius:22px;background:#fff}.result-card.final{border-color:var(--yellow);box-shadow:0 0 0 4px var(--yellow-soft)}.result-card>div:last-child{min-height:70px;padding:11px 4px 0;display:flex;align-items:center;justify-content:space-between;gap:9px}.result-card>div:last-child>span{color:var(--muted);font-size:13px}.result-card>div:last-child>b{color:#986d00;display:flex;align-items:center;gap:4px;font-size:13px}.result-card>div:last-child svg{width:17px}.before-after{--position: 50%;width:100%;aspect-ratio:9/16;position:relative;overflow:hidden;border-radius:15px;background:#eee}.before-after>img,.after-layer img{width:100%;height:100%;object-fit:contain}.after-layer{position:absolute;inset:0;clip-path:inset(0 0 0 var(--position))}.compare-line{position:absolute;top:0;bottom:0;left:var(--position);width:3px;background:#fff;transform:translate(-50%);box-shadow:0 0 7px #00000059}.compare-line span{width:34px;height:34px;position:absolute;top:50%;left:50%;color:var(--ink);background:#fff;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);font-weight:900}.before-after input{position:absolute;z-index:5;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.image-label{position:absolute;z-index:4;top:8px;padding:4px 8px;color:#fff;background:#00000080;border-radius:8px;font-size:11px;font-weight:800}.label-before{left:8px}.label-after{right:8px}.generation-error{max-width:720px;margin:15px auto;padding:16px;color:#8d423b;background:#fff0ed;border-radius:15px;display:flex;gap:12px}.generation-error p{margin:4px 0 0}.gallery-hero{min-height:220px;margin-bottom:24px;padding:35px 42px;color:#fff;background:linear-gradient(120deg,#317f79,#55aaa0);border-radius:30px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.gallery-hero:after{content:"✦";position:absolute;right:20%;top:-40px;font-size:180px;color:#ffffff14}.gallery-hero h1{margin:12px 0 8px;font-size:42px}.gallery-hero p{margin:0;opacity:.84;font-size:17px}.gallery-hero .hero-pill{color:#285b56;background:#fff4c8}.gallery-count{width:115px;height:115px;position:relative;z-index:1;border:2px solid rgba(255,255,255,.25);border-radius:30px;background:#ffffff1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center}.gallery-count b{font:900 38px Nunito}.gallery-count span{font-size:13px}.gallery-toolbar{margin-bottom:18px;display:flex;align-items:center;gap:14px}.gallery-toolbar>select{width:auto;margin-left:auto}.quick-filter{padding:4px;background:#edf3f1;border-radius:14px;display:flex}.quick-filter button{min-height:42px;padding:0 15px;border:0;border-radius:11px;background:transparent;font-weight:800;cursor:pointer}.quick-filter button.active{color:var(--teal-dark);background:#fff;box-shadow:var(--shadow-sm)}.filter-panel{margin-bottom:22px;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-sm)}.filter-panel>header{margin-bottom:16px;display:flex;justify-content:space-between}.filter-panel header b{display:flex;align-items:center;gap:7px}.filter-panel header button{border:0;background:none;cursor:pointer}.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.filter-grid label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:800}.student-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.work-card{min-width:0;border:1px solid var(--line);border-radius:23px;background:#fff;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s}.work-card:hover{transform:translateY(-4px)}.work-image{width:100%;padding:0;aspect-ratio:9/13;position:relative;border:0;background:#edf2f0;overflow:hidden;cursor:pointer}.work-image img{width:100%;height:100%;object-fit:contain}.work-image span{position:absolute;left:10px;bottom:10px;padding:6px 9px;color:#fff;background:#163331bf;border-radius:9px;font-size:11px;font-weight:800}.work-info{padding:16px}.work-info>p{margin-bottom:5px;color:var(--teal-dark);font-size:12px;font-weight:900}.work-info h3{margin-bottom:10px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-tags{min-height:52px;display:flex;align-content:flex-start;gap:5px;flex-wrap:wrap}.work-tags span{padding:4px 7px;color:#657875;background:#f1f4f3;border-radius:8px;font-size:10px}.work-actions{padding-top:12px;border-top:1px solid #edf1ef;display:flex;gap:8px}.work-actions button{min-height:40px;padding:0 12px;border:0;border-radius:11px;background:#f4f6f5;display:flex;align-items:center;gap:5px;font-weight:800;cursor:pointer}.work-actions button.liked{color:#d4475e;background:#ffedf0}.work-actions svg{width:19px}.work-detail{display:grid;gap:22px}.detail-art{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.detail-main,.detail-original{margin:0;cursor:zoom-in}.detail-main img{width:100%;max-height:62vh;object-fit:contain;border-radius:20px;background:#eef3f1;box-shadow:var(--shadow-sm)}.detail-main figcaption,.detail-original figcaption{padding-top:8px;text-align:center;color:var(--muted);font-size:13px;font-weight:800}.detail-main figcaption small,.detail-original figcaption small{margin-left:5px;color:var(--teal);font-weight:700}.detail-side{min-width:0;display:flex;flex-direction:column;gap:14px}.detail-original img{width:100%;max-height:30vh;object-fit:contain;border-radius:16px;background:#eef3f1;box-shadow:var(--shadow-sm)}.detail-info{padding:14px 16px;border-radius:16px;background:#f7faf8}.detail-info span{color:var(--teal-dark);font-size:12px;font-weight:800}.detail-info h3{margin:4px 0 8px;font-size:21px}.detail-info p{margin:0;color:var(--muted);line-height:1.8}.lightbox{position:fixed;inset:0;z-index:300;background:#081211e6;display:grid;place-items:center;padding:28px;cursor:zoom-out}.lightbox figure{margin:0;max-width:100%;display:flex;flex-direction:column;align-items:center}.lightbox img{max-width:95vw;max-height:86vh;object-fit:contain;border-radius:12px}.lightbox figcaption{color:#e8f3f0;text-align:center;padding-top:10px;font-size:14px;font-weight:800}.feedback-compose,.feedback-wall{padding:22px;border-radius:20px;background:#f7faf8}.feedback-compose>p{color:var(--muted)}.reaction-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.reaction-picker button{min-height:95px;padding:8px;border:2px solid #e0e7e5;border-radius:15px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.reaction-picker button b{font-size:30px}.reaction-picker button span{font-size:11px;font-weight:800}.reaction-picker button.selected,.comment-picker button.selected{border-color:var(--teal);background:var(--teal-soft)}.comment-picker{margin:15px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.comment-picker button{min-height:48px;border:1.5px solid #dde6e3;border-radius:12px;background:#fff;text-align:left;cursor:pointer}.feedback-wall{background:#fff;border:1px solid var(--line)}.feedback-wall h3 span{color:var(--muted)}.feedback-item,.feedback-admin-row{padding:13px 0;border-bottom:1px solid var(--line);display:flex;gap:13px}.feedback-item>b,.feedback-admin-row>b{font-size:28px}.feedback-item p,.feedback-admin-row p{margin:3px 0 0;color:var(--muted)}.admin-shell{min-height:100vh;color:#1e302f;background:#f3f6f4;display:grid;grid-template-columns:260px 1fr}.admin-shell>aside{min-height:100vh;padding:19px 14px;color:#eaf2f0;background:#173432;position:sticky;top:0;align-self:start;display:flex;flex-direction:column}.admin-logo{min-height:62px;margin-bottom:22px;padding:8px;display:flex;align-items:center;gap:11px}.admin-logo>span{width:43px;height:43px;color:#173432;background:#f5c955;border-radius:13px;display:grid;place-items:center}.admin-logo>span svg{width:24px}.admin-logo>div{display:flex;flex-direction:column}.admin-logo b{font-size:18px}.admin-logo small{color:#a9c0bc;font-size:11px}.admin-logo .mobile-close{display:none}.admin-shell aside nav{display:flex;flex-direction:column;gap:5px}.admin-shell aside nav a{min-height:48px;padding:0 13px;color:#afc4c0;border-radius:12px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700}.admin-shell aside nav a:hover{color:#fff;background:#ffffff12}.admin-shell aside nav a.active{color:#173432;background:#f4ca59;font-weight:900}.admin-shell aside nav svg{width:20px}.admin-side-bottom{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:grid;gap:6px}.admin-side-bottom a,.admin-side-bottom button{min-height:44px;padding:0 11px;color:#aac1bd;border:0;border-radius:10px;background:none;display:flex;align-items:center;gap:8px;cursor:pointer}.admin-side-bottom svg{width:18px}.admin-content{min-width:0}.admin-topbar{height:76px;padding:0 28px;position:sticky;z-index:100;top:0;border-bottom:1px solid #e1e8e5;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;gap:20px}.admin-topbar>div:first-of-type{flex:1}.admin-topbar p{margin:0;font-weight:900}.admin-topbar small{color:#81908d;font-size:11px}.admin-user{display:flex;align-items:center;gap:9px}.admin-user>span{width:38px;height:38px;color:#fff;background:var(--teal);border-radius:12px;display:grid;place-items:center;font-weight:900}.admin-user>div{display:flex;flex-direction:column}.admin-user b{font-size:13px}.menu-button{display:none}.admin-content>main{padding:28px}.admin-page{max-width:1480px;margin:0 auto}.admin-page-heading{margin-bottom:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.admin-page-heading h1{margin-bottom:6px;font-size:32px}.admin-page-heading p:last-child{margin:0;color:var(--muted)}.admin-filterbar{margin-bottom:20px;padding:13px;border:1px solid var(--line);border-radius:16px;background:#fff;display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.admin-filterbar label{min-width:130px;display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:11px;font-weight:800}.admin-filterbar input,.admin-filterbar select{min-height:42px;padding:0 11px;font-size:13px}.admin-filterbar .search-field{min-width:230px;flex:1;position:relative}.search-field>svg{position:absolute;z-index:1;left:10px;bottom:11px;width:18px}.search-field input{padding-left:36px}.admin-form{display:flex;flex-direction:column;gap:17px}.admin-form fieldset{padding:15px;border:1px solid var(--line);border-radius:14px}.admin-form legend{padding:0 6px;font-size:13px;font-weight:900}.check-chip-row{display:flex;gap:8px;flex-wrap:wrap}.check-chip-row button{min-height:41px;padding:0 13px;border:1px solid #d8e3df;border-radius:11px;background:#fff;cursor:pointer}.check-chip-row button.selected{color:var(--teal-dark);border-color:var(--teal);background:var(--teal-soft);font-weight:900}.check-chip-row.compact button{padding:0 10px}.switch-row{display:flex;gap:22px;flex-wrap:wrap}.switch-row label,.single-switch,.mini-switch{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:800}.switch-row input,.single-switch input,.mini-switch input{display:none}.switch-row label>span,.single-switch>span,.mini-switch>span{width:41px;height:23px;position:relative;background:#ccd6d3;border-radius:99px;transition:.2s}.switch-row label>span:after,.single-switch>span:after,.mini-switch>span:after{content:"";width:17px;height:17px;position:absolute;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;transition:.2s}.switch-row input:checked+span,.single-switch input:checked+span,.mini-switch input:checked+span{background:var(--teal)}.switch-row input:checked+span:after,.single-switch input:checked+span:after,.mini-switch input:checked+span:after{transform:translate(18px)}.table-card{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:auto;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse;font-size:13px}th{padding:13px 15px;color:#667976;background:#f5f8f6;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}td{padding:13px 15px;border-top:1px solid #edf1ef;vertical-align:middle}td small{display:block;color:var(--muted)}.number-badge{width:36px;height:36px;background:var(--teal-soft);border-radius:10px;display:grid;place-items:center;font-weight:900;color:var(--teal-dark)}.table-action{min-height:34px;padding:0 9px;color:var(--teal-dark);border:0;border-radius:8px;background:var(--teal-soft);display:inline-flex;align-items:center;gap:5px;cursor:pointer}.table-action svg{width:15px}.table-action.danger{color:#a53f39;background:#ffe9e7}.admin-login-page{min-height:100vh;padding:40px;background:linear-gradient(120deg,#173432 0 50%,#f5f7f4 50%);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10vw}.admin-login-brand{max-width:520px;margin-left:auto;color:#fff}.admin-brand-mark{width:70px;height:70px;margin-bottom:22px;color:#173432;background:var(--yellow);border-radius:22px;display:grid;place-items:center}.admin-brand-mark svg{width:35px}.admin-login-brand .eyebrow{color:#f5d77d}.admin-login-brand h1{font-size:48px;margin-bottom:8px}.admin-login-brand>p{color:#b9ceca;font-size:20px}.admin-login-brand ul{margin-top:35px;padding:0;list-style:none;display:grid;gap:11px;color:#d8e5e2}.admin-login-brand li:before{content:"✓";margin-right:10px;color:var(--yellow);font-weight:900}.admin-login-card{width:min(440px,100%);padding:38px;background:#fff;border-radius:26px;box-shadow:0 30px 80px #0000002e;display:flex;flex-direction:column;gap:18px}.admin-login-card h2{margin:0;font-size:29px}.admin-login-card>p{color:var(--muted)}.admin-login-card>small{text-align:center;color:var(--muted)}.secure-label{width:fit-content;padding:7px 10px;color:var(--teal-dark);background:var(--teal-soft);border-radius:9px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:900}.secure-label svg{width:16px}.password-page{min-height:100vh;padding:30px;background:#eff4f1;display:grid;place-items:center}.password-card{width:min(500px,100%);padding:38px;background:#fff;border-radius:26px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:17px}.password-card h1{font-size:30px}.password-card>p{color:var(--muted)}.stat-grid{margin-bottom:20px;display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.stat-card{min-width:0;padding:18px;border:1px solid var(--line);border-radius:17px;background:#fff;display:flex;align-items:center;gap:13px;box-shadow:var(--shadow-sm)}.stat-card>span{width:43px;height:43px;flex:0 0 auto;border-radius:13px;display:grid;place-items:center}.stat-card svg{width:22px}.stat-card>div{min-width:0;display:flex;flex-direction:column}.stat-card small{color:var(--muted);white-space:nowrap}.stat-card strong{font:900 25px Nunito,Noto Sans SC;white-space:nowrap}.tone-teal>span{color:#277a74;background:#dcefeb}.tone-orange>span{color:#b6532c;background:#ffeadc}.tone-blue>span{color:#496fae;background:#e2ebfb}.tone-green>span{color:#397846;background:#e2f2e4}.tone-pink>span{color:#aa4162;background:#fbe4eb}.tone-purple>span{color:#6c4c98;background:#eee6f8}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.chart-card{min-width:0;padding:20px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:var(--shadow-sm)}.chart-card>header{margin-bottom:15px}.chart-card h2{margin-bottom:4px;font-size:17px}.chart-card header p{margin:0;color:var(--muted);font-size:12px}.chart-empty{height:260px;display:grid;place-items:center;color:var(--muted)}.donut-wrap{display:flex;align-items:center}.chart-legend{width:45%;display:grid;gap:7px}.chart-legend span{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px;color:var(--muted);font-size:11px}.chart-legend i{width:9px;height:9px;border-radius:3px}.chart-legend b{color:var(--ink)}.popular-list{display:grid;gap:8px;max-height:280px;overflow:auto}.popular-list article{padding:7px;border-radius:12px;background:#f7f9f8;display:grid;grid-template-columns:25px 42px 1fr;align-items:center;gap:9px}.popular-list article>b{color:var(--orange);font:900 18px Nunito}.popular-list img{width:42px;height:52px;border-radius:7px;object-fit:cover}.popular-list article>div{min-width:0;display:flex;flex-direction:column}.popular-list strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popular-list span{color:var(--muted);display:flex;align-items:center;gap:4px;font-size:11px}.popular-list svg{width:13px}.activity-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.activity-admin-card{padding:19px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-sm)}.activity-admin-card>header{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px}.activity-admin-card>header>span{width:48px;height:48px;color:var(--teal-dark);background:var(--teal-soft);border-radius:14px;display:grid;place-items:center}.activity-admin-card header small{color:var(--muted)}.activity-admin-card h2{margin:2px 0;font-size:18px}.activity-admin-card header i{padding:5px 8px;color:#2b7b4c;background:#e6f5e9;border-radius:8px;font-size:10px;font-style:normal;font-weight:900}.status-draft header i{color:#806720;background:#fff3c7}.status-archived header i{color:#697673;background:#edf1f0}.activity-code{margin:18px 0;padding:14px;color:#fff;background:#173432;border-radius:15px;display:flex;justify-content:space-between;align-items:center}.activity-code div{display:flex;flex-direction:column}.activity-code small{color:#acc1bd}.activity-code strong{font:900 28px Nunito;letter-spacing:.18em}.activity-code button{color:#fff;border:0;background:#ffffff1a;min-height:38px;border-radius:9px;display:flex;align-items:center;gap:5px;cursor:pointer}.activity-code svg{width:16px}.activity-admin-card dl{display:grid;gap:10px}.activity-admin-card dl>div{display:flex;justify-content:space-between;gap:14px}.activity-admin-card dt{color:var(--muted);display:flex;align-items:center;gap:5px;font-size:11px}.activity-admin-card dt svg{width:15px}.activity-admin-card dd{margin:0;text-align:right;font-size:11px;font-weight:700}.activity-admin-card>footer{margin-top:16px;padding-top:13px;border-top:1px solid var(--line);display:flex;gap:8px}.activity-admin-card footer .button{min-height:40px;padding:0 12px;font-size:12px}.import-summary{margin-bottom:15px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.import-summary>div{padding:10px 13px;background:#eff6f4;border-radius:10px;display:flex;align-items:center;gap:8px}.import-summary>div svg{width:19px;color:var(--teal)}.import-summary .has-error{color:#9a3732;background:#ffe9e7}.import-summary label{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}.import-summary select{width:auto;min-height:42px}.preview-table{max-height:440px;border:1px solid var(--line);border-radius:12px;overflow:auto}.row-error{background:#fff0ee;color:#9c3c37}.security-banner{margin-bottom:20px;padding:17px;color:#285d58;background:#e5f4f0;border:1px solid #c9e5df;border-radius:16px;display:flex;align-items:center;gap:13px}.security-banner>svg{width:30px}.security-banner p{margin:2px 0 0;color:#5a7773;font-size:12px}.provider-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.provider-card{padding:21px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-sm)}.provider-card>header{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center}.provider-card header>span{width:50px;height:50px;color:var(--purple);background:#eee7f7;border-radius:15px;display:grid;place-items:center}.provider-card h2{margin:0 0 3px;font-size:18px}.provider-card header p{margin:0;color:var(--muted);font-size:11px}.provider-card header i{padding:5px 8px;border-radius:8px;font-size:10px;font-style:normal;font-weight:900}.provider-card header .enabled{color:#287443;background:#e4f4e8}.provider-card header .disabled{color:#777;background:#eee}.provider-card dl{margin:18px 0;display:grid;gap:9px}.provider-card dl>div{display:grid;grid-template-columns:90px 1fr;gap:10px}.provider-card dt{color:var(--muted);font-size:11px}.provider-card dd{margin:0;font-size:11px;word-break:break-all}.provider-card dd.success,.provider-card dd.failed{display:flex;align-items:flex-start;gap:5px}.provider-card dd.success{color:#287443}.provider-card dd.failed{color:#a63f38}.provider-card dd svg{width:15px;flex:0 0 auto}.provider-card footer{padding-top:13px;border-top:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap}.provider-card footer .button,.provider-card footer button{min-height:38px;padding:0 11px;border:0;border-radius:9px;background:#f0f5f3;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:800;cursor:pointer}.provider-card footer svg{width:15px}.provider-card footer .danger{color:#a53f39;background:#ffeae8}.option-admin-sections{display:grid;gap:18px}.option-admin-section{border:1px solid var(--line);border-radius:19px;background:#fff;overflow:hidden;box-shadow:var(--shadow-sm)}.option-admin-section>header{padding:17px 20px;background:#f7faf8;display:flex;align-items:center;gap:11px}.option-admin-section header>span{width:42px;height:42px;color:var(--teal-dark);background:var(--teal-soft);border-radius:12px;display:grid;place-items:center}.option-admin-section h2{margin:0;font-size:17px}.option-admin-section header p{margin:2px 0 0;color:var(--muted);font-size:11px}.option-admin-section>div>article{padding:11px 16px;border-top:1px solid #edf1ef;display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:10px}.option-admin-section article>div{display:grid;grid-template-columns:180px 1fr;gap:9px}.option-admin-section input,.option-admin-section textarea{min-height:39px;font-size:12px}.option-admin-section textarea{height:39px;padding-top:8px;resize:none}.emoji-input{width:48px!important;padding:0!important;text-align:center;font-size:21px!important}.option-admin-section input[type=color]{width:48px;padding:4px}.option-admin-section .button{min-height:38px;padding:0 10px;font-size:11px}.comment-symbol{font-size:22px}.feedback-settings>div>article{grid-template-columns:auto 1fr auto auto}.feedback-settings article>div{display:flex;flex-direction:column;gap:3px}.feedback-settings article>div input{width:100%}.feedback-settings small{color:var(--muted)}.works-toolbar{align-items:flex-end}.view-switch{margin-left:auto;padding:3px;background:#edf2f0;border-radius:10px;display:flex}.view-switch button{width:38px;height:38px;border:0;border-radius:8px;background:transparent;display:grid;place-items:center;cursor:pointer}.view-switch button.active{color:var(--teal-dark);background:#fff;box-shadow:0 2px 8px #00000014}.view-switch svg{width:18px}.selection-bar{margin-bottom:15px;padding:11px 15px;color:#fff;background:#173432;border-radius:14px;display:flex;align-items:center;gap:12px;position:sticky;top:86px;z-index:20}.selection-bar>span{flex:1}.selection-bar>.button{min-height:40px}.selection-bar>button:last-child{color:#fff;border:0;background:none;cursor:pointer}.admin-work-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.admin-work-gallery.masonry{display:block;columns:4;column-gap:16px}.admin-work-gallery.masonry .admin-work-card{margin-bottom:16px;break-inside:avoid}.admin-work-card{min-width:0;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:var(--shadow-sm)}.admin-work-card.selected{box-shadow:0 0 0 4px #3f9e9547}.admin-work-card.hidden{opacity:.68}.admin-work-image{aspect-ratio:9/12;position:relative;background:#e9efed}.admin-work-image>img{width:100%;height:100%;object-fit:contain}.admin-work-image>span{height:100%;display:grid;place-items:center;color:#9caaa7}.admin-work-image>label{position:absolute;top:10px;left:10px;width:32px;height:32px;border-radius:9px;background:#fff;box-shadow:var(--shadow-sm);display:grid;place-items:center;cursor:pointer}.admin-work-image label input{position:absolute;opacity:0}.admin-work-image label i{width:17px;height:17px;border:2px solid #8ca09c;border-radius:5px}.admin-work-image label input:checked+i{border-color:var(--teal);background:var(--teal);position:relative}.admin-work-image label input:checked+i:after{content:"✓";position:absolute;inset:-5px;color:#fff;font-size:14px}.hidden-label{position:absolute;top:10px;right:10px;padding:5px 7px;color:#fff;background:#192d2bbf;border-radius:8px;display:flex;align-items:center;gap:4px;font-size:10px}.hidden-label svg{width:13px}.admin-work-body{padding:14px}.admin-work-body>small{color:var(--teal-dark);font-size:10px}.admin-work-body h3{margin:3px 0 5px;font-size:15px}.admin-work-body>p{height:32px;margin-bottom:8px;color:var(--muted);font-size:10px;overflow:hidden}.work-metrics{margin-bottom:10px;display:flex;gap:12px;color:var(--muted);font-size:11px}.work-metrics span{display:flex;align-items:center;gap:3px}.work-metrics svg{width:14px}.admin-work-body>.button{width:100%;min-height:39px;font-size:11px}.table-work{display:flex;align-items:center;gap:8px}.table-work img{width:38px;height:50px;border-radius:6px;object-fit:cover}.work-detail-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.compare-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.compare-pair figure{margin:0;padding:12px;border:1px solid var(--line);border-radius:16px;background:#f8faf9;text-align:center}.compare-pair img,.image-placeholder{width:100%;height:min(54vh,600px);object-fit:contain;border-radius:11px;background:#e8eeec}.image-placeholder{display:grid;place-items:center;color:var(--muted)}.compare-pair figcaption{padding-top:9px;font-size:12px;font-weight:900}.detail-section{padding-top:18px;border-top:1px solid var(--line)}.detail-section h3{font-size:16px}.member-tags{display:flex;gap:7px;flex-wrap:wrap}.member-tags span{padding:7px 10px;color:#345f5b;background:var(--teal-soft);border-radius:9px;font-size:11px;font-weight:800}.detail-section blockquote{margin:0;padding:16px;color:#405b58;background:#f2f7f5;border-left:4px solid var(--teal);border-radius:0 12px 12px 0;line-height:1.7}.prompt-code{padding:14px;color:#cfe4df;background:#183331;border-radius:12px;white-space:pre-wrap;font-size:11px;line-height:1.6}.generation-history{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.generation-history article{border:1px solid var(--line);border-radius:12px;overflow:hidden}.generation-history article>div{height:170px;background:#edf1ef;display:grid;place-items:center}.generation-history img{width:100%;height:100%;object-fit:contain}.generation-history article>p{padding:9px;margin:0;display:flex;flex-direction:column}.generation-history p span,.generation-history p small{color:var(--muted);font-size:9px}.job-status{padding:6px 8px;border-radius:8px;background:#ddd;font-size:10px;font-weight:900}.job-status.failed{color:#a33a35;background:#ffe7e5}.job-status.processing{color:#765d1a;background:#fff1bd}.interaction-list{display:grid;gap:10px}.interaction-list article{padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff;display:grid;grid-template-columns:48px 1fr auto auto;align-items:center;gap:13px}.interaction-list article.muted-item{opacity:.62}.interaction-emoji{width:48px;height:48px;background:#f2f6f4;border-radius:14px;display:grid;place-items:center;font-size:26px}.interaction-copy small{color:var(--muted)}.interaction-copy h3{margin:3px 0;font-size:14px}.interaction-copy p{margin:0;font-size:12px}.interaction-state span{padding:5px 7px;color:#77671e;background:#fff4c8;border-radius:8px;display:flex;align-items:center;gap:4px;font-size:10px;font-weight:800}.interaction-state span.visible{color:#267346;background:#e5f5e9}.interaction-state svg{width:13px}.interaction-actions{display:flex;gap:6px}.interaction-actions button{min-height:35px;padding:0 8px;border:0;border-radius:8px;background:#edf3f1;display:flex;align-items:center;gap:4px;font-size:10px;font-weight:800;cursor:pointer}.interaction-actions button.danger{color:#a33a35;background:#ffe8e6}.interaction-actions svg{width:13px}.audit-timeline{position:relative}.audit-timeline:before{content:"";position:absolute;top:12px;bottom:12px;left:20px;width:2px;background:#dbe5e2}.audit-timeline article{position:relative;padding:0 0 18px;display:grid;grid-template-columns:42px 1fr;gap:14px}.audit-timeline>article>i{width:42px;height:42px;z-index:1;border:4px solid #f3f6f4;border-radius:50%;display:grid;place-items:center}.audit-timeline>article>i svg{width:16px}.actor-admin{color:#6c4c98;background:#eee6f8}.actor-student{color:#277a74;background:#dcefeb}.actor-system{color:#9a6329;background:#ffeadc}.audit-timeline article>div{padding:13px 16px;border:1px solid var(--line);border-radius:13px;background:#fff}.audit-timeline header{display:flex;justify-content:space-between}.audit-timeline time{color:var(--muted);font-size:10px}.audit-timeline p{margin:4px 0;color:var(--muted);font-size:11px}.audit-timeline details{margin-top:8px;font-size:10px}.audit-timeline pre{padding:9px;max-height:160px;overflow:auto;background:#f3f6f5;border-radius:8px}.compare-toolbar{margin-bottom:18px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;align-items:center;gap:7px;flex-wrap:wrap;position:sticky;top:86px;z-index:30;box-shadow:var(--shadow-sm)}.compare-title{min-width:220px;flex:1;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800}.compare-title input{min-height:40px}.compare-toolbar>button{min-height:38px;padding:0 9px;border:0;border-radius:8px;background:#eef3f1;display:flex;align-items:center;gap:4px;font-size:10px;font-weight:800;cursor:pointer}.compare-toolbar>button.active{color:#fff;background:var(--teal)}.compare-toolbar>button:disabled{opacity:.35}.compare-toolbar svg{width:15px}.tool-divider{width:1px;height:30px;background:var(--line)}.color-tools{display:flex;gap:4px}.color-tools button{width:28px;height:28px;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #ccd7d4;cursor:pointer}.color-tools button.active{box-shadow:0 0 0 3px var(--yellow)}.brush-size{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800}.brush-size input{width:80px;min-height:25px;padding:0}.brush-size i{background:#172b2a;border-radius:50%}.compare-board{display:grid;gap:13px}.compare-board.count-2{grid-template-columns:repeat(2,1fr)}.compare-board.count-3{grid-template-columns:repeat(3,1fr)}.compare-board.count-4{grid-template-columns:repeat(4,1fr)}.annotation-pane{min-width:0;margin:0;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;box-shadow:var(--shadow-sm)}.annotation-pane>div{width:100%;aspect-ratio:9/16;position:relative;background:#dfe7e4}.annotation-pane img,.annotation-pane canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.annotation-pane canvas{z-index:2;touch-action:none;cursor:crosshair}.annotation-pane figcaption{min-height:58px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between}.annotation-pane figcaption>span{min-width:0;display:flex;flex-direction:column}.annotation-pane small{color:var(--teal-dark);font-size:9px}.annotation-pane b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.annotation-pane figcaption button{border:0;background:none;cursor:pointer}.annotation-pane figcaption svg{width:17px}.saved-annotations{margin-top:24px}.saved-annotations h2{display:flex;align-items:center;gap:8px;font-size:17px}.saved-annotations h2 svg{width:20px}.saved-annotations>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.saved-annotations>div>button{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;display:flex;flex-direction:column;cursor:pointer}.saved-annotations span{color:var(--muted);font-size:10px}.saved-annotations i{margin-top:5px;color:#287443;display:flex;align-items:center;gap:3px;font-size:9px;font-style:normal}.saved-annotations i svg{width:12px}.source-picker-toolbar{margin-bottom:12px;display:flex;align-items:center;gap:12px}.source-picker-toolbar input{flex:1}.source-picker-toolbar span{font-weight:900}.source-picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-height:60vh;overflow:auto}.source-picker-grid button{padding:6px;position:relative;border:2px solid var(--line);border-radius:12px;background:#fff;text-align:left;cursor:pointer}.source-picker-grid button.selected{border-color:var(--teal);background:var(--teal-soft)}.source-picker-grid img{width:100%;aspect-ratio:9/13;object-fit:contain;border-radius:8px}.source-picker-grid span{padding:6px 3px;display:flex;flex-direction:column}.source-picker-grid small{color:var(--teal-dark);font-size:8px}.source-picker-grid b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-picker-grid i{width:25px;height:25px;position:absolute;top:10px;right:10px;color:#fff;background:var(--teal);border-radius:50%;display:grid;place-items:center}.source-picker-grid i svg{width:15px}@media(max-width:1180px){.student-number-grid{grid-template-columns:repeat(7,1fr)}.option-grid{grid-template-columns:repeat(4,1fr)}.student-gallery-grid,.stat-grid{grid-template-columns:repeat(3,1fr)}.activity-admin-grid{grid-template-columns:repeat(2,1fr)}.admin-work-gallery{grid-template-columns:repeat(3,1fr)}.admin-work-gallery.masonry{columns:3}.source-picker-grid{grid-template-columns:repeat(4,1fr)}.compare-board.count-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.student-header{padding:10px 18px}.brand small{display:none}.student-header nav a,.student-header nav button{padding:0 10px}.student-header nav a{font-size:0}.student-header nav a svg{width:24px}.class-ribbon{padding:8px 18px;font-size:11px}.student-main{padding:22px 18px 55px}.hero-section{grid-template-columns:1fr;padding-top:30px;gap:10px}.hero-art{min-height:390px}.entry-panel{grid-template-columns:1fr;gap:28px}.photo-panel,.cropper-layout{grid-template-columns:1fr}.cropper-stage{margin:auto;max-width:78vw}.option-grid{grid-template-columns:repeat(3,1fr)}.result-grid,.student-gallery-grid{grid-template-columns:repeat(2,1fr)}.reaction-picker{grid-template-columns:repeat(3,1fr)}.admin-shell{display:block}.admin-shell>aside{width:260px;position:fixed;z-index:300;inset:0 auto 0 0;transform:translate(-100%);transition:.25s}.admin-shell>aside.open{transform:none}.admin-logo .mobile-close{margin-left:auto;color:#fff;border:0;background:none;display:block}.sidebar-scrim{position:fixed;z-index:299;inset:0;border:0;background:#0006}.menu-button{width:42px;height:42px;border:0;border-radius:10px;background:#edf3f1;display:grid;place-items:center}.admin-content>main{padding:20px}.admin-topbar{padding:0 18px}.admin-user>div{display:none}.provider-grid,.dashboard-grid{grid-template-columns:1fr}.option-admin-section>div>article{grid-template-columns:auto auto 1fr auto}.option-admin-section article>div{grid-template-columns:1fr}.option-admin-section article>.button{grid-column:4}.activity-admin-grid{grid-template-columns:1fr}.admin-work-gallery{grid-template-columns:repeat(2,1fr)}.admin-work-gallery.masonry{columns:2}.compare-board.count-3,.compare-board.count-4{grid-template-columns:repeat(2,1fr)}.source-picker-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.student-header{min-height:70px}.brand-mark{width:44px;height:44px}.brand b{font-size:15px}.student-header nav{gap:1px}.student-header nav button{font-size:0}.student-header nav button svg{width:23px}.class-ribbon{flex-direction:column;gap:2px}.hero-section{min-height:auto;padding:25px 2px 45px}.hero-copy h1{font-size:42px}.hero-copy>p{font-size:16px}.hero-steps{gap:5px}.hero-steps span{font-size:11px}.hero-steps i{width:11px}.hero-art{min-height:330px}.product-box{width:240px}.entry-panel{padding:22px;border-radius:25px}.entry-form{padding:16px}.select-grid,.form-grid.two,.form-grid.three{grid-template-columns:1fr}.privacy-note{align-items:flex-start}.identity-confirm{padding:32px 20px}.identity-confirm h1{font-size:31px}.student-number-grid{padding:10px;grid-template-columns:repeat(5,1fr);gap:7px}.student-number-grid button{min-height:65px}.selected-team{grid-template-columns:repeat(2,1fr)}.studio-topline h1{font-size:27px}.studio-stepper b{font-size:11px}.studio-stepper button>span{width:38px;height:38px}.studio-stepper li:before{top:19px}.studio-panel,.design-panel,.generate-panel{padding:18px;border-radius:22px}.option-grid{grid-template-columns:repeat(2,1fr)}.option-card{min-height:108px}.result-grid{grid-template-columns:1fr}.sticky-action{bottom:8px}.sticky-action>span{font-size:12px}.sticky-action .button{padding:0 14px;font-size:14px}.cropper-layout{padding:14px}.cropper-controls>label{grid-template-columns:70px 1fr}.gallery-hero{padding:25px}.gallery-hero h1{font-size:32px}.gallery-count{display:none}.gallery-toolbar{align-items:stretch;flex-wrap:wrap}.quick-filter{order:3;width:100%}.quick-filter button{flex:1}.gallery-toolbar>select{margin-left:0;flex:1;width:auto}.filter-grid{grid-template-columns:repeat(2,1fr)}.student-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-info{padding:10px}.work-info h3{font-size:12px}.work-tags{display:none}.work-actions button{padding:0 8px}.detail-art{grid-template-columns:1fr}.detail-main img{max-height:55vh;object-fit:contain}.detail-original img{max-height:26vh}.detail-art>img{max-height:55vh;object-fit:contain}.comment-picker{grid-template-columns:1fr}.reaction-picker{grid-template-columns:repeat(2,1fr)}.admin-login-page{padding:20px;background:#173432;grid-template-columns:1fr}.admin-login-brand{display:none}.admin-login-card{padding:26px}.admin-page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%}.heading-actions .button{flex:1;padding:0 10px;font-size:12px}.admin-content>main{padding:14px}.admin-topbar{height:66px}.admin-topbar small{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:12px}.stat-card>span{width:38px;height:38px}.stat-card strong{font-size:20px}.admin-filterbar{align-items:stretch}.admin-filterbar label{flex:1}.provider-grid{grid-template-columns:1fr}.option-admin-section>div>article{grid-template-columns:auto 1fr auto}.option-admin-section article>div{display:flex;flex-direction:column}.option-admin-section article>input[type=color]{display:none}.option-admin-section article>.button{grid-column:3}.mini-switch{font-size:0}.feedback-settings>div>article{grid-template-columns:auto 1fr auto}.admin-work-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-work-gallery.masonry{columns:2;column-gap:9px}.admin-work-body{padding:9px}.admin-work-body>p{display:none}.work-detail-actions .button{flex:1;padding:0 8px;font-size:11px}.compare-pair{grid-template-columns:1fr}.generation-history{grid-template-columns:repeat(2,1fr)}.interaction-list article{grid-template-columns:42px 1fr}.interaction-state,.interaction-actions{grid-column:2}.compare-toolbar{top:72px}.compare-title{min-width:100%;order:-1}.color-tools,.brush-size{order:5}.compare-board.count-2,.compare-board.count-3,.compare-board.count-4{grid-template-columns:1fr}.source-picker-grid{grid-template-columns:repeat(2,1fr)}.saved-annotations>div{grid-template-columns:1fr}.modal-backdrop{padding:8px}.modal{border-radius:18px}.modal-body{padding:16px}.toast-stack{left:10px;right:10px}.toast{min-width:0;width:100%}}