/* RC29 Karya Siswa — komponen terisolasi; tidak mengubah tombol / layout modul lama. */
.sw-eyebrow{font-size:.73rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#18777b;margin:0 0 .35rem}
.sw-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:40px;padding:9px 16px;border-radius:12px;border:1px solid transparent;font:inherit;font-size:.9rem;font-weight:720;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;white-space:nowrap}
.sw-btn:hover{transform:translateY(-1px)}.sw-btn:focus-visible,.sw-back:focus-visible,.sw-paper [contenteditable]:focus-visible,.sw-photo-select:focus-visible{outline:3px solid #f5c75c;outline-offset:3px}
.sw-btn-primary{background:#0c686b;color:#fff!important;box-shadow:0 6px 16px #0c686b1e}.sw-btn-primary:hover{background:#095a5d}.sw-btn-outline{border-color:#cbd9df;background:#fff;color:#17485b!important}
.sw-back{color:#166b71;text-decoration:none;font-size:.94rem;font-weight:760;white-space:nowrap}.sw-admin-editor,.sw-admin-index{color:#18353e;max-width:100%;min-width:0}
.sw-editor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #dde7e8;border-radius:15px;padding:12px 15px;margin-bottom:14px}
.sw-editor-toolbar-actions,.sw-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sw-state{display:inline-flex;border-radius:99px;background:#edf4f4;color:#546a70;font-size:.76rem;font-weight:800;padding:5px 10px;white-space:nowrap}.sw-state-published{color:#116748;background:#e3f7eb}.sw-state-archived{color:#81501d;background:#fbedd7}
.sw-flash-error,.sw-flash-success{border-radius:12px;padding:10px 14px;margin:10px 0;background:#fff3e8;border:1px solid #f3d7bc;color:#89480c}.sw-flash-success{background:#ebf9f2;border-color:#b8e5cd;color:#15643c}
.sw-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,310px);align-items:start;gap:18px}.sw-main,.sw-editor-side{min-width:0}
.sw-reader-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;color:#657d85;font-size:.82rem}.sw-reader-tools .sw-btn{min-height:33px;padding:6px 10px;font-size:.78rem}
.sw-editor-side{position:sticky;top:15px;border:1px solid #dce8e8;border-radius:16px;box-shadow:0 10px 35px #183a4b0c;background:#fff;overflow:hidden}
.sw-editor-side-head{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:15px 16px;border-bottom:1px solid #e8eeee}.sw-editor-side-head strong{display:block;font-size:1rem}.sw-editor-side-head small{display:block;color:#667f84;margin-top:3px;font-size:.77rem}.sw-editor-side-body{display:grid;gap:9px;padding:15px;max-height:calc(100dvh - 220px);overflow:auto}
.sw-side-label{font-size:.82rem;color:#284b54;font-weight:780}.sw-side-input,.sw-editor-side textarea{width:100%;background:#fff;color:#19363d;border:1px solid #cddedc;border-radius:10px;padding:10px 11px;font:inherit;font-size:.9rem;box-sizing:border-box}.sw-editor-side textarea{min-height:200px;resize:vertical;line-height:1.65}.sw-side-input:focus,.sw-editor-side textarea:focus{outline:none;border-color:#137d87;box-shadow:0 0 0 3px #137d8719}.sw-field-help{font-size:.78rem;line-height:1.5;color:#73838a;margin:1px 0 8px}.sw-consent{display:flex;gap:9px;align-items:flex-start;padding:10px;background:#f2f8f7;border-radius:10px;color:#405e64;font-size:.79rem;line-height:1.45}.sw-consent input{margin-top:3px}.sw-side-close{display:none}
.sw-pages{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:100%;min-width:0}.sw-paper{width:min(100%,790px);min-width:0;aspect-ratio:3/4;position:relative;container-type:inline-size;overflow:hidden;isolation:isolate;background-color:#eff7fc;background-position:center;background-size:100% 100%;background-repeat:no-repeat;box-shadow:0 9px 30px #173a511d;border-radius:1.5%;color:#153253;flex:none}.sw-paper--continuation{aspect-ratio:1136/1536}.sw-paper:focus-within{box-shadow:0 12px 34px #1b496c30}
.sw-cover-title{position:absolute;top:8.9%;left:19%;width:56%;height:7%;display:flex;justify-content:center;align-items:center;text-align:center;font:800 3.25cqw/1.18 Georgia,serif;color:#143f69;letter-spacing:-.025em;overflow:hidden;overflow-wrap:anywhere;padding:0 1%;box-sizing:border-box}.sw-cover-title.is-long{font-size:2.35cqw}.sw-paper [contenteditable]{cursor:text;outline:none;border-radius:4px}.sw-paper[data-edit="1"] [contenteditable]:hover{box-shadow:0 0 0 2px #137b86a6;background:#ffffffe5}
.sw-photo-select{position:absolute;top:22.2%;left:5.6%;width:20.6%;height:19.1%;padding:0;cursor:pointer;border:none;border-radius:8%;overflow:hidden;background:transparent}.sw-photo-select img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.sw-photo-select:not(:has(img)){background:transparent}.sw-paper[data-edit="1"] .sw-photo-select:hover{box-shadow:0 0 0 3px #1499a6}.sw-paper[data-edit="0"] .sw-photo-select{pointer-events:none}
.sw-profile-value{position:absolute;left:5.15%;width:21.4%;height:3.05%;text-align:center;display:flex;justify-content:center;align-items:center;font:700 1.65cqw/1.12 system-ui,sans-serif;color:#173b68;white-space:normal;overflow:hidden;overflow-wrap:anywhere;padding:0 .5%;box-sizing:border-box}.sw-profile-value[data-field="author_name"]{top:51.4%}.sw-profile-value[data-field="author_class"]{top:57.95%}.sw-profile-value[data-field="author_hobby"]{top:65.1%}.sw-profile-value[data-field="author_motto"]{top:72.0%;height:7.75%;font-size:1.48cqw;line-height:1.32;align-items:flex-start;padding:1.3% 1%}
.sw-paper[data-edit="1"] [contenteditable]:empty::after{content:attr(data-placeholder);color:#65849f99;font-weight:500}
.sw-story-text{position:absolute;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;text-align:left;color:#172e46;font:400 1.82cqw/1.54 Georgia,'Times New Roman',serif;hyphens:auto;box-sizing:border-box;margin:0;padding:0}.sw-paper--first .sw-story-text{left:32%;right:6.4%;top:22.5%;bottom:17.5%}.sw-paper--continuation .sw-story-text{left:6.8%;right:6.6%;top:9.6%;bottom:11.2%;font-size:1.94cqw;line-height:1.55}.sw-paper[data-edit="1"] .sw-story-text{cursor:pointer}.sw-paper[data-edit="1"] .sw-story-text:hover{background:#f6fcff88;outline:2px dashed #1298a0}.sw-paper[data-edit="1"] .sw-story-text:empty::before{content:'Klik area ini untuk menulis atau menempelkan karya siswa';font-family:system-ui,sans-serif;font-size:1.8cqw;color:#6895a5}
.sw-page-number{position:absolute;bottom:3.55%;left:46.67%;width:6.8%;height:4.7%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fffdf7;color:#1a3352;border:1px solid #d3b77c;box-shadow:0 1px 3px #223c5b16;font:700 2.2cqw/1 Georgia,serif}.sw-paper--first .sw-page-number{display:none}
.sw-page-warning{font-size:.84rem;color:#9b4e16;margin:5px;padding:12px;background:#fff4e7;border-radius:10px}
.sw-pages.sw-zoomed{align-items:flex-start;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:12px}.sw-paper.sw-paper--zoom{width:980px;max-width:none;flex:0 0 980px}.sw-public-reader{padding-top:22px;padding-bottom:40px}.sw-public-reader-head{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:0 auto 20px;max-width:790px}.sw-public-reader-head .sw-back{margin-right:auto}.sw-public-reader-head>span{color:#657b81;font-size:.83rem}
.sw-readable-text{max-width:750px;padding:20px 26px;margin:auto;border-radius:16px;background:#fff;border:1px solid #e6eded;font-size:1rem;line-height:1.9;color:#183339}.sw-readable-text>div{white-space:normal;overflow-wrap:anywhere}.sw-readable-text h1{font-size:clamp(1.4rem,3vw,2.2rem);line-height:1.3}.sw-readable-author{color:#607b83}.sw-js-ready .sw-readable-text{display:none}.sw-js-ready.sw-text-mode .sw-pages{display:none}.sw-js-ready.sw-text-mode .sw-readable-text{display:block}
.sw-public-list{padding-top:30px;padding-bottom:55px}.sw-public-heading{text-align:center;padding:15px 0 25px}.sw-public-heading h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15;margin:0}.sw-public-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:16px}.sw-public-card{display:flex;flex-direction:column;gap:7px;min-height:185px;padding:22px;border:1px solid #dbe7ee;border-radius:18px;background:linear-gradient(145deg,#fff,#f5fafc);box-shadow:0 6px 25px #163f5310;text-decoration:none!important;color:#183954!important;transition:transform .2s,box-shadow .2s}.sw-public-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #17405d25}.sw-public-card-icon{font-size:1.7rem}.sw-public-card small{color:#247987;font-weight:700}.sw-public-card strong{font-size:1.12rem;line-height:1.35}.sw-public-card>span:nth-last-child(2){font-size:.86rem;color:#617d83}.sw-public-card-cta{font-weight:700;font-size:.84rem;color:#166e79;margin-top:auto}
.sw-admin-list-head{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:18px}.sw-admin-list-head h2{margin:0;font-size:1.65rem}.sw-admin-list{background:#fff;border:1px solid #e0e9e9;border-radius:15px;overflow:hidden}.sw-admin-list-row{display:flex;align-items:center;gap:13px;padding:12px 16px;border-bottom:1px solid #edf1f2}.sw-admin-list-row:last-child{border-bottom:0}.sw-admin-list-thumb{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:10px;background:#e4f1f5;overflow:hidden;font-size:1.35rem}.sw-admin-list-thumb img{width:100%;height:100%;object-fit:cover}.sw-admin-list-copy{min-width:0;flex:1;display:grid;gap:4px}.sw-admin-list-copy strong{font-size:.9rem;overflow-wrap:anywhere}.sw-admin-list-copy span{font-size:.79rem;color:#6b858b}.sw-admin-empty{margin:0;padding:24px;text-align:center;color:#6e8187}.sw-archive-form{display:flex;justify-content:flex-end;margin:10px 0}.sw-archive-btn{border:0;background:none;color:#8b5c4d;text-decoration:underline;cursor:pointer;font:inherit;font-size:.83rem}
@media(max-width:980px){.sw-workspace{grid-template-columns:minmax(0,1fr)}.sw-editor-side{position:static;max-width:790px;width:100%;margin:auto}.sw-editor-side-body{max-height:none}.sw-editor-side textarea{min-height:180px}.sw-paper{max-width:760px}}
@media(max-width:600px){.sw-paper.sw-paper--zoom{width:760px;flex-basis:760px}.sw-admin-editor{padding:0}.sw-editor-toolbar{padding:10px}.sw-reader-tools{gap:6px}.sw-reader-tools>span:first-child{max-width:55%;line-height:1.25}.sw-pages{gap:16px}.sw-paper{width:100%;border-radius:6px}.sw-cover-title{font-size:3.6cqw}.sw-story-text{font-size:1.86cqw}.sw-public-reader{padding-left:8px!important;padding-right:8px!important}.sw-public-reader-head{padding:0 8px}.sw-admin-list-row{flex-wrap:wrap}.sw-admin-list-row .sw-btn{margin-left:auto}.sw-editor-side-body{padding:12px}.sw-readable-text{padding:18px}.sw-btn{font-size:.82rem;padding:8px 11px}}
@media(prefers-reduced-motion:reduce){.sw-btn,.sw-public-card{transition:none!important}}
@media print{.sw-public-reader-head,.sw-editor-toolbar,.sw-reader-tools,.sw-editor-side,.sw-archive-form,header.site-header,footer.site-footer{display:none!important}.sw-paper{break-after:page;page-break-after:always;width:180mm!important;box-shadow:none;margin:0 auto}.sw-pages{gap:0}.sw-readable-text{display:none!important}}