.app-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 32px;box-shadow:0 1px 4px #0000000a;position:sticky;top:0;z-index:12000;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.left-group{display:flex;align-items:center;gap:20px}.logo{font-size:1.6rem;font-weight:250;color:#000000a3;text-transform:uppercase;letter-spacing:1.2px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:color .3s ease;text-decoration:none;white-space:nowrap}.logo:hover,.logo:focus{color:#0041a8;outline:none}.search-bar{position:relative;flex:0 0 250px;display:flex;align-items:center}.search-bar input{width:100%;padding:9px 15px 9px 36px;font-size:12px;border:0px solid #ccc;border-radius:10px;background-color:#fafafa;color:#555;transition:border-color .3s ease,background-color .3s ease;cursor:not-allowed;outline:none}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:20px;height:20px;color:#999;fill:none;stroke:currentColor}.search-icon svg{width:100%;height:100%;display:block}.search-bar input:focus{border-color:#06f;background-color:#fff;color:#555}.actions{display:flex;align-items:center;gap:20px}.btn-outlined{text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;display:inline-flex;align-items:center;gap:6px}.btn-outlined:hover,.btn-outlined:focus{background-color:#06f;color:#fff;box-shadow:0 6px 16px #0066ffa6;outline:none}.write-button{width:45px;height:40px;border:1.8px solid transparent;background-color:#f5f5f5;color:#06f;padding:6px 10px;font-weight:lighter;font-size:10px;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 1px 4px #00000026;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;display:flex;align-items:center}.login-btn{width:60px;height:30px;padding:6px 10px;font-weight:lighter;font-size:10px;box-shadow:0 1px 4px #00000026!important;background-color:#f5f5f5;border:1.8px solid transparent;display:flex;align-items:center;color:#999}.write-button:hover,.write-button:focus{background-color:#06f;color:#fff;box-shadow:0 6px 16px #0066ffa6;outline:none}.user-icon-btn{width:45px;height:40px;font-family:inherit;border:1.8px solid transparent;font-size:10px;background-color:#f5f5f5;color:gray;box-shadow:0 1px 4px #00000026;padding:5px 5px 5px 15px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;border-radius:50px}.user-icon-btn:hover,.user-icon-btn:focus{background-color:#06f;color:#fff;box-shadow:0 6px 16px #0066ffa6;outline:none}.dropdown-arrow{font-size:.7rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown-menu{position:absolute;right:0;margin-top:6px;background-color:#fff;box-shadow:0 2px 8px #00000026;min-width:130px;z-index:1000;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown-item{width:100%;padding:10px 14px;border:none;background:none;text-align:left;cursor:pointer;font-size:1rem;color:#333;transition:background-color .2s ease;border-radius:6px}.dropdown-item:hover,.dropdown-item:focus{background-color:#f0f0f0;outline:none}@media (max-width: 600px){.app-header{padding:10px 20px}.search-bar{flex:1}.btn-outlined,.write-button,.user-icon-btn{padding:7px 14px;font-size:.9rem}}.app-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;background-color:#fff}html,body{height:100%;margin:0;padding:0;background-color:#fff!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.msw-header{position:fixed;top:0;left:0;width:100vw;background:#fff;padding:12px 40px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;z-index:11000;gap:20px;box-shadow:0 1px 4px #0000000a}.msw-product-name{font-size:1.6rem;font-weight:250;color:#000000a3;text-transform:uppercase;letter-spacing:1.2px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:color .3s ease;text-decoration:none;white-space:nowrap;flex-shrink:0}.msw-product-name:hover,.msw-product-name:focus{color:#0041a8;outline:none}.msw-toolbar-floating{background:transparent;border:none;box-shadow:none;padding:0;display:flex;gap:12px;justify-content:center;flex-grow:1;max-width:850px;overflow-x:hidden;scrollbar-width:none;white-space:nowrap}.msw-toolbar-floating::-webkit-scrollbar{display:none}.msw-toolbar-floating button{background:#f5f5f5;border:none;font-size:1rem;font-weight:lighter;cursor:pointer;padding:6px 10px;transition:background .25s ease,transform .15s ease;color:#444;box-shadow:0 1px 3px #0000001a;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0}.msw-toolbar-floating button:hover{background:#e0e7ff;color:#03c;transform:scale(1.1)}.msw-toolbar-floating button:active{transform:scale(.95);background:#c6d1ff;color:#002199}.msw-toolbar-floating button.toolbar-btn,.msw-toolbar-floating label.toolbar-btn{display:flex;flex-direction:row;align-items:center;gap:6px;padding:6px 10px;min-width:auto;flex-shrink:0}.toolbar-btn-number{font-size:.65rem;color:#555;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1;font-weight:600}.msw-color-picker{width:45px;height:40px;border:none;background:none;cursor:pointer;padding:6px 10px;margin-left:2px;box-shadow:0 1px 4px #00000026;transition:box-shadow .3s ease;background-color:#f5f5f5}.msw-color-picker:hover{box-shadow:0 2px 8px #00000040}.msw-image-upload{display:flex;align-items:center;cursor:pointer;font-size:1.2rem;padding:4px 8px;background:#f5f5f5;box-shadow:0 1px 3px #0000001a;transition:background .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.msw-image-upload:hover{background:#e0e7ff;color:#03c}.msw-image-input{display:none}.msw-top-buttons{display:flex;gap:14px;flex-shrink:0}.msw-top-buttons button{width:45px;padding:5px;font-weight:lighter;cursor:pointer;border:1.8px solid transparent;transition:all .3s ease;font-size:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 2px 5px #0000001f;color:#5c5c5c;background-color:#f5f5f5}.btn-secondary{background-color:#f0f0f5;color:#555;border-color:#bbb}.btn-secondary:hover{background-color:#d7dbf2;color:#2a2f5f;border-color:#9aa2d6;box-shadow:0 4px 10px #2a2f5f40}.btn-primary{background-color:#06f;color:#fff;border-color:#0052cc;box-shadow:0 4px 14px #0066ff80}.btn-primary:hover{background-color:#0052cc;border-color:#0041a8;box-shadow:0 6px 18px #0041a8a6}.msw-container{max-width:900px;margin:110px auto 40px;padding:0 60px;box-sizing:border-box;border-radius:16px;min-height:500px}.msw-title-input{width:100%;font-size:2.2rem;font-weight:700;border:none;outline:none;margin-bottom:30px;line-height:1.3;color:#222;padding:8px 24px;background-color:transparent;box-shadow:none;transition:none;resize:none;overflow:hidden}.msw-title-input:focus{outline:none!important;box-shadow:none!important;border:none!important;background-color:transparent!important}.msw-content-editable{min-height:520px;font-size:1.25rem;line-height:1.8;outline:none;padding:20px 24px;border-radius:12px;cursor:text;word-break:break-word;direction:ltr;text-align:left;transition:box-shadow .3s ease;overflow-y:visible}.msw-content-editable:empty:before{content:attr(data-placeholder);color:#aaa;pointer-events:none;display:block;font-style:italic}.msw-content-editable::-webkit-scrollbar{width:0px;background:transparent}.msw-content-editable::-webkit-scrollbar-thumb{background-color:transparent}.msw-content-editable::-webkit-scrollbar-track{background-color:transparent}@media (max-width: 640px){.msw-container{padding:0 24px;margin:110px 16px 40px}.msw-title-input{font-size:1.8rem}.msw-content-editable{font-size:1.1rem}.msw-toolbar-floating{max-width:100%;gap:8px;padding:0}.msw-product-name{font-size:1.4rem}.msw-top-buttons{gap:8px}.msw-top-buttons button{min-width:unset;padding:8px 14px;font-size:.9rem}}.home-container{max-width:800px;margin:40px auto;padding:20px;background-color:#fff;box-shadow:0 2px 12px #00000014}.page-title{font-weight:150;font-size:15px;margin-bottom:24px;color:#000;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.story-list ul{list-style:none;padding:0}.story-list li{margin-bottom:12px}.story-link{background:none;border:1px solid #80808042;padding:10px 18px;font-size:16px;color:#000;cursor:pointer;transition:all .2s ease-in-out;text-align:left;width:100%}.story-link:hover{background-color:#3498db;color:#fff}.info-message,.error-message{padding:10px 15px;margin-bottom:16px;border-radius:6px;font-weight:500}.info-message{background-color:#e8f4fd;color:#2c7be5}.error-message{background-color:#fdecea;color:#d9534f}.viewer-container{padding:32px;max-width:800px;margin:auto;font-family:Segoe UI,sans-serif}.viewer-header{display:flex;justify-content:space-between;align-items:center}.viewer-header h1{font-size:2rem;margin-bottom:12px}.viewer-content{margin-top:24px;line-height:1.6}.viewer-content img.viewer-image{max-width:100%;margin:16px 0;border-radius:4px}.info-message,.error-message{text-align:center;padding:16px;margin:20px auto;color:#333}.dropdown-wrapper{position:relative}.three-dots-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:4px}.dropdown-menu{position:absolute;right:0;top:36px;background-color:#fff;border:1px solid #ddd;box-shadow:0 2px 8px #0000001f;display:flex;flex-direction:column;min-width:120px;z-index:10}.dropdown-menu button{background:none;border:none;padding:10px;text-align:left;cursor:pointer;font-size:12px;color:#333}.dropdown-menu button:hover{background-color:#f5f5f5}.dropdown-menu .danger{color:#d32f2f}