.os-page{padding-bottom:64px;color:#201b45}.os-crumb{margin:19px 0 24px;color:#73718b;font-size:.92rem}.os-crumb a{color:#6c37d9;text-decoration:none}
.os-hero{border-radius:36px;background:radial-gradient(circle at 85% 45%,#7b45db 0,#4b259e 37%,#241850 87%);color:#fff;min-height:245px;padding:42px 50px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;gap:25px;box-shadow:0 23px 50px #29155c22}
.os-eyebrow{letter-spacing:.22em;font-size:11px;font-weight:800;color:#dfc8ff}.os-hero h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.12;color:white;margin:21px 0 12px}.os-hero p{font-size:1.08rem;max-width:670px;color:#f1e8ff}.os-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.os-pills span{border:1px solid #ffffff44;border-radius:18px;padding:7px 12px;font-size:12px;color:#eee8ff;background:#ffffff15}.os-hero-shape{width:150px;height:145px;display:grid;place-items:center;transform:rotate(-12deg);background:linear-gradient(130deg,#b39aff,#6d45df);border-radius:35px;box-shadow:15px 19px 0 #24145688,0 27px 40px #180c4666;font-size:5rem;font-weight:900;flex-shrink:0;color:#fff}
.os-workspace{margin:28px 0;padding:32px;background:white;border:1px solid #eae5fa;border-radius:30px;box-shadow:0 10px 36px #28115e0b}.os-workspace>header{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #eae5fa;padding-bottom:18px;margin-bottom:24px}.os-workspace>header h2{font-size:1.5rem;margin:0 0 6px}.os-workspace>header p{margin:0;color:#78748e}.os-private{background:#f4eeff;color:#652fc5;font-size:12px;font-weight:800;padding:9px 14px;border-radius:20px;white-space:nowrap}
.os-editor-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 12px}.os-editor-head strong{font-size:1.12rem}.os-editor-head span,.os-editor-head small,.os-hint{font-size:12px;color:#7d7790}.os-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:7px;border:1px solid #e6e0f5;background:#f8f6ff;border-radius:14px 14px 0 0;padding:10px}.os-toolbar button{border:1px solid #e4ddf5;background:white;color:#35265e;border-radius:8px;padding:7px 10px;cursor:pointer;font-size:13px;font-family:inherit}.os-toolbar button:hover,.os-toolbar button:focus{background:#e7dcff}.os-toolbar input{min-width:100px;flex:1;padding:9px 12px;border-radius:8px;border:1px solid #d9d0f0}.os-toolbar #os-active-cell{background:#eee7ff;padding:9px 14px;border-radius:8px;font-weight:700}
.os-paper{background:white;min-height:470px;margin:0 auto;padding:52px max(24px,8%);border:1px solid #e4dff0;outline:none;box-shadow:0 12px 28px #26125310;font-family:Georgia,serif;font-size:16px;line-height:1.65;color:#16141b;overflow-wrap:anywhere;max-width:960px}.os-paper:focus{border-color:#8860dd}.os-paper h1,.os-paper h2{color:#16141b}.os-paper table{border-collapse:collapse;max-width:100%}.os-paper td{border:1px solid #bfb6d2;padding:10px;min-width:55px}.os-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:14px;margin-top:20px}.os-choose{cursor:pointer}
.os-grid-scroll{max-height:680px;overflow:auto;border:1px solid #e6e0f5;border-radius:0 0 12px 12px;background:white}.os-grid-table{border-collapse:separate;border-spacing:0;min-width:max-content;font-size:13px}.os-grid-table th{background:#f2ebff;color:#52369b;min-width:100px;height:32px;position:sticky;top:0;z-index:2;border-right:1px solid #dcd6ea;border-bottom:1px solid #dcd6ea}.os-grid-table tbody th{left:0;min-width:46px;z-index:1}.os-grid-table .os-sticky-corner{left:0;z-index:3;min-width:46px}.os-grid-table td{border-right:1px solid #e3deee;border-bottom:1px solid #e3deee;padding:0}.os-cell{min-width:100px;min-height:30px;padding:5px 8px;outline:none;white-space:pre;overflow:hidden;text-overflow:ellipsis}.os-cell:focus{background:#f9f5ff;box-shadow:inset 0 0 0 2px #9a60f7}.os-hint{margin-top:12px;line-height:1.5}
.os-slides-layout{display:grid;grid-template-columns:minmax(130px,220px) 1fr;gap:18px}.os-slide-list{background:#f9f7ff;border:1px solid #e4dcf2;padding:10px;display:flex;flex-direction:column;gap:9px;max-height:700px;overflow:auto;border-radius:13px}.os-slide-thumb{text-align:left;display:flex;gap:12px;align-items:center;min-height:78px;padding:12px;border:1px solid #e4dcf2;border-radius:11px;background:white;color:#2c2252;cursor:pointer;overflow-wrap:anywhere}.os-slide-thumb span{background:#e7dfff;padding:7px 11px;border-radius:7px}.os-slide-thumb.selected{border-color:#7b43e9;box-shadow:0 0 0 2px #7b43e922}.os-slide-work{min-width:0}.os-slide-preview{aspect-ratio:16/9;border:1px solid #ece6f8;border-radius:16px;box-shadow:0 10px 22px #26125310;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:8%;color:#302953;overflow-wrap:anywhere}.os-slide-preview h2{font-size:clamp(1.3rem,3vw,2.8rem);line-height:1.2;margin:0 0 1rem;color:inherit}.os-slide-preview p{font-size:clamp(.85rem,1.5vw,1.3rem);white-space:pre-line;margin:0}.os-slide-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.os-slide-fields label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}.os-slide-fields label:nth-child(2){grid-row:span 2}.os-slide-fields input,.os-slide-fields textarea{border:1px solid #ded6eb;border-radius:10px;padding:12px;font:inherit;width:100%;background:white}.os-slide-fields input[type=color]{min-height:52px;padding:5px}.os-slide-fields textarea{resize:vertical;min-height:108px}
.os-drop{border:2px dashed #ad8cf6;background:#f9f5ff;border-radius:22px;min-height:215px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px;gap:12px;text-align:center;cursor:pointer}.os-drop>span{font-size:36px;color:#7d39df}.os-drop strong{font-size:20px}.os-drop small{color:#777087}.os-drop input{width:min(340px,95%);border-radius:9px}.os-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px}.os-field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}.os-field input,.os-field select{background:#fff;border:1px solid #ddd4f1;padding:12px;border-radius:11px}.os-run{margin-top:20px}.os-feedback{background:#f1ecff;color:#402488;padding:15px 18px;border-radius:13px;margin-top:18px}.os-feedback.os-error{background:#fff0f0;color:#a32a2a}.os-done{background:#edfff1;border:1px solid #c5ebcb;border-radius:16px;padding:18px;margin-top:22px;color:#1d652f}.os-done p{font-size:12px;margin:8px 0}.os-info{background:#faf8ff;border:1px solid #eae1f7;padding:25px 30px;border-radius:22px;margin:25px 0}.os-info h2{margin:12px 0}.os-info p,.os-info li{color:#635c7c;line-height:1.7}.os-info details{margin-top:17px}.os-info summary{cursor:pointer;font-weight:700}.os-related{margin:35px 0}.os-related>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.os-link{padding:14px;border:1px solid #e5dffa;border-radius:13px;background:white;color:#512a99;text-decoration:none}.os-link:hover{background:#f4eeff}.os-ad{margin:20px auto}
@media(max-width:720px){.os-hero{padding:30px 22px;border-radius:24px;min-height:210px}.os-hero-shape{display:none}.os-workspace{padding:18px;border-radius:20px}.os-workspace>header{align-items:flex-start;flex-direction:column}.os-slides-layout{grid-template-columns:1fr}.os-slide-list{flex-direction:row;max-height:135px}.os-slide-thumb{min-width:130px}.os-slide-fields{grid-template-columns:1fr}.os-slide-fields label:nth-child(2){grid-row:auto}.os-paper{padding:22px;min-height:370px}.os-pills span{font-size:10px}.os-toolbar button{padding:6px 8px}.os-actions{justify-content:center}}